Update src/app/page.tsx
This commit is contained in:
@@ -27,15 +27,14 @@ export default function ArchitectureStudioPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Studio"
|
||||
brandName="GG DESIGN"
|
||||
navItems={[
|
||||
{ name: "Work", id: "projects" },
|
||||
{ name: "Philosophy", id: "philosophy" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Inquire",
|
||||
href: "contact"
|
||||
text: "Inquire", href: "contact"
|
||||
}}
|
||||
className="text-xs tracking-widest uppercase"
|
||||
navItemClassName="text-sm font-light tracking-wide"
|
||||
@@ -46,11 +45,11 @@ export default function ArchitectureStudioPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Architecture"
|
||||
description="We craft spaces that transcend trend, marrying restraint with precision. Each project is a dialogue between site, material, and intention."
|
||||
title="GG DESIGN: Minimalist Architecture"
|
||||
description="We design with purpose and clarity, crafting spaces where light, material, and form converge in serene harmony. Experience architecture that speaks volumes through its quiet precision."
|
||||
imagePosition="right"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870844.jpg"
|
||||
imageAlt="modern building architecture minimalist interior concrete"
|
||||
imageAlt="minimalist architectural building details"
|
||||
buttons={[
|
||||
{ text: "View Work", href: "projects" }
|
||||
]}
|
||||
@@ -65,7 +64,7 @@ export default function ArchitectureStudioPage() {
|
||||
|
||||
<div id="philosophy" data-section="philosophy">
|
||||
<TextAbout
|
||||
title="We believe architecture should speak quietly. Good design requires no explanation—it exists with purpose and restraint, allowing inhabitants to inhabit space without distraction. Our practice centers on understanding context, respecting material honesty, and creating timeless environments."
|
||||
title="At GG DESIGN, we believe in the power of simplicity. Our philosophy is rooted in creating environments that are both functional and inspiring, emphasizing clean lines, natural materials, and an inherent sense of calm. We shape spaces where every element serves a clear purpose."
|
||||
useInvertedBackground={false}
|
||||
className="py-32 md:py-48"
|
||||
containerClassName="max-w-4xl"
|
||||
@@ -75,30 +74,22 @@ export default function ArchitectureStudioPage() {
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<FeatureCardSix
|
||||
title="Selected Projects"
|
||||
description="Recent work exploring materiality, form, and spatial integrity"
|
||||
title="GG DESIGN Projects"
|
||||
description="Showcasing our dedication to thoughtful design and meticulous execution across diverse scales."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Riverside Residence",
|
||||
description: "A private home responding to its landscape. Concrete, glass, and timber create a dialogue between structure and nature. Site-specific design honoring the waterfront context.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg"
|
||||
title: "Riverside Residence", description: "A private home designed to gracefully integrate with its natural surroundings. Concrete, glass, and timber establish a sensitive dialogue between structure and the river landscape.", imageSrc: "https://img.b2bpic.net/free-photo/city-building-sky_23-2148107055.jpg"
|
||||
},
|
||||
{
|
||||
title: "Corporate Headquarters",
|
||||
description: "Minimal office complex emphasizing natural light and material authenticity. Steel structure with stone cladding defines a calm, focused work environment.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg"
|
||||
title: "Corporate Headquarters", description: "A modern office complex centered on natural light and material authenticity. Its steel structure and stone cladding define a calm, focused, and productive work environment.", imageSrc: "https://img.b2bpic.net/free-photo/imposing-building-near-smaller-black-building_23-2148252731.jpg"
|
||||
},
|
||||
{
|
||||
title: "Urban Studio",
|
||||
description: "Adaptive reuse of an industrial warehouse into creative workspace. Careful preservation of existing structure with restrained new interventions.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/concrete-structure-blue-sky_181624-5763.jpg"
|
||||
title: "Urban Studio", description: "An adaptive reuse project transforming an industrial warehouse into a vibrant creative workspace. We meticulously preserved existing structures while introducing minimal, thoughtful interventions.", imageSrc: "https://img.b2bpic.net/free-photo/concrete-structure-blue-sky_181624-5763.jpg"
|
||||
},
|
||||
{
|
||||
title: "Botanical Pavilion",
|
||||
description: "Public garden structure exploring sustainable materials and transparent design. Steel framework with living walls creates a permeable space for community gathering.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/white-facade-modern-building_181624-6180.jpg"
|
||||
title: "Botanical Pavilion", description: "A public garden structure designed with sustainable materials and transparent forms. Its delicate steel framework and living walls create a permeable space for community interaction and contemplation.", imageSrc: "https://img.b2bpic.net/free-photo/white-facade-modern-building_181624-6180.jpg"
|
||||
}
|
||||
]}
|
||||
className="py-32 md:py-48"
|
||||
@@ -112,32 +103,24 @@ export default function ArchitectureStudioPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
title="Our Practice"
|
||||
description="Metrics that matter to us"
|
||||
title="GG DESIGN: Our Impact"
|
||||
description="The foundation of our practice is built on experience, expertise, and a passion for exceptional design."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "18+",
|
||||
description: "Years of Practice"
|
||||
id: "1", value: "18+", description: "Years of Practice"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "120+",
|
||||
description: "Completed Projects"
|
||||
id: "2", value: "120+", description: "Completed Projects"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4",
|
||||
description: "Principal Architects"
|
||||
id: "3", value: "4", description: "Principal Architects"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "42",
|
||||
description: "Studio Team Members"
|
||||
id: "4", value: "42", description: "Studio Team Members"
|
||||
}
|
||||
]}
|
||||
className="py-24 md:py-32"
|
||||
@@ -151,17 +134,17 @@ export default function ArchitectureStudioPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Let's Discuss Your Project"
|
||||
description="We explore commissions where thoughtful design and client vision align. Tell us about your space, your aspirations, your constraints."
|
||||
tag="Connect with GG DESIGN"
|
||||
title="Let's Build Your Vision Together"
|
||||
description="We welcome inquiries for collaborations that seek a harmonious balance of aesthetics, functionality, and context. Share your aspirations with us."
|
||||
useInvertedBackground={true}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg"
|
||||
imageAlt="studio workspace architects design drafting collaboration"
|
||||
imageAlt="GG DESIGN studio workspace architects design drafting collaboration"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Send"
|
||||
termsText="We respect your inquiry. Connect with us within 48 hours."
|
||||
termsText="We commit to responding to all inquiries within 48 hours."
|
||||
className="py-32 md:py-48"
|
||||
tagClassName="text-sm uppercase tracking-widest"
|
||||
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
|
||||
@@ -173,32 +156,29 @@ export default function ArchitectureStudioPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Studio X"
|
||||
logoText="GG DESIGN"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{ label: "About", href: "philosophy" },
|
||||
{ label: "Work", href: "projects" }
|
||||
title: "Studio", items: [
|
||||
{ label: "About GG", href: "philosophy" },
|
||||
{ label: "Our Work", href: "projects" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "hello@studiox.com", href: "#" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
title: "Connect", items: [
|
||||
{ label: "hello@ggdesign.com", href: "#" },
|
||||
{ label: "Contact Us", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Practice",
|
||||
items: [
|
||||
{ label: "Residential", href: "#" },
|
||||
{ label: "Commercial", href: "#" },
|
||||
title: "Practice", items: [
|
||||
{ label: "Residential Design", href: "#" },
|
||||
{ label: "Commercial Spaces", href: "#" },
|
||||
{ label: "Adaptive Reuse", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Studio. Timeless architecture."
|
||||
copyrightText="© 2025 GG DESIGN. Architecture that inspires."
|
||||
className="mt-0"
|
||||
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
|
||||
columnItemClassName="text-base font-light"
|
||||
@@ -208,4 +188,4 @@ export default function ArchitectureStudioPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user