From 7f132278f85ee6b26581ac355b5b5ccc05401148 Mon Sep 17 00:00:00 2001 From: "DESKTOP-JBD7NHD\\User" Date: Tue, 22 Jul 2025 04:18:21 +0900 Subject: [PATCH 01/10] =?UTF-8?q?feat:=20=EB=A9=94=EC=9D=B8=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=A3=A8=ED=8A=B8=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../(with-header)/components/heroSection.tsx | 32 +++++++++++++++++++ src/app/(with-header)/layout.tsx | 19 +++++++---- src/app/(with-header)/page.tsx | 9 ++++++ src/app/{ => icons}/page.tsx | 0 src/app/layout.tsx | 16 ++++------ 5 files changed, 59 insertions(+), 17 deletions(-) create mode 100644 src/app/(with-header)/components/heroSection.tsx create mode 100644 src/app/(with-header)/page.tsx rename src/app/{ => icons}/page.tsx (100%) diff --git a/src/app/(with-header)/components/heroSection.tsx b/src/app/(with-header)/components/heroSection.tsx new file mode 100644 index 0000000..4c93c1e --- /dev/null +++ b/src/app/(with-header)/components/heroSection.tsx @@ -0,0 +1,32 @@ +'use client'; + +import Image from 'next/image'; + +export default function HeroSection() { + return ( +
+ {/* 배경 이미지 */} + 스트릿 댄스 + + {/* 어두운 오버레이 */} +
+ + {/* 텍스트 콘텐츠 */} +
+

+ 함께 배우면 즐거운 + 스트릿 댄스 +

+

+ 1월의 인기 경험 BEST +

+
+
+ ); +} diff --git a/src/app/(with-header)/layout.tsx b/src/app/(with-header)/layout.tsx index 7b39a5d..ca519ba 100644 --- a/src/app/(with-header)/layout.tsx +++ b/src/app/(with-header)/layout.tsx @@ -1,16 +1,21 @@ +// src/app/(with-header)/layout.tsx +import '@/app/globals.css'; import Header from '@/components/Header'; import Footer from '@/components/Footer'; +import HeroSection from '@/app/(with-header)/components/heroSection'; -export default function Layout({ children }: { children: React.ReactNode }) { +export default function WithHeaderLayout({ + children, +}: { + children: React.ReactNode; +}) { return ( <> - {/* 공통 헤더 */} + {/* 헤더와 푸터 */}
- - {/* 메인 콘텐츠 */} -
{children}
- - {/* 공통 푸터 */} +
+ +