Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 67121e7fcb | |||
| e3bf2d9a22 | |||
| 67ff65dfd7 | |||
| 09fb72a3c5 | |||
| c471167b21 | |||
| 911040fa0d |
@@ -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
|
||||
|
||||
273
src/app/page.tsx
273
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-public-sans), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user