src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -152,29 +152,28 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
+      <ContactSplit
+      tag="Let's Connect"
       title="Enquire Private Collection"
       description="Reach out to access exclusive archival pieces."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name" },
-        { name: "email", type: "email", placeholder: "Email Address" },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562552.jpg"
+      useInvertedBackground={true}
+      mediaPosition="right"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
       logoText="ATELIER 90"
       columns={[
-        { items: [{ label: "Archives", href: "#products" }, { label: "About", href: "#about" }] },
-        { items: [{ label: "Journal", href: "#blog" }, { label: "Terms", href: "#" }] },
-        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
+        { title: "Navigation", items: [{ label: "Archives", href: "#products" }, { label: "About", href: "#about" }] },
+        { title: "Resources", items: [{ label: "Journal", href: "#blog" }, { label: "Terms", href: "#" }] },
+        { title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}