Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,7 +7,7 @@ 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 ContactSplit from "@/components/sections/contact/ContactSplit";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
 
 export default function ArchitectureStudioPage() {
@@ -34,7 +34,7 @@ export default function ArchitectureStudioPage() {
                             { name: "Start", id: "contact" }
                         ]}
                         button={{
-                            text: "Get Started",                            href: "#contact"
+                            text: "Get Started", href: "#contact"
                         }}
                         className="text-xs tracking-widest uppercase"
                         navItemClassName="text-sm font-light tracking-wide"
@@ -48,7 +48,7 @@ export default function ArchitectureStudioPage() {
                         title="Elevating Spatial Potential"
                         description="We redefine the boundary between environment and experience. Through rigorous spatial exploration, we create environments that define the future of living."
                         imagePosition="right"
-                        imageSrc="http://img.b2bpic.net/free-photo/modern-glass-skyscraper-background-with-sky-clouds-reflection_231208-6848.jpg"
+                        imageSrc="http://img.b2bpic.net/free-photo/modern-glass-skyscraper-background-with-sky-clouds-reflection_231208-6848.jpg?_wi=1"
                         imageAlt="modern architectural conceptual design"
                         buttons={[
                             { text: "Explore Work", href: "#projects" }
@@ -80,16 +80,16 @@ export default function ArchitectureStudioPage() {
                         useInvertedBackground={true}
                         features={[
                             {
-                                title: "Zenith Towers",                                description: "A vertical masterpiece focusing on high-density living without compromising spatial privacy. Features modular living pods.",                                imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836767.jpg"
+                                title: "Zenith Towers", description: "A vertical masterpiece focusing on high-density living without compromising spatial privacy. Features modular living pods.", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836767.jpg"
                             },
                             {
-                                title: "Oceanic Library",                                description: "Designed as a public sanctuary, this structure utilizes translucent panels to dissolve walls into the surrounding nature.",                                imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397556.jpg"
+                                title: "Oceanic Library", description: "Designed as a public sanctuary, this structure utilizes translucent panels to dissolve walls into the surrounding nature.", imageSrc: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397556.jpg"
                             },
                             {
-                                title: "Industrial Hub",                                description: "Repurposed factory district now housing a collective creative ecosystem for emerging tech startups and artists.",                                imageSrc: "http://img.b2bpic.net/free-photo/new-business-district-garibaldi_268835-740.jpg"
+                                title: "Industrial Hub", description: "Repurposed factory district now housing a collective creative ecosystem for emerging tech startups and artists.", imageSrc: "http://img.b2bpic.net/free-photo/new-business-district-garibaldi_268835-740.jpg"
                             },
                             {
-                                title: "Highline Bridge",                                description: "Connecting fractured urban segments through seamless, green-integrated pathways that prioritize pedestrian flow.",                                imageSrc: "http://img.b2bpic.net/free-photo/sunset-bridge-road_1321-1655.jpg"
+                                title: "Highline Bridge", description: "Connecting fractured urban segments through seamless, green-integrated pathways that prioritize pedestrian flow.", imageSrc: "http://img.b2bpic.net/free-photo/sunset-bridge-road_1321-1655.jpg"
                             }
                         ]}
                         className="py-32 md:py-48"
@@ -124,24 +124,18 @@ export default function ArchitectureStudioPage() {
                 </div>
 
                 <div id="contact" data-section="contact">
-                    <ContactSplit
+                    <ContactCenter
                         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}
-                        imageSrc="http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440969.jpg"
-                        imageAlt="architectural studio collaborative design session"
-                        mediaPosition="right"
-                        mediaAnimation="slide-up"
-                        inputPlaceholder="Your project email..."
+                        background={{ variant: "plain" }}
                         buttonText="Submit Proposal"
-                        termsText="We prioritize high-fidelity communication. Initial consultations will be scheduled within two business days."
                         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"
-                        termsClassName="text-sm font-light mt-4"
                     />
                 </div>
 
@@ -154,13 +148,10 @@ export default function ArchitectureStudioPage() {
                             { title: "Expertise", items: [{ label: "Design", href: "#" }, { label: "Consultancy", href: "#" }, { label: "Urbanism", href: "#" }] }
                         ]}
                         copyrightText="© 2025 Apex Studio. All rights reserved."
-                        className="mt-0"
-                        columnTitleClassName="text-base uppercase tracking-widest font-light mb-0"
-                        columnItemClassName="text-base font-light"
-                        copyrightTextClassName="text-sm font-light"
+                        className="py-12"
                     />
                 </div>
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}