bender/37689151-e803-4dbd-9d08-682e34606a66
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-07 13:26:55 +00:00
parent ef1e848e1d
commit 283ca1d620
1 changed files with 49 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

285
src/app/page.tsx
View File

@@ -32,45 +32,24 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Benefits",
id: "about",
},
{
name: "Shop",
id: "products",
},
{
name: "FAQ",
id: "faq",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Benefits", id: "about" },
{ name: "Shop", id: "products" },
{ name: "FAQ", id: "faq" },
{ name: "Contact", id: "contact" },
]}
brandName="EarthGround"
button={{ text: "지금 쇼핑하기", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="자연과 연결되는 가장 쉬운 방법, 어싱(Earthing)"
description="지구의 에너지를 직접 경험하세요. 일상 속에서 누리는 건강한 접지 라이프스타일을 위한 프리미엄 어싱 용품을 소개합니다."
buttons={[
{
text: "지금 쇼핑하기",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/feet-happy-young-resort-beauty-lifestyle_1418-556.jpg?_wi=1"
buttons={[{ text: "지금 쇼핑하기", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/feet-happy-young-resort-beauty-lifestyle_1418-556.jpg"
/>
</div>
@@ -80,16 +59,10 @@ export default function LandingPage() {
title="어싱이 주는 건강한 변화"
description="지구 표면의 자유전자를 체내로 받아들이는 어싱은 신체 밸런스를 되찾는 핵심적인 자연 치유법입니다. 매일 30분, 당신의 에너지를 충전하세요."
metrics={[
{
value: "100%",
title: "천연 소재",
},
{
value: "365일",
title: "건강 유지",
},
{ value: "100%", title: "천연 소재" },
{ value: "365일", title: "건강 유지" }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-sitting-lake-pier-relaxed_1150-759.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-sitting-lake-pier-relaxed_1150-759.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
@@ -102,50 +75,26 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "프리미엄 어싱 매트",
description: "잠자는 동안에도 접지 효과를 지속하는 고전도성 매트",
icon: Shield,
title: "프리미엄 어싱 매트", description: "잠자는 동안에도 접지 효과를 지속하는 고전도성 매트", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817456.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bamboo-clothes-blue-background_23-2147628601.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/feet-happy-young-resort-beauty-lifestyle_1418-556.jpg?_wi=2",
imageAlt: "earthing mat product design",
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-foam-roller_23-2151817456.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bamboo-clothes-blue-background_23-2147628601.jpg" }
]
},
{
title: "어싱 시트 & 커버",
description: "피부에 직접 닿는 최고급 유기농 소재의 어싱 시트",
icon: Sparkles,
title: "어싱 시트 & 커버", description: "피부에 직접 닿는 최고급 유기농 소재의 어싱 시트", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-high-angle_23-2149936257.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-her-bed_23-2148188683.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-hipster-woman-sitting-lake-pier-relaxed_1150-759.jpg?_wi=2",
imageAlt: "earthing mat product design",
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-high-angle_23-2149936257.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-her-bed_23-2148188683.jpg" }
]
},
{
title: "휴대용 어싱 액세서리",
description: "언제 어디서나 간편하게 사용하는 손목밴드 및 휴대용 패드",
icon: Zap,
title: "휴대용 어싱 액세서리", description: "언제 어디서나 간편하게 사용하는 손목밴드 및 휴대용 패드", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-fitness-home-using-elastic-band_23-2148700581.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fitness-trainer-video-blogger-doing-stretching-man-is-filming-himself-smartphone-camera-home_1157-47846.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17303.jpg?_wi=1",
imageAlt: "earthing mat product design",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/man-doing-fitness-home-using-elastic-band_23-2148700581.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fitness-trainer-video-blogger-doing-stretching-man-is-filming-himself-smartphone-camera-home_1157-47846.jpg" }
]
}
]}
title="어싱 용품의 특별함"
description="최고 품질의 소재와 기술력으로 일상 어디서나 편리하게 어싱을 실천할 수 있습니다."
@@ -159,48 +108,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "어싱 매트",
price: "₩120,000",
variant: "홈 케어용",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17303.jpg?_wi=2",
},
{
id: "p2",
name: "어싱 침대 시트",
price: "₩180,000",
variant: "수면용",
imageSrc: "http://img.b2bpic.net/free-photo/spanish-oyster-thistle_23-2148006078.jpg",
},
{
id: "p3",
name: "어싱 손목밴드",
price: "₩45,000",
variant: "휴대용",
imageSrc: "http://img.b2bpic.net/free-photo/woman-wit-prosthetic-leg-doing-yoga_23-2149722174.jpg",
},
{
id: "p4",
name: "어싱 베개 커버",
price: "₩60,000",
variant: "숙면용",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-holding-coffee-mug-with-cookies-tray_23-2148720079.jpg",
},
{
id: "p5",
name: "어싱 접지 어댑터",
price: "₩25,000",
variant: "필수 부품",
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-listening-music-meditating_23-2147791928.jpg",
},
{
id: "p6",
name: "어싱 건강 양말",
price: "₩35,000",
variant: "생활용",
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-resting-relaxed-sofa_158595-5319.jpg",
},
{ id: "p1", name: "어싱 매트", price: "₩120,000", variant: "홈 케어용", imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17303.jpg" },
{ id: "p2", name: "어싱 침대 시트", price: "₩180,000", variant: "수면용", imageSrc: "http://img.b2bpic.net/free-photo/spanish-oyster-thistle_23-2148006078.jpg" },
{ id: "p3", name: "어싱 손목밴드", price: "₩45,000", variant: "휴대용", imageSrc: "http://img.b2bpic.net/free-photo/woman-wit-prosthetic-leg-doing-yoga_23-2149722174.jpg" },
{ id: "p4", name: "어싱 베개 커버", price: "₩60,000", variant: "숙면용", imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-holding-coffee-mug-with-cookies-tray_23-2148720079.jpg" },
{ id: "p5", name: "어싱 접지 어댑터", price: "₩25,000", variant: "필수 부품", imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-listening-music-meditating_23-2147791928.jpg" },
{ id: "p6", name: "어싱 건강 양말", price: "₩35,000", variant: "생활용", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-resting-relaxed-sofa_158595-5319.jpg" }
]}
title="추천 어싱 상품"
description="건강한 라이프스타일을 완성하는 필수 어싱 아이템들을 만나보세요."
@@ -214,27 +127,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10,000+",
title: "만족스러운 고객",
description: "건강한 삶을 선택한 고객들",
icon: Users,
},
{
id: "m2",
value: "95%",
title: "재구매율",
description: "어싱 효과를 경험한 고객",
icon: Award,
},
{
id: "m3",
value: "4.9/5",
title: "평균 리뷰 점수",
description: "정직한 고객님의 피드백",
icon: Star,
},
{ id: "m1", value: "10,000+", title: "만족스러운 고객", description: "건강한 삶을 선택한 고객들", icon: Users },
{ id: "m2", value: "95%", title: "재구매율", description: "어싱 효과를 경험한 고객", icon: Award },
{ id: "m3", value: "4.9/5", title: "평균 리뷰 점수", description: "정직한 고객님의 피드백", icon: Star }
]}
title="어싱을 실천하는 사람들"
description="이미 많은 분들이 일상 속 어싱으로 활력을 찾고 있습니다."
@@ -247,60 +142,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "김영희",
role: "주부",
company: "서울",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dancing-nature_23-2148170308.jpg",
},
{
id: "t2",
name: "박철수",
role: "직장인",
company: "경기",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-yoga-outdoors-with-amazing-back-view-bali-indonesia_72229-800.jpg",
},
{
id: "t3",
name: "이수진",
role: "프리랜서",
company: "부산",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-practicing-yoga-pose-near-sea_23-2148717187.jpg",
},
{
id: "t4",
name: "최민우",
role: "대학생",
company: "인천",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-fitness-girl-holding-dumbbells-nature_176420-826.jpg",
},
{
id: "t5",
name: "정소영",
role: "운동강사",
company: "대전",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-camera_23-2148247257.jpg",
},
{ id: "t1", name: "김영희", role: "주부", company: "서울", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dancing-nature_23-2148170308.jpg" },
{ id: "t2", name: "박철수", role: "직장인", company: "경기", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-yoga-outdoors-with-amazing-back-view-bali-indonesia_72229-800.jpg" },
{ id: "t3", name: "이수진", role: "프리랜서", company: "부산", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-practicing-yoga-pose-near-sea_23-2148717187.jpg" },
{ id: "t4", name: "최민우", role: "대학생", company: "인천", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-fitness-girl-holding-dumbbells-nature_176420-826.jpg" },
{ id: "t5", name: "정소영", role: "운동강사", company: "대전", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-looking-camera_23-2148247257.jpg" }
]}
kpiItems={[
{
value: "98%",
label: "활력 개선",
},
{
value: "89%",
label: "숙면 보장",
},
{
value: "95%",
label: "만족스러운 변화",
},
{ value: "98%", label: "활력 개선" },
{ value: "89%", label: "숙면 보장" },
{ value: "95%", label: "만족스러운 변화" }
]}
title="고객 후기"
description="어싱 용품을 통해 건강한 삶을 찾은 고객들의 생생한 목소리입니다."
@@ -312,21 +163,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "어싱은 정말 효과가 있나요?",
content: "어싱은 지구의 에너지를 몸으로 받아들여 체내 불균형을 해결하는 자연 치유법으로 많은 연구를 통해 그 효과가 입증되고 있습니다.",
},
{
id: "q2",
title: "얼마나 자주 사용해야 하나요?",
content: "하루 최소 30분 이상 실천을 권장하며, 잠잘 때 어싱 매트나 시트를 사용하는 것이 가장 효과적입니다.",
},
{
id: "q3",
title: "세탁은 어떻게 하나요?",
content: "어싱 제품은 일반 세탁이 가능하나, 제품 내 부착된 가이드를 준수하여 손상되지 않도록 관리해주시는 것이 좋습니다.",
},
{ id: "q1", title: "어싱은 정말 효과가 있나요?", content: "어싱은 지구의 에너지를 몸으로 받아들여 체내 불균형을 해결하는 자연 치유법으로 많은 연구를 통해 그 효과가 입증되고 있습니다." },
{ id: "q2", title: "얼마나 자주 사용해야 하나요?", content: "하루 최소 30분 이상 실천을 권장하며, 잠잘 때 어싱 매트나 시트를 사용하는 것이 가장 효과적입니다." },
{ id: "q3", title: "세탁은 어떻게 하나요?", content: "어싱 제품은 일반 세탁이 가능하나, 제품 내 부착된 가이드를 준수하여 손상되지 않도록 관리해주시는 것이 좋습니다." }
]}
title="자주 묻는 질문"
description="어싱 용품에 대해 궁금한 점을 여기서 확인하세요."
@@ -337,9 +176,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="문의하기"
title="궁금한 점이 있으신가요?"
description="전문 상담사가 친절하게 안내해 드립니다. 궁금한 내용을 남겨주세요."
@@ -352,36 +189,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="EarthGround"
columns={[
{
title: "서비스",
items: [
{
label: "구매 가이드",
href: "#",
},
{
label: "배송 정보",
href: "#",
},
],
},
{
title: "문의",
items: [
{
label: "고객센터",
href: "#",
},
{
label: "제휴 안내",
href: "#",
},
],
},
{ title: "서비스", items: [{ label: "구매 가이드", href: "#" }, { label: "배송 정보", href: "#" }] },
{ title: "문의", items: [{ label: "고객센터", href: "#" }, { label: "제휴 안내", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}