diff --git a/src/app/page.tsx b/src/app/page.tsx
index ee15238..30db0aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
     );
-}
+}
\ No newline at end of file