Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "홈",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "홈", id: "#hero"},
|
||||
{
|
||||
name: "소개",
|
||||
id: "#about",
|
||||
},
|
||||
name: "소개", id: "#about"},
|
||||
{
|
||||
name: "워크숍",
|
||||
id: "#feature",
|
||||
},
|
||||
name: "워크숍", id: "#feature"},
|
||||
{
|
||||
name: "강사진",
|
||||
id: "#team",
|
||||
},
|
||||
name: "강사진", id: "#team"},
|
||||
{
|
||||
name: "후기",
|
||||
id: "#testimonial",
|
||||
},
|
||||
name: "후기", id: "#testimonial"},
|
||||
{
|
||||
name: "문의",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "문의", id: "#contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWHOo7kG4vFBUNNOinUV6eq9Bp/uploaded-1780287470626-iev4v3ex.jpg"
|
||||
logoAlt="해봄 로고"
|
||||
@@ -65,8 +53,7 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="새로운 배움과 만남이 시작되는 공간"
|
||||
description="해봄 워크숍 센터에서 당신의 잠재력을 꽃피우세요. 다양한 프로그램을 통해 성장하고 영감을 얻으세요."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-planning-trip_23-2148925846.jpg"
|
||||
@@ -81,17 +68,11 @@ export default function LandingPage() {
|
||||
description="해봄은 열린 공간에서 다양한 창의적 활동과 배움을 지원하는 커뮤니티 워크숍 센터입니다. 함께 성장하고 소통하는 기쁨을 느껴보세요."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "활동 분야",
|
||||
},
|
||||
value: "20+", title: "활동 분야"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "참여자",
|
||||
},
|
||||
value: "500+", title: "참여자"},
|
||||
{
|
||||
value: "10+",
|
||||
title: "전문 강사",
|
||||
},
|
||||
value: "10+", title: "전문 강사"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-cutting-shapes-from-colored-papers-cyan-blue_176474-2884.jpg"
|
||||
imageAlt="워크숍 참여자들이 활동하는 모습"
|
||||
@@ -108,32 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "도예 클래스",
|
||||
description: "흙으로 빚어내는 나만의 작품, 도예의 매력에 빠져보세요.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-potter-painting-ceramic-dishware-with-paintbrush-workshop_23-2148155137.jpg",
|
||||
imageAlt: "도예 클래스",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/artisan-woman-making-miniature-pottery_181624-56859.jpg",
|
||||
buttonText: "자세히 보기",
|
||||
buttonHref: "#product",
|
||||
},
|
||||
title: "도예 클래스", description: "흙으로 빚어내는 나만의 작품, 도예의 매력에 빠져보세요.", imageSrc: "http://img.b2bpic.net/free-photo/female-potter-painting-ceramic-dishware-with-paintbrush-workshop_23-2148155137.jpg", imageAlt: "도예 클래스", titleImageSrc: "http://img.b2bpic.net/free-photo/artisan-woman-making-miniature-pottery_181624-56859.jpg", buttonText: "자세히 보기", buttonHref: "#product"},
|
||||
{
|
||||
title: "코딩 기초",
|
||||
description: "쉽고 재미있게 배우는 코딩의 세계, 미래를 위한 첫걸음을 내딛으세요.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-sound-engineers-working-together_107420-96149.jpg",
|
||||
imageAlt: "코딩 기초",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/youngsters-studying-cafe_23-2147655807.jpg",
|
||||
buttonText: "자세히 보기",
|
||||
buttonHref: "#product",
|
||||
},
|
||||
title: "코딩 기초", description: "쉽고 재미있게 배우는 코딩의 세계, 미래를 위한 첫걸음을 내딛으세요.", imageSrc: "http://img.b2bpic.net/free-photo/two-sound-engineers-working-together_107420-96149.jpg", imageAlt: "코딩 기초", titleImageSrc: "http://img.b2bpic.net/free-photo/youngsters-studying-cafe_23-2147655807.jpg", buttonText: "자세히 보기", buttonHref: "#product"},
|
||||
{
|
||||
title: "목공 예술",
|
||||
description: "나무를 다루는 즐거움, 나만의 가구를 만들며 삶의 만족도를 높이세요.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg",
|
||||
imageAlt: "목공 예술",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-hand-cutting-string-handmade-wooden-tree_23-2148193609.jpg",
|
||||
buttonText: "자세히 보기",
|
||||
buttonHref: "#product",
|
||||
},
|
||||
title: "목공 예술", description: "나무를 다루는 즐거움, 나만의 가구를 만들며 삶의 만족도를 높이세요.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-retail-clothing-shop_53876-20984.jpg", imageAlt: "목공 예술", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-hand-cutting-string-handmade-wooden-tree_23-2148193609.jpg", buttonText: "자세히 보기", buttonHref: "#product"},
|
||||
]}
|
||||
title="다채로운 워크숍 프로그램"
|
||||
description="취미부터 전문 기술까지, 당신의 관심사에 맞는 워크숍을 찾아보세요."
|
||||
@@ -148,65 +108,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "해봄 아트",
|
||||
name: "초급 도예 마스터 클래스",
|
||||
price: "₩150,000",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197344.jpg",
|
||||
imageAlt: "도예 마스터 클래스",
|
||||
},
|
||||
id: "p1", brand: "해봄 아트", name: "초급 도예 마스터 클래스", price: "₩150,000", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-pottery-tools-still-life_23-2150197344.jpg", imageAlt: "도예 마스터 클래스"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "해봄 테크",
|
||||
name: "파이썬 코딩 입문",
|
||||
price: "₩180,000",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-sons-making-robot_23-2148863355.jpg",
|
||||
imageAlt: "파이썬 코딩 입문",
|
||||
},
|
||||
id: "p2", brand: "해봄 테크", name: "파이썬 코딩 입문", price: "₩180,000", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/father-sons-making-robot_23-2148863355.jpg", imageAlt: "파이썬 코딩 입문"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "해봄 크래프트",
|
||||
name: "수제 목공 가구 만들기",
|
||||
price: "₩220,000",
|
||||
rating: 5,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engraving-instrument-arrangement-table_23-2149061679.jpg",
|
||||
imageAlt: "수제 목공 가구 만들기",
|
||||
},
|
||||
id: "p3", brand: "해봄 크래프트", name: "수제 목공 가구 만들기", price: "₩220,000", rating: 5,
|
||||
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/engraving-instrument-arrangement-table_23-2149061679.jpg", imageAlt: "수제 목공 가구 만들기"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "해봄 아트",
|
||||
name: "아크릴 페인팅 기초",
|
||||
price: "₩130,000",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/daughter-painting-fathers-day_23-2148097936.jpg",
|
||||
imageAlt: "아크릴 페인팅 기초",
|
||||
},
|
||||
id: "p4", brand: "해봄 아트", name: "아크릴 페인팅 기초", price: "₩130,000", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/daughter-painting-fathers-day_23-2148097936.jpg", imageAlt: "아크릴 페인팅 기초"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "해봄 크래프트",
|
||||
name: "은공예 주얼리 디자인",
|
||||
price: "₩190,000",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-working-with-iron-solder-making-new-part-lamp-closeup-photo-shoot_613910-20922.jpg",
|
||||
imageAlt: "은공예 주얼리 디자인",
|
||||
},
|
||||
id: "p5", brand: "해봄 크래프트", name: "은공예 주얼리 디자인", price: "₩190,000", rating: 5,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/process-working-with-iron-solder-making-new-part-lamp-closeup-photo-shoot_613910-20922.jpg", imageAlt: "은공예 주얼리 디자인"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "해봄 미디어",
|
||||
name: "초보자를 위한 사진 촬영",
|
||||
price: "₩160,000",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-indoors-night-holding-pencil_171337-15896.jpg",
|
||||
imageAlt: "초보자를 위한 사진 촬영",
|
||||
},
|
||||
id: "p6", brand: "해봄 미디어", name: "초보자를 위한 사진 촬영", price: "₩160,000", rating: 4,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-indoors-night-holding-pencil_171337-15896.jpg", imageAlt: "초보자를 위한 사진 촬영"},
|
||||
]}
|
||||
title="진행 중인 인기 워크숍"
|
||||
description="지금 바로 신청하여 새로운 경험을 시작할 수 있습니다."
|
||||
@@ -221,28 +139,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "김민준",
|
||||
role: "도예 전문가",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-handmade-clay-pot-pottery-lesson-hobby_1153-5097.jpg",
|
||||
imageAlt: "김민준 강사",
|
||||
},
|
||||
id: "t1", name: "김민준", role: "도예 전문가", imageSrc: "http://img.b2bpic.net/free-photo/making-handmade-clay-pot-pottery-lesson-hobby_1153-5097.jpg", imageAlt: "김민준 강사"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "박서연",
|
||||
role: "코딩 교육자",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576794.jpg",
|
||||
imageAlt: "박서연 강사",
|
||||
},
|
||||
id: "t2", name: "박서연", role: "코딩 교육자", imageSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576794.jpg", imageAlt: "박서연 강사"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "이준호",
|
||||
role: "목공 예술가",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-apron_23-2149007470.jpg",
|
||||
imageAlt: "이준호 강사",
|
||||
},
|
||||
id: "t3", name: "이준호", role: "목공 예술가", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-apron_23-2149007470.jpg", imageAlt: "이준호 강사"},
|
||||
]}
|
||||
title="전문 강사진"
|
||||
title="해봄 워크숍 전문 강사진"
|
||||
description="각 분야의 전문가들이 열정과 경험을 바탕으로 당신의 성장을 돕습니다."
|
||||
/>
|
||||
</div>
|
||||
@@ -254,50 +157,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "tt1",
|
||||
name: "이지은",
|
||||
handle: "@jieun_art",
|
||||
testimonial: "해봄 도예 클래스 덕분에 새로운 취미를 찾았어요. 스트레스 해소에도 최고입니다!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-girl-wireless-headphones-listens-music-uses-smartphone-goes-escalator_1258-195941.jpg",
|
||||
imageAlt: "이지은 수강생",
|
||||
},
|
||||
id: "tt1", name: "이지은", handle: "@jieun_art", testimonial: "해봄 도예 클래스 덕분에 새로운 취미를 찾았어요. 스트레스 해소에도 최고입니다!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-girl-wireless-headphones-listens-music-uses-smartphone-goes-escalator_1258-195941.jpg", imageAlt: "이지은 수강생"},
|
||||
{
|
||||
id: "tt2",
|
||||
name: "최현우",
|
||||
handle: "@coding_hw",
|
||||
testimonial: "코딩이 이렇게 재밌는지 몰랐어요. 강사님 설명도 귀에 쏙쏙 들어옵니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-75676.jpg",
|
||||
imageAlt: "최현우 수강생",
|
||||
},
|
||||
id: "tt2", name: "최현우", handle: "@coding_hw", testimonial: "코딩이 이렇게 재밌는지 몰랐어요. 강사님 설명도 귀에 쏙쏙 들어옵니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-75676.jpg", imageAlt: "최현우 수강생"},
|
||||
{
|
||||
id: "tt3",
|
||||
name: "정유미",
|
||||
handle: "@yumi_craft",
|
||||
testimonial: "목공 워크숍에서 만든 제 작품이 이렇게 멋질 줄이야! 친구들에게 자랑하고 있어요.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-glasses-wearing-headphones-neck-holding-planner-notebooks-study_1258-197337.jpg",
|
||||
imageAlt: "정유미 수강생",
|
||||
},
|
||||
id: "tt3", name: "정유미", handle: "@yumi_craft", testimonial: "목공 워크숍에서 만든 제 작품이 이렇게 멋질 줄이야! 친구들에게 자랑하고 있어요.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-glasses-wearing-headphones-neck-holding-planner-notebooks-study_1258-197337.jpg", imageAlt: "정유미 수강생"},
|
||||
{
|
||||
id: "tt4",
|
||||
name: "김동현",
|
||||
handle: "@dh_learner",
|
||||
testimonial: "다양한 분야의 워크숍이 있어서 좋아요. 항상 새로운 것을 배울 수 있어 만족합니다.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-dreamy-young-man-imaging-something-good-smiling-looking-upper-right-corner-tho_1258-172540.jpg",
|
||||
imageAlt: "김동현 수강생",
|
||||
},
|
||||
id: "tt4", name: "김동현", handle: "@dh_learner", testimonial: "다양한 분야의 워크숍이 있어서 좋아요. 항상 새로운 것을 배울 수 있어 만족합니다.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-dreamy-young-man-imaging-something-good-smiling-looking-upper-right-corner-tho_1258-172540.jpg", imageAlt: "김동현 수강생"},
|
||||
{
|
||||
id: "tt5",
|
||||
name: "임수진",
|
||||
handle: "@sujin_happy",
|
||||
testimonial: "센터 분위기가 너무 따뜻하고 좋아요. 새로운 사람들과 교류하며 영감을 얻고 있습니다.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-feeling-cheerful_23-2148212447.jpg",
|
||||
imageAlt: "임수진 수강생",
|
||||
},
|
||||
id: "tt5", name: "임수진", handle: "@sujin_happy", testimonial: "센터 분위기가 너무 따뜻하고 좋아요. 새로운 사람들과 교류하며 영감을 얻고 있습니다.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-feeling-cheerful_23-2148212447.jpg", imageAlt: "임수진 수강생"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="수강생 후기"
|
||||
@@ -311,32 +184,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "워크숍 신청은 어떻게 하나요?",
|
||||
content: "웹사이트의 '워크숍' 섹션에서 원하는 프로그램을 선택 후, '신청하기' 버튼을 통해 쉽게 신청할 수 있습니다. 각 워크숍 페이지에서 상세 정보를 확인해주세요.",
|
||||
},
|
||||
id: "f1", title: "워크숍 신청은 어떻게 하나요?", content: "웹사이트의 '워크숍' 섹션에서 원하는 프로그램을 선택 후, '신청하기' 버튼을 통해 쉽게 신청할 수 있습니다. 각 워크숍 페이지에서 상세 정보를 확인해주세요."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "결제 방법은 무엇인가요?",
|
||||
content: "카드 결제, 계좌 이체 등 다양한 결제 방법을 지원합니다. 신청 과정에서 편리한 방법을 선택하시면 됩니다.",
|
||||
},
|
||||
id: "f2", title: "결제 방법은 무엇인가요?", content: "카드 결제, 계좌 이체 등 다양한 결제 방법을 지원합니다. 신청 과정에서 편리한 방법을 선택하시면 됩니다."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "워크숍 재료비는 포함인가요?",
|
||||
content: "대부분의 워크숍은 재료비가 수강료에 포함되어 있습니다. 일부 특정 워크숍의 경우 별도 재료비가 발생할 수 있으며, 이 경우 상세 페이지에 명시됩니다.",
|
||||
},
|
||||
id: "f3", title: "워크숍 재료비는 포함인가요?", content: "대부분의 워크숍은 재료비가 수강료에 포함되어 있습니다. 일부 특정 워크숍의 경우 별도 재료비가 발생할 수 있으며, 이 경우 상세 페이지에 명시됩니다."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "워크숍 취소 및 환불 정책은 어떻게 되나요?",
|
||||
content: "워크숍 시작 3일 전까지 취소 시 전액 환불이 가능합니다. 그 이후에는 환불 규정에 따라 차등 적용됩니다. 자세한 내용은 고객센터로 문의해주세요.",
|
||||
},
|
||||
id: "f4", title: "워크숍 취소 및 환불 정책은 어떻게 되나요?", content: "워크숍 시작 3일 전까지 취소 시 전액 환불이 가능합니다. 그 이후에는 환불 규정에 따라 차등 적용됩니다. 자세한 내용은 고객센터로 문의해주세요."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-studying-from-notebooks-study-session_23-2149265720.jpg"
|
||||
imageAlt="질의응답 세션"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
title="자주 묻는 질문"
|
||||
description="워크숍 신청, 결제, 환불 등 궁금한 점이 있다면 여기에서 찾아보세요."
|
||||
description="해봄 워크숍 신청, 결제, 환불 등 궁금한 점이 있다면 여기에서 찾아보세요."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -345,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="문의하기"
|
||||
title="해봄과 함께 시작하세요"
|
||||
description="궁금한 점이 있으시면 언제든지 문의해주세요. 친절하게 안내해 드리겠습니다."
|
||||
@@ -360,46 +220,29 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "해봄",
|
||||
items: [
|
||||
title: "해봄", items: [
|
||||
{
|
||||
label: "센터 소개",
|
||||
href: "#about",
|
||||
},
|
||||
label: "센터 소개", href: "#about"},
|
||||
{
|
||||
label: "워크숍",
|
||||
href: "#feature",
|
||||
},
|
||||
label: "워크숍", href: "#feature"},
|
||||
{
|
||||
label: "강사진",
|
||||
href: "#team",
|
||||
},
|
||||
label: "강사진", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "지원",
|
||||
items: [
|
||||
title: "지원", items: [
|
||||
{
|
||||
label: "자주 묻는 질문",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "자주 묻는 질문", href: "#faq"},
|
||||
{
|
||||
label: "문의하기",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "문의하기", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "연결",
|
||||
items: [
|
||||
title: "연결", items: [
|
||||
{
|
||||
label: "블로그",
|
||||
href: "#",
|
||||
},
|
||||
label: "블로그", href: "#"},
|
||||
{
|
||||
label: "인스타그램",
|
||||
href: "#",
|
||||
},
|
||||
label: "인스타그램", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user