diff options
Diffstat (limited to 'src/app/page.tsx')
| -rw-r--r-- | src/app/page.tsx | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/src/app/page.tsx b/src/app/page.tsx new file mode 100644 index 0000000..bc498c7 --- /dev/null +++ b/src/app/page.tsx @@ -0,0 +1,53 @@ +"use client" + +import Link from "next/link" +import { Button } from "@/components/ui/button" +import Navbar from "@/components/Navbar" +import Footer from "@/components/Footer" +import { LogIn, ArrowRight } from "lucide-react" + +export default function Home() { + return ( + <div className="min-h-screen flex flex-col"> + <Navbar /> + + <main className="flex-1 flex items-center justify-center"> + <div className="container mx-auto px-4 py-20 text-center"> + <div className="max-w-3xl mx-auto space-y-8"> + <div className="space-y-4"> + <h1 className="text-4xl md:text-6xl font-bold tracking-tight"> + Build Something + <span className="text-primary"> Amazing</span> + </h1> + <p className="text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed"> + A modern Next.js application with beautiful UI components, + secure authentication, and everything you need to build your next project. + </p> + </div> + + <div className="flex flex-col sm:flex-row gap-4 justify-center items-center"> + <Button asChild size="lg" className="text-lg px-8 py-6"> + <Link href="/login"> + <LogIn className="mr-2 h-5 w-5" /> + Get Started + </Link> + </Button> + <Button variant="outline" size="lg" className="text-lg px-8 py-6"> + Learn More + <ArrowRight className="ml-2 h-5 w-5" /> + </Button> + </div> + + <div className="pt-8"> + <p className="text-sm text-muted-foreground"> + Built with Next.js, Tailwind CSS, Shadcn/UI, and MongoDB + </p> + </div> + </div> + </div> + </main> + + <Footer /> + </div> + ) +}
\ No newline at end of file |