diff --git a/src/app/page.tsx b/src/app/page.tsx
index 83880b6..48ff598 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, TrendingUp, Users } from "lucide-react";
+import { Award, TrendingUp, Users, Mail, Phone, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -158,23 +158,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      tag="Kontakta oss"
-      title="Börja din resa idag"
-      description="Vi ser fram emot att höra från dig och diskutera hur vi kan hjälpa ditt företag att nå nya höjder."
+      <ContactSplitForm
+      title="Kontakta oss"
+      description="Vi är redo att hjälpa ditt företag. Skicka en förfrågan så återkommer vi så snart som möjligt."
+      inputs={[
+        { name: "namn", type: "text", placeholder: "Namn", required: true },
+        { name: "email", type: "email", placeholder: "E-post", required: true }
+      ]}
+      textarea={{ name: "meddelande", placeholder: "Ditt meddelande", rows: 4, required: true }}
       buttonText="Skicka förfrågan"
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/office-desk-with-coffee-cup-tablet-laptop_23-2147746765.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        { items: [{ label: "Om oss", href: "#about" }, { label: "Tjänster", href: "#features" }] },
-        { items: [{ label: "Kontakt", href: "#contact" }, { label: "Integritetspolicy", href: "#" }] },
-      ]}
+      <FooterCard
       logoText="CorpDesign"
+      copyrightText="© 2024 CorpDesign AB | Alla rättigheter förbehållna"
     />
   </div>
       </ReactLenis>