Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -1,50 +1,37 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", id: "services" },
-            { name: "Pricing", id: "pricing" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
-          ]}
-          button={{ text: "Get Started", href: "/contact" }}
-        />
-        <div className="pt-32 pb-20">
-          <ContactSplit
-            tag="Contact Us"
-            title="Let's Build Something Great"
-            description="Reach out to our team for inquiries, projects, or just to say hello."
-            background={{ variant: "canvas-reveal" }}
-            mediaPosition="left"
-          />
-        </div>
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Services", href: "/services" },
-                { label: "Pricing", href: "/pricing" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-          ]}
-        />
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <NavbarLayoutFloatingOverlay
+        brandName="Webild"
+        navItems={[
+          { name: "Work", id: "work" },
+          { name: "Services", id: "services" },
+          { name: "Pricing", id: "pricing" },
+          { name: "About", id: "about" },
+          { name: "Contact", id: "contact" },
+        ]}
+      />
+      <ContactSplitForm
+        title="Contact Us"
+        description="Reach out to us."
+        inputs={[
+          { name: "name", type: "text", placeholder: "Name" },
+          { name: "email", type: "email", placeholder: "Email" }
+        ]}
+        useInvertedBackground={false}
+      />
+      <FooterMedia
+        logoText="Webild"
+        imageSrc="https://images.unsplash.com/photo-1497215728101-856f4ea42174?q=80&w=800"
+        columns={[]}
+      />
     </ThemeProvider>
   );
-}
+}