Merge version_4 into main #4

Merged
bender merged 1 commits from version_4 into main 2026-05-22 22:04:31 +00:00

View File

@@ -6,9 +6,10 @@ import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloating
import HeroSplit from "@/components/sections/hero/HeroSplit";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import { BarChart3, Users, Building2, Zap } from "lucide-react";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
export default function ArchitectureStudioPage() {
return (
@@ -102,56 +103,46 @@ export default function ArchitectureStudioPage() {
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
<MetricCardThree
title="Tangible Impact"
description="Data behind our structural successes"
description="Performance metrics defining our excellence in the field."
textboxLayout="default"
useInvertedBackground={false}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
metrics={[
{ id: "1", value: "25", description: "Global Honors" },
{ id: "2", value: "150", description: "Units Built" },
{ id: "3", value: "12", description: "Partner Cities" },
{ id: "4", value: "100%", description: "Sustainable Energy" }
{ id: "1", icon: BarChart3, title: "Global Honors", value: "25+" },
{ id: "2", icon: Building2, title: "Units Completed", value: "150+" },
{ id: "3", icon: Users, title: "Active Cities", value: "12" },
{ id: "4", icon: Zap, title: "Net Zero Projects", value: "100%" }
]}
className="py-24 md:py-32"
cardClassName="bg-transparent border border-white/10"
textBoxTitleClassName="text-4xl md:text-6xl font-light tracking-tight"
textBoxDescriptionClassName="text-base md:text-lg font-light"
valueClassName="text-9xl md:text-7xl font-light"
metricDescriptionClassName="text-sm md:text-base font-light uppercase tracking-wide"
valueClassName="text-4xl font-bold"
metricTitleClassName="text-sm uppercase tracking-wider opacity-70"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
<ContactCTA
tag="Collaboration"
title="Initiate Your Vision"
description="We are currently accepting new commissions that challenge standard conventions. Let us explore the possibilities of your upcoming project."
useInvertedBackground={true}
background={{ variant: "plain" }}
buttonText="Submit Proposal"
buttons={[{ text: "Submit Proposal", href: "#contact" }]}
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"
descriptionClassName="text-base md:text-lg font-light leading-relaxed mt-3"
buttonClassName="px-8 py-3 text-sm tracking-widest uppercase"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
<FooterCard
logoText="Apex Studio"
columns={[
{ title: "Navigation", items: [{ label: "Philosophy", href: "#philosophy" }, { label: "Portfolio", href: "#projects" }] },
{ title: "Direct", items: [{ label: "hello@apex-studio.io", href: "#" }, { label: "Inquire", href: "#contact" }] },
{ title: "Expertise", items: [{ label: "Design", href: "#" }, { label: "Consultancy", href: "#" }, { label: "Urbanism", href: "#" }] }
]}
copyrightText="© 2025 Apex Studio. All rights reserved."
className="py-12"
className="py-12 bg-white/5"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}