import React from 'react';
import Navbar from '@/components/layout/Navbar';
import Footer from '@/components/layout/Footer';
import Hero from '@/components/home/Hero';
import FeaturedCategories from '@/components/home/FeaturedCategories';
import Features from '@/components/home/Features';
import Statistics from '@/components/home/Statistics';
import Testimonials from '@/components/home/Testimonials';
import CallToAction from '@/components/home/CallToAction';
import CourseGrid from '@/components/courses/CourseGrid';
import { featuredCourses, popularCourses, newCourses } from '@/data/mockData';
const Index = () => {
return (
{/* Hero Section */}
{/* Featured Categories */}
{/* Featured Courses */}