"use client";

import {
  Header,
  Hero,
  Footer,
  AudienceSection,
  BenefitsSection,
  CurriculumSection,
  InstructorsSection,
  FAQSection,
  CTASection,
  AnimateOnScroll,
} from "./components";

export default function Home() {
  return (
    <div className="min-h-screen bg-[var(--background)] text-[var(--foreground)]">
      <Header />
      <main>
        <Hero />
        <AnimateOnScroll delay={0}>
          <AudienceSection />
        </AnimateOnScroll>
        <AnimateOnScroll delay={100}>
          <BenefitsSection />
        </AnimateOnScroll>
        <AnimateOnScroll delay={0}>
          <CurriculumSection />
        </AnimateOnScroll>
        <AnimateOnScroll delay={100}>
          <InstructorsSection />
        </AnimateOnScroll>
        <AnimateOnScroll delay={0}>
          <FAQSection />
        </AnimateOnScroll>
        <AnimateOnScroll delay={100}>
          <CTASection />
        </AnimateOnScroll>
      </main>
      <Footer />
    </div>
  );
}