Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3c3bd0db5b | |||
| dd5effb09b | |||
| e8d927d9d4 |
@@ -3,7 +3,7 @@
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroSplit from "@/components/sections/hero/HeroSplit";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
@@ -34,8 +34,7 @@ export default function ArchitectureStudioPage() {
|
||||
{ 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"
|
||||
@@ -44,20 +43,19 @@ export default function ArchitectureStudioPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Architecture"
|
||||
<HeroLogoBillboard
|
||||
logoText="ARCH"
|
||||
description="We craft spaces that transcend trend, marrying restraint with precision. Each project is a dialogue between site, material, and intention."
|
||||
imagePosition="right"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/minimalist-architectural-building-details_23-2151870844.jpg"
|
||||
imageAlt="modern building architecture minimalist interior concrete"
|
||||
imageAlt="Architecture Logo Placeholder"
|
||||
buttons={[
|
||||
{ text: "View Work", href: "projects" }
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
mediaAnimation="slide-up"
|
||||
className="py-24 md:py-32"
|
||||
containerClassName="max-w-7xl"
|
||||
titleClassName="text-5xl md:text-7xl font-light tracking-tight leading-tight"
|
||||
logoClassName="text-6xl font-black tracking-tighter"
|
||||
descriptionClassName="text-sm md:text-xl font-light leading-relaxed"
|
||||
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase mt-2"
|
||||
/>
|
||||
@@ -81,24 +79,16 @@ export default function ArchitectureStudioPage() {
|
||||
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 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",
|
||||
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: "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",
|
||||
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: "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",
|
||||
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: "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"
|
||||
@@ -116,28 +106,20 @@ export default function ArchitectureStudioPage() {
|
||||
description="Metrics that matter to us"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
gridVariant="bento-grid"
|
||||
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"
|
||||
@@ -176,22 +158,19 @@ export default function ArchitectureStudioPage() {
|
||||
logoText="Studio X"
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
title: "Studio", items: [
|
||||
{ label: "About", href: "philosophy" },
|
||||
{ label: "Work", href: "projects" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "hello@studiox.com", href: "#" },
|
||||
{ label: "Contact", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Practice",
|
||||
items: [
|
||||
title: "Practice", items: [
|
||||
{ label: "Residential", href: "#" },
|
||||
{ label: "Commercial", href: "#" },
|
||||
{ label: "Adaptive Reuse", href: "#" }
|
||||
@@ -208,4 +187,4 @@ export default function ArchitectureStudioPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user