1 Commits

Author SHA1 Message Date
911040fa0d Update src/app/page.tsx 2026-05-11 01:24:35 +00:00

View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "작업", id: "work" },
name: "Work", { name: "철학", id: "philosophy" },
id: "work", { name: "프로세스", id: "process" },
}, { name: "문의", id: "contact" },
{
name: "Philosophy",
id: "philosophy",
},
{
name: "Process",
id: "process",
},
{
name: "Contact",
id: "contact",
},
]} ]}
brandName="GREEN GIDAE" brandName="GREEN GIDAE"
/> />
@@ -54,50 +42,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlay <HeroOverlay
title="Spaces Reimagined Through Green Design" title="그린 디자인을 통한 공간의 재구성"
description="GREEN GIDAE creates premium interior landscaping experiences for commercial spaces, hospitality, and luxury interiors." description="GREEN GIDAE는 상업 공간, 호텔, 럭셔리 인테리어를 위한 프리미엄 실내 조경 디자인을 제공합니다."
buttons={[ buttons={[
{ { text: "포트폴리오", href: "#work" },
text: "View Portfolio", { text: "상담 신청", href: "#contact" },
href: "#work",
},
{
text: "Request Consultation",
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg" imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
imageAlt="luxury interior green landscape" imageAlt="럭셔리 인테리어 그린 조경"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/modern-empty-home-interior-featuring-green-chairs-cozy-wooden-table_482257-105402.jpg",
alt: "Modern empty home interior featuring green chairs and cozy wooden table",
},
{
src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929557.jpg",
alt: "Modern interior design interior",
},
{
src: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263600.jpg",
alt: "Photorealistic timber house interior with wooden decor and furnishings",
},
{
src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929501.jpg",
alt: "Modern interior design interior",
},
{
src: "http://img.b2bpic.net/free-photo/badge-banner-diamond-frame-blank-copy-space_53876-133798.jpg",
alt: "Badge Banner Diamond Frame Blank Copy Space",
},
]}
avatarText="Trusted by 50+ luxury partners worldwide"
/> />
</div> </div>
<div id="philosophy" data-section="philosophy"> <div id="philosophy" data-section="philosophy">
<TextAbout <TextAbout
useInvertedBackground={true} useInvertedBackground={true}
title="GREEN GIDAE is a premium green design studio specializing in luxury artificial landscaping and spatial styling." title="GREEN GIDAE는 럭셔리 조화 조경 및 공간 스타일링을 전문으로 하는 프리미엄 그린 디자인 스튜디오입니다."
/> />
</div> </div>
@@ -107,21 +66,13 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
negativeCard={{ negativeCard={{
items: [ items: ["실내 조경", "인조 벽면 녹화", "상업 공간 스타일링"],
"Interior Landscaping",
"Artificial Green Walls",
"Commercial Styling",
],
}} }}
positiveCard={{ positiveCard={{
items: [ items: ["수경 시설", "예술 조형물 설치", "디테일 스타일링"],
"Water Features",
"Artistic Installations",
"Final Styling",
],
}} }}
title="Signature Services" title="시그니처 서비스"
description="Curated greenery, sculptural arrangements, and architectural composition." description="엄선된 식물 구성, 예술적인 배치, 건축적 공간 미학을 제안합니다."
/> />
</div> </div>
@@ -131,46 +82,13 @@ export default function LandingPage() {
textboxLayout="split" textboxLayout="split"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={true} useInvertedBackground={true}
title="주요 프로젝트"
description="하이엔드 인테리어를 위한 특별한 조경 프로젝트들입니다."
products={[ products={[
{ { id: "p1", name: "오피스 포레스트", price: "상담문의", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-with-green-wall-plants-wooden-floors-comfortable-seating_191095-99743.jpg" },
id: "p1", { id: "p2", name: "럭셔리 호텔 로비", price: "상담문의", imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg" },
name: "Office Forest", { id: "p3", name: "카페 보태니컬", price: "상담문의", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg" },
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-with-green-wall-plants-wooden-floors-comfortable-seating_191095-99743.jpg",
},
{
id: "p2",
name: "Luxury Hotel Lobby",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg",
},
{
id: "p3",
name: "Cafe Botanical",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg",
},
{
id: "p4",
name: "Showroom Greenery",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/corner-room-whit-simple-wardrobe-plant_23-2148304886.jpg",
},
{
id: "p5",
name: "Modern Water Feature",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-pool_23-2149037094.jpg",
},
{
id: "p6",
name: "Custom Green Wall",
price: "Custom",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
},
]} ]}
title="Featured Projects"
description="Selected installations for high-end interiors."
/> />
</div> </div>
@@ -181,29 +99,13 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "01", description: "전문 컨설팅 & 니즈 파악" },
id: "m1", { id: "m2", value: "02", description: "공간 계획 & 컨셉 수립" },
value: "01", { id: "m3", value: "03", description: "정밀한 설치 & 시공" },
description: "Consultation & Understanding", { id: "m4", value: "04", description: "최종 스타일링 & 조명" },
},
{
id: "m2",
value: "02",
description: "Spatial Planning & Mood",
},
{
id: "m3",
value: "03",
description: "Precision Installation",
},
{
id: "m4",
value: "04",
description: "Final Styling & Lighting",
},
]} ]}
title="The Design Process" title="디자인 프로세스"
description="From consultation to final styling, we ensure spatial harmony." description="상담부터 마감까지, 공간의 완벽한 조화를 약속합니다."
/> />
</div> </div>
@@ -212,88 +114,29 @@ export default function LandingPage() {
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ title="고객 후기"
{ description="프리미엄 상업 공간을 위한 혁신적인 조경 디자인 경험입니다."
id: "1",
name: "Sarah J.",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
},
{
id: "2",
name: "Michael K.",
role: "Lobby Manager",
company: "Grand Hotel",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg",
},
{
id: "3",
name: "Emily R.",
role: "Director",
company: "DesignCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
id: "4",
name: "David L.",
role: "Café Owner",
company: "Urban Brew",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg",
},
{
id: "5",
name: "Jessica M.",
role: "Architect",
company: "SpaceLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
},
]}
kpiItems={[ kpiItems={[
{ { value: "150+", label: "완료 프로젝트" },
value: "150+", { value: "50+", label: "럭셔리 파트너" },
label: "Projects Completed", { value: "99%", label: "고객 만족도" },
}, ]}
{ testimonials={[
value: "50+", { id: "1", name: "김대표", role: "CEO", company: "TechCorp", rating: 5 },
label: "Luxury Partners", { id: "2", name: "이매니저", role: "지배인", company: "Grand Hotel", rating: 5 },
},
{
value: "99%",
label: "Satisfaction Rate",
},
]} ]}
title="Client Experience"
description="Transformative results for premium commercial spaces."
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
sideTitle="자주 묻는 질문"
faqs={[ faqs={[
{ { id: "f1", title: "인조 나무도 제공하나요?", content: "네, 럭셔리 공간에 어울리는 고품질 초현실적 인조 식물 전문입니다." },
id: "f1", { id: "f2", title: "카페도 작업하시나요?", content: "카페, 호텔, 오피스 및 프라이빗 주거 공간까지 전문적으로 스타일링합니다." },
title: "Do you provide artificial trees?", { id: "f3", title: "견적은 무료인가요?", content: "공간 상황과 프로젝트 규모에 따른 초기 상담을 무료로 제공합니다." },
content: "Yes, we specialize in high-end, hyper-realistic artificial greenery for luxury spaces.",
},
{
id: "f2",
title: "Do you work with cafes?",
content: "We work with cafes, hotels, corporate offices, and private residential spaces.",
},
{
id: "f3",
title: "Is the quote free?",
content: "Initial consultations are available to assess space and project requirements.",
},
]} ]}
sideTitle="Questions"
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -301,12 +144,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "sparkles-gradient" }}
variant: "sparkles-gradient", tag="당신의 공간을 변화시키세요"
}} title="럭셔리 그린 프로젝트 상담"
tag="Transform Your Space" description="공간에 대한 아이디어를 공유해 주시면 맞춤형 조경 디자인을 제안해 드립니다."
title="Start a Luxury Green Project"
description="Tell us about your space and we will tailor a green design plan."
/> />
</div> </div>
@@ -314,32 +155,8 @@ export default function LandingPage() {
<FooterBaseCard <FooterBaseCard
logoText="GREEN GIDAE" logoText="GREEN GIDAE"
columns={[ columns={[
{ { title: "회사", items: [{ label: "작업", href: "#work" }, { label: "철학", href: "#philosophy" }] },
title: "Company", { title: "서비스", items: [{ label: "조경 시공", href: "#services" }, { label: "상담", href: "#contact" }] },
items: [
{
label: "Work",
href: "#work",
},
{
label: "Philosophy",
href: "#philosophy",
},
],
},
{
title: "Services",
items: [
{
label: "Landscaping",
href: "#services",
},
{
label: "Consultation",
href: "#contact",
},
],
},
]} ]}
/> />
</div> </div>