diff --git a/src/app/page.tsx b/src/app/page.tsx
index 18da77e..ecfd5e7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -151,23 +151,20 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      <ContactCenter
       tag="Boka bord"
       title="Boka din upplevelse"
       description="Varmt välkommen att kontakta oss för bordsbokningar eller om du har frågor kring privata arrangemang och företagsmiddagar. Vi ser fram emot att välkomna dig."
-      buttons={[{ text: "Ring oss", href: "tel:+4600000000" }, { text: "Boka online", href: "#" }]}
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg"
+      <FooterLogoEmphasis
       logoText="Bhoga"
       columns={[
-        { title: "Information", items: [{ label: "Om oss", href: "#about" }, { label: "Meny", href: "#menu" }, { label: "Event", href: "#events" }] },
-        { title: "Kontakt", items: [{ label: "Ring oss", href: "tel:+4600000000" }, { label: "Hitta hit", href: "#" }, { label: "Boka bord", href: "#contact" }] },
+        { items: [{ label: "Om oss", href: "#about" }, { label: "Meny", href: "#menu" }, { label: "Event", href: "#events" }] },
+        { items: [{ label: "Ring oss", href: "tel:+4600000000" }, { label: "Hitta hit", href: "#" }, { label: "Boka bord", href: "#contact" }] },
       ]}
     />
   </div>