import { useEffect } from 'react';
import Hero from '../components/Hero';
import Features from '../components/Features';
import PopularCourses from '../components/PopularCourses';
import Testimonials from '../components/Testimonials';
import CTA from '../components/CTA';
import { useCourse } from '../context/CourseContext';

export default function Home() {
  const { featuredCourses, getFeaturedCourses } = useCourse();

  useEffect(() => {
    getFeaturedCourses();
  }, []);

  return (
    <>
      <Hero />
      <Features />
      <PopularCourses courses={featuredCourses} />
      <Testimonials />
      <CTA />
    </>
  );
}