diff --git a/.cursor/.prompt/101101_메인페이지구성.md b/.cursor/.prompt/101101_메인페이지구성.md index bea56ce..7b696e5 100644 --- a/.cursor/.prompt/101101_메인페이지구성.md +++ b/.cursor/.prompt/101101_메인페이지구성.md @@ -1,4 +1,3 @@ ### 메인페이지구성 [] 1. https://mabinogimobile.nexon.com/Main를 브라우저로 열기 -[] 2. src/app/layout.tsx 와 src/app/page.tsx 파일 백업 _layout.tsxbk _page.tsx.bk로 -[] 3. 1번 링크를 참조해서 기존 layout과 page파일에 큰 레이아웃 클론 css는 tailwind로 \ No newline at end of file +[] 2. 1번 링크를 참조해서 기존 src/app/layout.tsx과 src/app/page.tsx파일에 큰 레이아웃 클론 css는 tailwind로 \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index a2dc41e..fd8e9cc 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -22,5 +22,8 @@ body { background: var(--background); color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; + font-family: var(--font-sans), Arial, Helvetica, sans-serif; } + +/* 유틸: 카드 스켈레톤 색상 헬퍼 (타깃 사이트 톤 유사) */ +.bg-neutral-100 { background-color: #f5f5f7; } diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d94199f..43bfdc9 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -2,7 +2,6 @@ import type { Metadata } from "next"; import "./globals.css"; import QueryProvider from "@/app/QueryProvider"; import { AppHeader } from "@/app/components/AppHeader"; -import { AppSidebar } from "@/app/components/AppSidebar"; import { AppFooter } from "@/app/components/AppFooter"; import { ToastProvider } from "@/app/components/ui/ToastProvider"; @@ -18,16 +17,27 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - - + + - -
- -
{children}
+
+
+
+ +
+
+
+
+ {children} +
+
+
+
+ +
+
- diff --git a/src/app/page.tsx b/src/app/page.tsx index d31828b..76b5a6d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,17 +1,41 @@ -import Image from "next/image"; -import { QuickActions } from "@/app/components/QuickActions"; import { HeroBanner } from "@/app/components/HeroBanner"; -import { PostList } from "@/app/components/PostList"; -import { PersonalWidgets } from "@/app/components/PersonalWidgets"; export default function Home({ searchParams }: { searchParams?: { sort?: "recent" | "popular" } }) { const sort = searchParams?.sort ?? "recent"; return ( -
- - - - +
+ {/* 히어로 섹션: 상단 대형 비주얼 영역 */} +
+ +
+ + {/* 메인 그리드: 좌 대형 카드, 우 2열 카드 등 타깃 사이트 구조를 단순화한 12그리드 */} +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + {/* 하단 롤링 배너/뉴스 영역 유사 섹션 */} +
+
+
+
+
); }