Merge pull request #26 from TeamBNBN/fe/studentHomeMainPage

[Front-end] feat: 학생메인홈페이지 추가

frontend/src/pages/StudentHomeMainPage/StudentHomeMainPage.jsx

@@ -0,0 +1,44 @@
+import { ClassCard } from '../../components/ClassCard';
+import { ClassGrid } from '../../components/ClassGrid';
+import { MaxWidthLayout } from '../../components/Layout';
+
+export default function StudentHomeMainPage() {
+  const onGoingClasses = [
+    { lecture_id: 1, title: '한국어' },
+    { lecture_id: 2, title: '영어' },
+    { lecture_id: 3, title: '일본어' },
+  ];
+
+  const allClasses = [
+    { lecture_id: 1, title: '한국어' },
+    { lecture_id: 2, title: '영어' },
+    { lecture_id: 3, title: '일본어' },
+    { lecture_id: 4, title: '중국어' },
+    { lecture_id: 5, title: '프랑스어' },
+    { lecture_id: 6, title: '스페인어' },
+  ];
+  return (
+    <MaxWidthLayout>
+      <ClassGrid title="수강중인 강의">
+        {onGoingClasses.map((lecture) => (
+          <ClassCard
+            key={lecture.lecture_id}
+            path={`/class/${lecture.lecture_id}`}
+          >
+            {lecture.title}
+          </ClassCard>
+        ))}
+      </ClassGrid>
+      <ClassGrid title="전체 강의">
+        {allClasses.map((lecture) => (
+          <ClassCard
+            key={lecture.lecture_id}
+            path={`/class/${lecture.lecture_id}`}
+          >
+            {lecture.title}
+          </ClassCard>
+        ))}
+      </ClassGrid>
+    </MaxWidthLayout>
+  );
+}