"use client";

import Header from "@/app/components/Header";
import Footer from "@/app/components/Footer";
import {
  CourseHero,
  AudienceSection,
  BenefitsSection,
  CurriculumSection,
  InstructorsSection,
  FAQSection,
  CTASection,
} from "@/app/components/course";

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