diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 79c461f..d487bec 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 
@@ -26,37 +26,21 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About Us",
-          id: "/about",
-        },
+          name: "About Us",          id: "/about"},
         {
-          name: "Admissions",
-          id: "/admissions",
-        },
+          name: "Admissions",          id: "/admissions"},
         {
-          name: "Academics",
-          id: "/academics",
-        },
+          name: "Academics",          id: "/academics"},
         {
-          name: "Teachers & Staff",
-          id: "/teachers",
-        },
+          name: "Teachers & Staff",          id: "/teachers"},
         {
-          name: "Gallery",
-          id: "/gallery",
-        },
+          name: "Gallery",          id: "/gallery"},
         {
-          name: "News & Events",
-          id: "/news",
-        },
+          name: "News & Events",          id: "/news"},
         {
-          name: "Contact Us",
-          id: "/contact",
-        },
+          name: "Contact Us",          id: "/contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=324r32"
       logoAlt="Lycée Saint-Jérôme Janja Logo"
@@ -64,9 +48,7 @@ export default function LandingPage() {
       bottomLeftText="Ora, Disce et Labora"
       bottomRightText="lyceesaintjeromejanja@gmail.com"
       button={{
-        text: "Login to Your Portal",
-        href: "#",
-      }}
+        text: "Login to Your Portal",        href: "#"}}
     />
   </div>
 
@@ -74,52 +56,33 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Get in Touch"
       title="Connect With Lycée Saint-Jérôme Janja"
       description="Have questions or need assistance? Our team is here to help. Reach out to us through our contact form, email, or phone."
       buttons={[
         {
-          text: "Send us an Email",
-          href: "mailto:lyceesaintjeromejanja@gmail.com",
-        },
+          text: "Send us an Email",          href: "mailto:lyceesaintjeromejanja@gmail.com"},
         {
-          text: "Call Us",
-          href: "tel:+250783210141",
-        },
+          text: "Call Us",          href: "tel:+250783210141"},
       ]}
     />
   </div>
 
   <div id="feature" data-section="feature">
-      <FeatureCardSix
+      <FeatureCardMedia
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       title="Our Contact Details & Quick Links"
       description="Easily find our location, office hours, and direct contacts for specific departments."
       features={[
         {
-          title: "Visit Our Campus",
-          description: "Find us on the map for a direct visit or school tour.",
-          tag: "Map",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377697.jpg",
-          imageAlt: "Top view on paper style community on map",
-        },
+          id: "visit-campus",          title: "Visit Our Campus",          description: "Find us on the map for a direct visit or school tour.",          tag: "Map",          imageSrc: "asset://gen-stock-rsv-292",          imageAlt: "Top view on paper style community on map"},
         {
-          title: "School Office Hours",
-          description: "Our administrative office is open Monday to Friday, 8:00 AM - 4:00 PM.",
-          tag: "Schedule",
-          imageSrc: "http://img.b2bpic.net/free-photo/turquoise-colored-pushpin-stucked-world-map_23-2147837096.jpg",
-          imageAlt: "Turquoise colored pushpin stucked in world map",
-        },
+          id: "office-hours",          title: "School Office Hours",          description: "Our administrative office is open Monday to Friday, 8:00 AM - 4:00 PM.",          tag: "Schedule",          imageSrc: "asset://gen-stock-rsv-293",          imageAlt: "Turquoise colored pushpin stucked in world map"},
         {
-          title: "Direct Department Contacts",
-          description: "Reach out to admissions, academic, or finance departments directly.",
-          tag: "Support",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-pin-location_23-2151642233.jpg",
-          imageAlt: "3d cartoon pin location",
-        },
+          id: "department-contacts",          title: "Direct Department Contacts",          description: "Reach out to admissions, academic, or finance departments directly.",          tag: "Support",          imageSrc: "asset://gen-stock-rsv-294",          imageAlt: "3d cartoon pin location"},
       ]}
     />
   </div>
@@ -132,77 +95,47 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "About Us",
-              href: "/about",
-            },
+              label: "About Us",              href: "/about"},
             {
-              label: "Admissions",
-              href: "/admissions",
-            },
+              label: "Admissions",              href: "/admissions"},
             {
-              label: "Academics",
-              href: "/academics",
-            },
+              label: "Academics",              href: "/academics"},
           ],
         },
         {
           items: [
             {
-              label: "Teachers & Staff",
-              href: "/teachers",
-            },
+              label: "Teachers & Staff",              href: "/teachers"},
             {
-              label: "Gallery",
-              href: "/gallery",
-            },
+              label: "Gallery",              href: "/gallery"},
             {
-              label: "News & Events",
-              href: "/news",
-            },
+              label: "News & Events",              href: "/news"},
             {
-              label: "Contact Us",
-              href: "/contact",
-            },
+              label: "Contact Us",              href: "/contact"},
           ],
         },
         {
           items: [
             {
-              label: "Student Portal",
-              href: "#",
-            },
+              label: "Student Portal",              href: "#"},
             {
-              label: "Parent Portal",
-              href: "#",
-            },
+              label: "Parent Portal",              href: "#"},
             {
-              label: "Teacher Portal",
-              href: "#",
-            },
+              label: "Teacher Portal",              href: "#"},
             {
-              label: "Admin Dashboard",
-              href: "#",
-            },
+              label: "Admin Dashboard",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Sitemap",
-              href: "#",
-            },
+              label: "Sitemap",              href: "#"},
           ],
         },
       ]}