import { Hero } from "@/components/sections/Hero";
import { Team } from "@/components/sections/Team";
import { About } from "@/components/sections/About";
import { Classes } from "@/components/sections/Classes";
import { Schedule } from "@/components/sections/Schedule";
import { Pricing } from "@/components/sections/Pricing";
import { FAQ } from "@/components/sections/FAQ";
import { Contact } from "@/components/sections/Contact";
import { BackToTop } from "@/components/ui/BackToTop";
import { Header } from "@/components/layout/Header";
import { Footer } from "@/components/layout/Footer";
import { getContent } from "@/lib/content";

export default function HomePage() {
  const content = getContent();

  return (
    <>
      <Header />
      <main>
        <Hero data={content.hero} />
        <About
          data={content.about}
          stats={{
            trainers: content.team.members.length,
            classes: content.classes.items.length,
            locations: content.schedule.locations.length,
          }}
        />
        <Team data={content.team} />
        <Classes data={content.classes} />
        <Schedule data={content.schedule} classItems={content.classes.items} />
        <Pricing data={content.pricing} />
        <FAQ data={content.faq} />
        <Contact data={content.contact} />
        <BackToTop />
      </main>
      <Footer />
    </>
  );
}
