Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f8a690982c | |||
| 123f3bd029 |
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user