diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 5ec6f38..6e5ecb9 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function ContactPage() {
   return (
@@ -29,10 +29,12 @@ export default function ContactPage() {
           />
         </div>
 
-        <ContactSplit
+        <ContactCenter
           tag="Get in touch"
           title="We'd love to hear from you"
           description="Contact us for private dining inquiries, feedback, or any general questions."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
 
         <div id="footer" data-section="footer">
diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
index 73371d5..42e694e 100644
--- a/src/app/reservations/page.tsx
+++ b/src/app/reservations/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function ReservationsPage() {
   return (
@@ -29,10 +29,12 @@ export default function ReservationsPage() {
           />
         </div>
 
-        <ContactSplit
+        <ContactCenter
           tag="Reserve your table"
           title="Book your dining experience"
           description="Secure your spot at Dine House for an unforgettable meal."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
 
         <div id="footer" data-section="footer">