Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -5,11 +5,9 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactText from "@/components/sections/contact/ContactText";
-import Textarea from "@/components/form/Textarea";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function ContactPage() {
-  const [message, setMessage] = useState("");
   return (
     <ThemeProvider
       defaultButtonVariant="text-stagger"
@@ -35,20 +33,13 @@ export default function ContactPage() {
         />
         <ContactText
           text="Book Your Consultation"
+          animationType="entrance-slide"
           background={{ variant: "rotated-rays-animated" }}
+          useInvertedBackground={false}
         />
-        <div className="container mx-auto px-4 py-12">
-            <div className="max-w-xl mx-auto space-y-6">
-                <Textarea value={message} onChange={setMessage} placeholder="Tell us about your project..." />
-                <button className="px-6 py-3 bg-primary text-white rounded-full">Send Request</button>
-                <div className="mt-8 p-6 bg-secondary/10 rounded-xl">
-                    <h3 className="font-bold mb-2">Our Location</h3>
-                    <p>123 Barbershop Lane, Digital City, DC 12345</p>
-                </div>
-            </div>
-        </div>
-        <FooterBase
+        <FooterMedia
           logoText="Webild"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp"
           copyrightText="© 2026 | Webild"
           columns={[
             { title: "Company", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }