diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 60cedbd..162862a 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,33 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import ContactText from "@/components/sections/contact/ContactText";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
 import Link from "next/link";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Services", id: "services" },
-    { name: "Social Spot", id: "social-spot" },
-    { name: "Cosmic Monkey", id: "cosmic-monkey" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/#services" },
+    { name: "Social Spot", id: "/social-spot" },
+    { name: "Cosmic Monkey", id: "/cosmic-monkey" },
   ];
 
   const footerColumns = [
     {
       title: "Solutions",      items: [
         { label: "TG Entertainment", href: "/" },
-        { label: "Social Spot", href: "/" },
-        { label: "Cosmic Monkey", href: "/" },
-        { label: "Services", href: "/" },
+        { label: "Social Spot", href: "/social-spot" },
+        { label: "Cosmic Monkey", href: "/cosmic-monkey" },
+        { label: "Services", href: "/#services" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/" },
-        { label: "Our Process", href: "/" },
-        { label: "Team", href: "/" },
-        { label: "Contact", href: "/contact" },
+        { label: "About Us", href: "/#about" },
+        { label: "Our Process", href: "/#services" },
+        { label: "Team", href: "/#about" },
+        { label: "Contact", href: "/#contact" },
       ],
     },
     {
@@ -57,14 +57,8 @@ export default function ContactPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/" },
-            { name: "Services", id: "/" },
-            { name: "Social Spot", id: "/" },
-            { name: "Cosmic Monkey", id: "/" },
-          ]}
-          button={{ text: "Start Your Project", href: "/contact" }}
+          navItems={navItems}
+          button={{ text: "Start Your Project", href: "#contact" }}
           brandName="TG Entertainment"
           className=""
         />
@@ -76,20 +70,22 @@ export default function ContactPage() {
           animationType="entrance-slide"
           background={{ variant: "plain" }}
           buttons={[
-            { text: "Start Your Project", href: "/contact" },
-            { text: "Schedule a Consultation", href: "/contact" },
+            { text: "Start Your Project", href: "#contact" },
+            { text: "Schedule a Consultation", href: "#contact" },
           ]}
           useInvertedBackground={false}
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterMedia
           columns={footerColumns}
           logoText="TG Entertainment"
           copyrightText="© 2025 TG Entertainment. All rights reserved. Crafted with creativity and intelligence."
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhBv7evUTHaOIePB7DlawcPUSp/a-modern-contact-and-project-kickoff-vis-1773035469400-06c45202.png"
+          imageAlt="Contact and collaboration"
         />
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}