import Link from 'next/link';
import { Button } from '@/components/ui/button';
import { HeroSection } from '@/components/landing-page/hero-section';
import { ContextSection } from '@/components/landing-page/context-section';
import { EducationSection } from '@/components/landing-page/education-section';
import { Footer } from '@/components/landing-page/footer';
import { PublicNavbar } from '@/components/layout/public-navbar';
import { cookies } from 'next/headers';

export default async function Home() {
  const cookieStore = await cookies();
  const token = cookieStore.get('auth-token');
  const isLoggedIn = !!token;

  return (
    <div className="min-h-screen flex flex-col font-sans bg-background text-foreground">
      {/* Header / Navbar */}
      <PublicNavbar isLoggedIn={isLoggedIn} />

      {/* Main Content */}
      <main className="flex-1 flex flex-col items-center">
        <HeroSection />
        <ContextSection />
        <EducationSection />
      </main>

      {/* Footer */}
      <Footer />
    </div>
  );
}