feat : 세미나 페이지에 header, toggle, menu, list 배치 #19

src/app/seminar/page.tsx

@@ -1,12 +1,27 @@
-import React from 'react';
+'use client';
 
-// metadata
-export const metadata = {
-  title: 'Seminar',
-};
+import SeminarHeader from '@/components/seminar/header/SeminarHeader';
+import SeminarMenuBar from '@/components/seminar/menubar/SeminarMenuBar';
+import SeminarThumbnailList from '@/components/seminar/thumbnail/SeminarThumbnailList';
+import SeminarToggle from '@/components/seminar/toggle/SeminarToggle';
+import React, { useState } from 'react';
 
 const SeminarPage = () => {
-  return <div className="w-4/5 px-10">Seminar 페이지입니당</div>;
+  const [selectedCategory, setSelectedCategory] = useState<string>('all');
+
+  return <div className="w-4/5 px-10 my-20 mx-auto">
+{/* header */}
+<SeminarHeader />
+
+{/* toggle */}
+<SeminarToggle />
+
+{/* select button */}
+<SeminarMenuBar selectedCategory={selectedCategory} setSelectedCategory={setSelectedCategory} />
+
+{/* seminar list */}
+<SeminarThumbnailList selectedCategory={selectedCategory} />
+  </div>;
 };
 
 export default SeminarPage;