diff --git a/src/app/page.tsx b/src/app/page.tsx
index b1e7d0b..ace53c0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -153,30 +153,27 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplitForm
-            useInvertedBackground={false}
+          <ContactSplit
             title="Get In Touch"
             description="Discuss your next engineering project with me."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Your Name", required: true },
-              { name: "email", type: "email", placeholder: "Your Email", required: true }
-            ]}
-            textarea={{ name: "message", placeholder: "Details about your project...", rows: 4, required: true }}
+            tag="Contact Me"
             imageSrc="http://img.b2bpic.net/free-photo/paper-notebook-near-electronic-devices-cup-coffee_23-2148128499.jpg"
+            background={{ variant: "gradient-bars" }}
+            useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBase
+          <FooterLogoEmphasis
+            logoText="Jaimin Prajapati"
             columns={[
               {
-                title: "Navigation",                items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }]
+                items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }]
               },
               {
-                title: "Social",                items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]
+                items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]
               }
             ]}
-            logoText="Jaimin Prajapati"
           />
         </div>
       </ReactLenis>