diff --git a/src/app/page.tsx b/src/app/page.tsx
index 81e7653..783875d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,8 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -153,56 +153,30 @@ export default function LandingPage() {
   </div>
 
   <div id="kontakt" data-section="kontakt">
-      <ContactSplitForm
-      useInvertedBackground={false}
+      <ContactCenter
       title="Bereit für echten Geschmack?"
       description="Reserviere jetzt deinen Tisch oder kontaktiere uns für Fragen."
-      inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Dein Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Deine E-Mail",          required: true,
-        },
-        {
-          name: "date",          type: "text",          placeholder: "Datum & Uhrzeit",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Deine Nachricht oder Sonderwünsche",        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/crop-hands-arranging-cutlery-table_23-2147830623.jpg"
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
+      buttonText="Reservierung anfragen"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterLogoEmphasis
+      logoText="Da Vero"
       columns={[
         {
-          title: "Adresse",          items: [
-            {
-              label: "Piazza Italia 1, 80331 München",              href: "#"},
-          ],
-        },
-        {
-          title: "Öffnungszeiten",          items: [
-            {
-              label: "Mo-So: 11:30 - 22:30 Uhr",              href: "#"},
-          ],
-        },
-        {
-          title: "Kontakt",          items: [
-            {
-              label: "+49 89 123 456 78",              href: "tel:+498912345678"},
-            {
-              label: "Instagram",              href: "https://instagram.com"},
-          ],
-        },
+          items: [
+            { label: "Piazza Italia 1, 80331 München" },
+            { label: "Mo-So: 11:30 - 22:30 Uhr" },
+            { label: "+49 89 123 456 78", href: "tel:+498912345678" }
+          ]
+        }
       ]}
-      copyrightText="© 2024 Da Vero Pizzeria. Alle Rechte vorbehalten."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index cdacf3c..d45b6e6 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -13,12 +13,12 @@
   --background: #fcf6ec;
   --card: #f3ede2;
   --foreground: #2e2521;
-  --primary-cta: #b82b40;
+  --primary-cta: #2e2521;
   --primary-cta-text: #fcf6ec;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #2e2521;
   --accent: #b2a28b;
-  --background-accent: #e8a8b6;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);