1 Commits

Author SHA1 Message Date
123f3bd029 Update src/app/page.tsx 2026-05-18 15:14:13 +00:00

View File

@@ -8,7 +8,7 @@ import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix"; import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo"; import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit"; import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal"; import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
export default function ArchitectureStudioPage() { export default function ArchitectureStudioPage() {
return ( return (
@@ -34,8 +34,7 @@ export default function ArchitectureStudioPage() {
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
button={{ button={{
text: "Inquire", text: "Inquire", href: "contact"
href: "contact"
}} }}
className="text-xs tracking-widest uppercase" className="text-xs tracking-widest uppercase"
navItemClassName="text-sm font-light tracking-wide" navItemClassName="text-sm font-light tracking-wide"
@@ -81,24 +80,16 @@ export default function ArchitectureStudioPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "Riverside Residence", 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"
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: "Corporate Headquarters", 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"
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: "Urban Studio", 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"
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: "Botanical Pavilion", 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"
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"
} }
]} ]}
className="py-32 md:py-48" className="py-32 md:py-48"
@@ -120,24 +111,16 @@ export default function ArchitectureStudioPage() {
animationType="slide-up" animationType="slide-up"
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "18+", description: "Years of Practice"
value: "18+",
description: "Years of Practice"
}, },
{ {
id: "2", id: "2", value: "120+", description: "Completed Projects"
value: "120+",
description: "Completed Projects"
}, },
{ {
id: "3", id: "3", value: "4", description: "Principal Architects"
value: "4",
description: "Principal Architects"
}, },
{ {
id: "4", id: "4", value: "42", description: "Studio Team Members"
value: "42",
description: "Studio Team Members"
} }
]} ]}
className="py-24 md:py-32" className="py-24 md:py-32"
@@ -151,17 +134,17 @@ export default function ArchitectureStudioPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
background={{ variant: "plain" }} background={{ variant: "plain" }}
tag="Get in Touch" tag="Appointment"
title="Let's Discuss Your Project" title="Luxury Salon & Studio Consultation"
description="We explore commissions where thoughtful design and client vision align. Tell us about your space, your aspirations, your constraints." description="Book your private design or salon session. We offer bespoke consultations in our curated space."
useInvertedBackground={true} useInvertedBackground={true}
imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg" imageSrc="https://img.b2bpic.net/free-photo/grey-concrete-building-blue-sky_181624-6496.jpg"
imageAlt="studio workspace architects design drafting collaboration" imageAlt="luxury salon studio architecture"
mediaPosition="right" mediaPosition="right"
mediaAnimation="slide-up" mediaAnimation="slide-up"
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"
buttonText="Send" buttonText="Book Now"
termsText="We respect your inquiry. Connect with us within 48 hours." termsText="Confirmation sent within 48 hours for your private luxury experience."
className="py-32 md:py-48" className="py-32 md:py-48"
tagClassName="text-sm uppercase tracking-widest" tagClassName="text-sm uppercase tracking-widest"
titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4" titleClassName="text-4xl md:text-5xl font-light tracking-tight leading-tight mt-4"
@@ -172,37 +155,34 @@ export default function ArchitectureStudioPage() {
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseReveal <FooterBaseCard
logoText="Studio X" logoText="STUDIO X LUXURY"
columns={[ columns={[
{ {
title: "Studio", title: "The Brand", items: [
items: [ { label: "Our Philosophy", href: "philosophy" },
{ label: "About", href: "philosophy" }, { label: "Portfolio", href: "projects" }
{ label: "Work", href: "projects" }
] ]
}, },
{ {
title: "Connect", title: "Visit", items: [
items: [ { label: "Salon Bookings", href: "contact" },
{ label: "hello@studiox.com", href: "#" }, { label: "Bespoke Projects", href: "contact" }
{ label: "Contact", href: "contact" }
] ]
}, },
{ {
title: "Practice", title: "Contact", items: [
items: [ { label: "hello@studiox.luxury", href: "#" },
{ label: "Residential", href: "#" }, { label: "@studiox.luxury", href: "#" }
{ label: "Commercial", href: "#" },
{ label: "Adaptive Reuse", href: "#" }
] ]
} }
]} ]}
copyrightText="© 2025 Studio. Timeless architecture." copyrightText="© 2025 STUDIO X LUXURY. ALL RIGHTS RESERVED."
className="mt-0" className="mt-0"
columnTitleClassName="text-base uppercase tracking-widest font-light mb-0" cardClassName="bg-black text-white p-12"
columnItemClassName="text-base font-light" columnTitleClassName="text-base uppercase tracking-widest font-semibold mb-4"
copyrightTextClassName="text-sm font-light" columnItemClassName="text-base font-light hover:text-gray-400"
copyrightTextClassName="text-xs font-light text-gray-500"
/> />
</div> </div>
</ReactLenis> </ReactLenis>