huncholaneMade it look nicer
huncholane1 file changed, +16 -4
+16-4app/page.tsx
| @@ -1,9 +1,21 @@ | ||
| 1 | 1 | export default function Home() { |
| 2 | 2 | return ( |
| 3 | - <div> | |
| 4 | - <h1>Vacaville is in the bay area.</h1> | |
| 5 | - <p>Clearly it says it here.</p> | |
| 6 | - <img src="/map.png" alt="" /> | |
| 3 | + <div className="flex min-h-screen flex-col items-center justify-center bg-gray-900 text-white p-6"> | |
| 4 | + <div className="max-w-2xl text-center"> | |
| 5 | + <h1 className="text-4xl md:text-6xl font-bold mb-4 bg-gradient-to-r from-blue-400 to-teal-300 text-transparent bg-clip-text"> | |
| 6 | + Vacaville is in the Bay Area. | |
| 7 | + </h1> | |
| 8 | + <p className="text-lg md:text-xl text-gray-300 mb-6"> | |
| 9 | + Clearly, it says it here. No arguments. | |
| 10 | + </p> | |
| 11 | + <div className="relative overflow-hidden rounded-lg shadow-lg border-4 border-teal-500"> | |
| 12 | + <img | |
| 13 | + src="/map.png" | |
| 14 | + alt="Map showing Vacaville in the Bay Area" | |
| 15 | + className="w-full h-auto transition-transform duration-500 hover:scale-105" | |
| 16 | + /> | |
| 17 | + </div> | |
| 18 | + </div> | |
| 7 | 19 | </div> |
| 8 | 20 | ); |
| 9 | 21 | } |