11 Commits

Author SHA1 Message Date
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 61 additions and 240 deletions

View File

@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
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.',
};
const publicSans = Public_Sans({
variable: "--font-public-sans",
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
});
const inter = Inter({
@@ -32,7 +36,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${publicSans.variable} ${inter.variable} antialiased`}>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Work",
id: "work",
},
{
name: "Philosophy",
id: "philosophy",
},
{
name: "Process",
id: "process",
},
{
name: "Contact",
id: "contact",
},
{ name: "작업", id: "work" },
{ name: "철학", id: "philosophy" },
{ name: "프로세스", id: "process" },
{ name: "문의", id: "contact" },
]}
brandName="GREEN GIDAE"
/>
@@ -54,50 +42,21 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroOverlay
title="Spaces Reimagined Through Green Design"
description="GREEN GIDAE creates premium interior landscaping experiences for commercial spaces, hospitality, and luxury interiors."
title="상업 공간 조경을 통한 공간의 재구성"
description="GREEN GIDAE는 오피스, 매장, 럭셔리 인테리어를 위한 프리미엄 상업 공간 실내 조경 디자인을 제공합니다."
buttons={[
{
text: "View Portfolio",
href: "#work",
},
{
text: "Request Consultation",
href: "#contact",
},
{ text: "포트폴리오", href: "#work" },
{ text: "상담 신청", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
imageAlt="luxury interior green landscape"
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"
imageAlt="상업 공간 프리미엄 조경"
/>
</div>
<div id="philosophy" data-section="philosophy">
<TextAbout
useInvertedBackground={true}
title="GREEN GIDAE is a premium green design studio specializing in luxury artificial landscaping and spatial styling."
title="GREEN GIDAE는 상업 공간 맞춤형 조경 및 공간 스타일링을 전문으로 하는 프리미엄 그린 디자인 스튜디오입니다."
/>
</div>
@@ -107,21 +66,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Interior Landscaping",
"Artificial Green Walls",
"Commercial Styling",
],
items: ["실내 조경 컨설팅", "상업 공간 벽면 녹화", "전문 공간 스타일링"],
}}
positiveCard={{
items: [
"Water Features",
"Artistic Installations",
"Final Styling",
],
items: ["수경 시설 디자인", "커스텀 조형물 설치", "디테일 완성 스타일링"],
}}
title="Signature Services"
description="Curated greenery, sculptural arrangements, and architectural composition."
title="시그니처 상업 공간 서비스"
description="엄선된 식물 구성, 예술적인 배치, 상업 공간에 최적화된 건축적 미학을 제안합니다."
/>
</div>
@@ -131,46 +82,13 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={true}
title="주요 상업 프로젝트"
description="최고의 가치를 창출하는 프리미엄 상업 공간 조경 프로젝트들입니다."
products={[
{
id: "p1",
name: "Office Forest",
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",
},
{ 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: "p2", name: "럭셔리 호텔 로비", price: "상담문의", imageSrc: "http://img.b2bpic.net/free-photo/garden-with-wooden-bench-plants_250224-84.jpg" },
{ id: "p3", name: "플래그십 스토어 공간", price: "상담문의", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-restaurant_23-2149390963.jpg" },
]}
title="Featured Projects"
description="Selected installations for high-end interiors."
/>
</div>
@@ -181,29 +99,13 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "01",
description: "Consultation & Understanding",
},
{
id: "m2",
value: "02",
description: "Spatial Planning & Mood",
},
{
id: "m3",
value: "03",
description: "Precision Installation",
},
{
id: "m4",
value: "04",
description: "Final Styling & Lighting",
},
{ id: "m1", value: "01", description: "상업 공간 컨설팅" },
{ id: "m2", value: "02", description: "공간 컨셉 & 기획" },
{ id: "m3", value: "03", description: "정밀 설계 & 시공" },
{ id: "m4", value: "04", description: "최종 스타일링" },
]}
title="The Design Process"
description="From consultation to final styling, we ensure spatial harmony."
title="상업 조경 디자인 프로세스"
description="기획부터 마감까지, 상업 공간의 가치를 극대화하는 조화를 약속합니다."
/>
</div>
@@ -212,88 +114,29 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
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",
},
]}
title="고객 후기"
description="프리미엄 상업 공간에 최적화된 혁신적인 조경 디자인을 경험하세요."
kpiItems={[
{
value: "150+",
label: "Projects Completed",
},
{
value: "50+",
label: "Luxury Partners",
},
{
value: "99%",
label: "Satisfaction Rate",
},
{ value: "150+", label: "상업 프로젝트" },
{ value: "50+", label: "기업 파트너" },
{ value: "99%", label: "공간 만족도" },
]}
testimonials={[
{ id: "1", name: "김대표", role: "CEO", company: "TechCorp", rating: 5 },
{ id: "2", name: "이매니저", role: "지배인", company: "Grand Hotel", rating: 5 },
]}
title="Client Experience"
description="Transformative results for premium commercial spaces."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="자주 묻는 질문"
faqs={[
{
id: "f1",
title: "Do you provide artificial trees?",
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.",
},
{ id: "f1", title: "인조 조경도 제공하나요?", content: "네, 럭셔리 상업 공간에 어울리는 고품질 초현실적 인조 식물 전문입니다." },
{ id: "f2", title: "어떤 공간을 작업하시나요?", content: "카페, 레스토랑, 호텔, 오피스 및 모든 프리미엄 상업 공간을 스타일링합니다." },
{ id: "f3", title: "무료 상담이 가능한가요?", content: "네, 공간 상황과 프로젝트 규모에 따른 초기 상담을 무료로 제공합니다." },
]}
sideTitle="Questions"
faqsAnimation="slide-up"
/>
</div>
@@ -301,12 +144,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
tag="Transform Your Space"
title="Start a Luxury Green Project"
description="Tell us about your space and we will tailor a green design plan."
background={{ variant: "sparkles-gradient" }}
tag="당신의 상업 공간을 변화시키세요"
title="럭셔리 상업 조경 프로젝트 상담"
description="공간에 대한 아이디어를 공유해 주시면 맞춤형 상업 조경 디자인을 제안해 드립니다."
/>
</div>
@@ -314,36 +155,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="GREEN GIDAE"
columns={[
{
title: "Company",
items: [
{
label: "Work",
href: "#work",
},
{
label: "Philosophy",
href: "#philosophy",
},
],
},
{
title: "Services",
items: [
{
label: "Landscaping",
href: "#services",
},
{
label: "Consultation",
href: "#contact",
},
],
},
{ title: "회사", items: [{ label: "작업", href: "#work" }, { label: "철학", href: "#philosophy" }] },
{ title: "서비스", items: [{ label: "상업 조경", href: "#services" }, { label: "상담", href: "#contact" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -24,5 +24,5 @@ h3,
h4,
h5,
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;
--background-accent: #ffffff; */
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);