Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -145,30 +145,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
+      tag="Collaboration"
+      title="Let's Build Together"
+      description="Unlock the future of spatial web experiences. Our team is ready to scale your vision."
+      buttons={[{ text: "Contact Us", href: "#" }]}
       useInvertedBackground={false}
-      title="Let's Collaborate"
-      description="Ready to build the next generation of spatial web experiences?"
-      inputs={[
-        { name: "name", type: "text", placeholder: "Your Name" },
-        { name: "email", type: "email", placeholder: "Email Address" },
-      ]}
-      textarea={{ name: "message", placeholder: "What are you building?" }}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-shapes-reflections-background_1017-2645.jpg"
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Navigation", items: [{ label: "Hero", href: "#" }, { label: "About", href: "#about" }] },
-        { title: "Work", items: [{ label: "Projects", href: "#products" }, { label: "Labs", href: "#" }] },
-        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
-      ]}
+      <FooterCard
       logoText="ARCHITECT"
+      copyrightText="© 2025 | Webild"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}