14 Commits

Author SHA1 Message Date
f2cc9d457e Merge version_5 into main
Merge version_5 into main
2026-05-11 01:31:39 +00:00
2450d0c648 Update src/app/page.tsx 2026-05-11 01:31:36 +00:00
d8f0c2f758 Merge version_4 into main
Merge version_4 into main
2026-05-11 01:28:09 +00:00
7a3af8fd18 Update src/app/page.tsx 2026-05-11 01:28:06 +00:00
4c4469548e Merge version_3 into main
Merge version_3 into main
2026-05-11 01:26:43 +00:00
67121e7fcb Update theme fonts 2026-05-11 01:26:40 +00:00
e3bf2d9a22 Update theme fonts 2026-05-11 01:26:39 +00:00
8d5c8a7f28 Merge version_3 into main
Merge version_3 into main
2026-05-11 01:26:24 +00:00
67ff65dfd7 Update theme fonts 2026-05-11 01:26:21 +00:00
09fb72a3c5 Update theme fonts 2026-05-11 01:26:21 +00:00
1cf7b5f220 Merge version_3 into main
Merge version_3 into main
2026-05-11 01:26:12 +00:00
c471167b21 Update theme colors 2026-05-11 01:26:09 +00:00
17b3d49bd1 Merge version_2 into main
Merge version_2 into main
2026-05-11 01:24:38 +00:00
911040fa0d Update src/app/page.tsx 2026-05-11 01:24:35 +00:00
4 changed files with 64 additions and 240 deletions

View File

@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Public_Sans } from "next/font/google"; import { Public_Sans } from "next/font/google";
import { Open_Sans } from "next/font/google";
import { DM_Sans } from "next/font/google";
@@ -15,8 +17,10 @@ export const metadata: Metadata = {
description: 'Transform your space with GREEN GIDAE\'s premium interior landscaping, architectural green design, and custom botanical installations.', description: 'Transform your space with GREEN GIDAE\'s premium interior landscaping, architectural green design, and custom botanical installations.',
}; };
const publicSans = Public_Sans({
variable: "--font-public-sans",
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"], subsets: ["latin"],
}); });
const inter = Inter({ const inter = Inter({
@@ -32,7 +36,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${publicSans.variable} ${inter.variable} antialiased`}> <body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

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,32 @@ 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 },
}, { id: "3", name: "박디자이너", role: "수석 디자이너", company: "Studio Space", rating: 5 },
{ { id: "4", name: "최팀장", role: "인테리어 팀장", company: "Urban Living", rating: 5 },
value: "99%", { id: "5", name: "정실장", role: "영업 이사", company: "Global Retail", rating: 5 },
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 +147,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,36 +158,12 @@ 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>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-public-sans), sans-serif; font-family: var(--font-dm-sans), sans-serif;
} }

View File

@@ -10,15 +10,15 @@
--accent: #ffffff; --accent: #ffffff;
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #000000; --background: #ffffff;
--card: #0c0c0c; --card: #f9f9f9;
--foreground: #ffffff; --foreground: #000f06e6;
--primary-cta: #106EFB; --primary-cta: #0a7039;
--primary-cta-text: #ffffff; --primary-cta-text: #ffffff;
--secondary-cta: #000000; --secondary-cta: #f9f9f9;
--secondary-cta-text: #ffffff; --secondary-cta-text: #000f06e6;
--accent: #535353; --accent: #e2e2e2;
--background-accent: #106EFB; --background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);