- {courses.map((c) => (
-
- {c.title}
- {c.description}
-
-
-
-
- ))}
+ {/* 콘텐츠 래퍼: Figma 기준 1440 컨테이너, 내부 1376 그리드 폭 */}
+
+ {/* 상단 카운트/정렬 영역 */}
+
+
+ 총 {courses.length}건
+
+
+
+
+ {/* 카드 그리드(고정 5열, gap 32px) */}
+
+
+ {pagedCourses.map((c) => (
+
+ {/* 섬네일 */}
+
+

+
+
+ {/* 본문 텍스트 블록 */}
+
+
+ {c.inProgress && }
+
+ {c.title}
+
+
+
+

+
+ VOD · 총 6강 · 4시간 20분
+
+
+
+
+ ))}
+
+
+
+ {/* 페이지네이션 (피그마 스타일 반영) */}
+
+ {/* Prev */}
+
+
+ {/* Numbers */}
+ {Array.from({ length: totalPages }, (_, i) => i + 1).map((n) => {
+ const active = n === page;
+ return (
+
+ );
+ })}
+
+ {/* Next */}
+
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 158f889..1bbd2dd 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,7 +2,7 @@ import type { Metadata } from "next";
import "./globals.css";
import { pretendard } from "./fonts";
import HeaderVisibility from "./components/HeaderVisibility";
-import Footer from "./components/Footer";
+import FooterVisibility from "./components/FooterVisibility";
export const metadata: Metadata = {
title: "XRLMS",
@@ -19,7 +19,7 @@ export default function RootLayout({
{children}
-
+