import Link from "next/link";
import { Hero } from "@/components/landing/hero";
import { CarouselSection } from "@/components/landing/carousel-animation";
import { AboutSection } from "@/components/landing/about-section";
import { HowItWorks } from "@/components/landing/how-it-works";

export default function LandingPage() {
  return (
    <main className="flex min-h-screen flex-col items-center">
      <Hero />

      <section className="w-full py-8">
        <CarouselSection />
      </section>

      <div className="py-6">
        <Link
          href="/login"
          className="rounded-xl border border-foreground/20 px-8 py-3 text-lg font-semibold transition-colors hover:bg-foreground/5"
        >
          Login / Get Started
        </Link>
      </div>

      <AboutSection />
      <HowItWorks />
    </main>
  );
}