125 lines
3.0 KiB
TypeScript
Executable File
125 lines
3.0 KiB
TypeScript
Executable File
import HeroSection from './components/HeroSection';
|
|
import CategorySection from './components/CategorySection';
|
|
import CoursesSection from './components/CoursesSection';
|
|
import FeaturedTeachersSection from './components/FeaturedTeachersSection';
|
|
const HomePage = () => {
|
|
const mockCourses = [
|
|
{
|
|
id: 1,
|
|
title: 'Python 零基础入门',
|
|
instructor: '张教授',
|
|
students: 12000,
|
|
rating: 4.8,
|
|
level: '入门',
|
|
duration: '36小时',
|
|
category: '编程语言',
|
|
progress: 0,
|
|
thumbnail: '/images/course1.jpg',
|
|
},
|
|
{
|
|
id: 2,
|
|
title: '数据结构与算法',
|
|
instructor: '李教授',
|
|
students: 8500,
|
|
rating: 4.9,
|
|
level: '进阶',
|
|
duration: '48小时',
|
|
category: '计算机基础',
|
|
progress: 35,
|
|
thumbnail: '/images/course2.jpg',
|
|
},
|
|
{
|
|
id: 3,
|
|
title: '前端开发实战',
|
|
instructor: '王教授',
|
|
students: 10000,
|
|
rating: 4.7,
|
|
level: '中级',
|
|
duration: '42小时',
|
|
category: '前端开发',
|
|
progress: 68,
|
|
thumbnail: '/images/course3.jpg',
|
|
},
|
|
{
|
|
id: 4,
|
|
title: 'Java企业级开发',
|
|
instructor: '刘教授',
|
|
students: 9500,
|
|
rating: 4.6,
|
|
level: '高级',
|
|
duration: '56小时',
|
|
category: '编程语言',
|
|
progress: 0,
|
|
thumbnail: '/images/course4.jpg',
|
|
},
|
|
{
|
|
id: 5,
|
|
title: '人工智能基础',
|
|
instructor: '陈教授',
|
|
students: 11000,
|
|
rating: 4.9,
|
|
level: '中级',
|
|
duration: '45小时',
|
|
category: '人工智能',
|
|
progress: 20,
|
|
thumbnail: '/images/course5.jpg',
|
|
},
|
|
{
|
|
id: 6,
|
|
title: '大数据分析',
|
|
instructor: '赵教授',
|
|
students: 8000,
|
|
rating: 4.8,
|
|
level: '进阶',
|
|
duration: '50小时',
|
|
category: '数据科学',
|
|
progress: 45,
|
|
thumbnail: '/images/course6.jpg',
|
|
},
|
|
{
|
|
id: 7,
|
|
title: '云计算实践',
|
|
instructor: '孙教授',
|
|
students: 7500,
|
|
rating: 4.7,
|
|
level: '高级',
|
|
duration: '48小时',
|
|
category: '云计算',
|
|
progress: 15,
|
|
thumbnail: '/images/course7.jpg',
|
|
},
|
|
{
|
|
id: 8,
|
|
title: '移动应用开发',
|
|
instructor: '周教授',
|
|
students: 9000,
|
|
rating: 4.8,
|
|
level: '中级',
|
|
duration: '40小时',
|
|
category: '移动开发',
|
|
progress: 0,
|
|
thumbnail: '/images/course8.jpg',
|
|
},
|
|
];
|
|
|
|
return (
|
|
<div className="min-h-screen">
|
|
<HeroSection />
|
|
|
|
<CoursesSection
|
|
title="推荐课程"
|
|
description="最受欢迎的精品课程，助你快速成长"
|
|
courses={mockCourses}
|
|
/>
|
|
{/* <CoursesSection
|
|
title="热门课程"
|
|
description="最受欢迎的精品课程，助你快速成长"
|
|
courses={mockCourses}
|
|
/> */}
|
|
<CategorySection />
|
|
{/* <FeaturedTeachersSection /> */}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HomePage; |