diff --git a/src/app/page.tsx b/src/app/page.tsx
index 662e4e5..84616b6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,21 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 
 export default function LandingPage() {
+  const navItems = [
+    { name: "Services", id: "/services" },
+    { name: "How It Works", id: "/how-it-works" },
+    { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
+    { name: "Contact", id: "/contact" },
+  ];
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -25,12 +33,7 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
-      navItems={[
-        { name: "Services", id: "/services" },
-        { name: "How It Works", id: "/how-it-works" },
-        { name: "Guarantee", id: "/the-sir-james-transit-guarantee" },
-        { name: "Contact", id: "/contact" },
-      ]}
+      navItems={navItems}
       brandName="Sir James Delivery"
     />
   </div>
@@ -102,8 +105,6 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/man-driving-warehouse-loading-machine_23-2148923134.jpg"
       imageAlt="Man driving warehouse loading machine"
-      mediaAnimation="slide-up"
-      mediaPosition="left"
     />
   </div>