diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4fce6be..65684f5 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 ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -26,143 +26,139 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Startseite", id: "hero" },
-        { name: "Über uns", id: "about" },
-        { name: "Leistungen", id: "features" },
-        { name: "Kontakt", id: "contact" },
-      ]}
-      brandName="Dr. Failer"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Startseite", id: "hero" },
+                { name: "Über uns", id: "about" },
+                { name: "Leistungen", id: "features" },
+                { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Dr. Failer"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{ variant: "gradient-bars" }}
-      title="Ihr Lächeln in kompetenten Händen"
-      description="Willkommen in der Praxis von Dr. med. dent. Andrea Failer. Wir bieten Ihnen moderne Zahnmedizin in einer entspannten und freundlichen Atmosphäre im Herzen von München."
-      buttons={[{ text: "Termin vereinbaren", href: "#contact" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_171337-1485.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg", alt: "Patient 1" },
-        { src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg", alt: "Patient 2" },
-        { src: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg", alt: "Patient 3" },
-        { src: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg", alt: "Patient 4" },
-        { src: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg", alt: "Patient 5" },
-      ]}
-      avatarText="Über 500 zufriedene Patienten"
-      marqueeItems={[
-        { type: "text", text: "Moderne Zahnheilkunde" },
-        { type: "text", text: "Angstfreie Behandlung" },
-        { type: "text", text: "Zentrale Lage München" },
-        { type: "text", text: "Individuelle Beratung" },
-        { type: "text", text: "Langjährige Erfahrung" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Ihr Lächeln in kompetenten Händen"
+            description="Willkommen in der Praxis von Dr. med. dent. Andrea Failer. Wir bieten Ihnen moderne Zahnmedizin in einer entspannten und freundlichen Atmosphäre im Herzen von München."
+            buttons={[{ text: "Termin vereinbaren", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-smiling-male-doctor_171337-1485.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+                { src: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg", alt: "Patient 1" },
+                { src: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg", alt: "Patient 2" },
+                { src: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg", alt: "Patient 3" },
+                { src: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg", alt: "Patient 4" },
+                { src: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg", alt: "Patient 5" },
+            ]}
+            avatarText="Über 500 zufriedene Patienten"
+            marqueeItems={[
+                { type: "text", text: "Moderne Zahnheilkunde" },
+                { type: "text", text: "Angstfreie Behandlung" },
+                { type: "text", text: "Zentrale Lage München" },
+                { type: "text", text: "Individuelle Beratung" },
+                { type: "text", text: "Langjährige Erfahrung" },
+            ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Kompetenz und Menschlichkeit"
-      description="Frau Dr. Failer und ihr Team setzen auf eine individuelle und angstfreie Behandlung. Wir nehmen uns die Zeit, jeden Schritt verständlich zu erklären, damit Sie sich rundum wohlfühlen."
-      metrics={[
-        { value: "10+", title: "Jahre Erfahrung" },
-        { value: "24+", title: "Positive Bewertungen" },
-        { value: "4.8", title: "Sterne Durchschnitt" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/stomatologist-consulting-patient-with-caries-problem-dentistry-office-using-dental-tools-instrument-medic-assistant-preparing-surgery-procedure-with-drill-intrument_482257-37312.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Kompetenz und Menschlichkeit"
+            description="Frau Dr. Failer und ihr Team setzen auf eine individuelle und angstfreie Behandlung. Wir nehmen uns die Zeit, jeden Schritt verständlich zu erklären, damit Sie sich rundum wohlfühlen."
+            metrics={[
+                { value: "10+", title: "Jahre Erfahrung" },
+                { value: "24+", title: "Positive Bewertungen" },
+                { value: "4.8", title: "Sterne Durchschnitt" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/stomatologist-consulting-patient-with-caries-problem-dentistry-office-using-dental-tools-instrument-medic-assistant-preparing-surgery-procedure-with-drill-intrument_482257-37312.jpg"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="Unsere Leistungen"
-      description="Ein umfassendes Spektrum für Ihre Zahngesundheit."
-      features={[
-        {
-          title: "Vorsorge & Prophylaxe",          description: "Professionelle Zahnreinigung und regelmäßige Kontrollen für langfristig gesunde Zähne.",          icon: Shield,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=1" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=2" },
-          ]
-        },
-        {
-          title: "Ästhetische Zahnheilkunde",          description: "Von Aufhellungen bis hin zu hochwertigen Restaurationen – für Ihr schönstes Lächeln.",          icon: Sparkles,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=1" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=2" },
-          ]
-        },
-        {
-          title: "Kinderzahnheilkunde",          description: "Wir begleiten unsere kleinsten Patienten einfühlsam und geduldig in einer kindgerechten Umgebung.",          icon: Award,
-          mediaItems: [
-            { imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=1" },
-            { imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=2" },
-          ]
-        },
-      ]}
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Unsere Leistungen"
+            description="Ein umfassendes Spektrum für Ihre Zahngesundheit."
+            features={[
+                {
+                title: "Vorsorge & Prophylaxe", description: "Professionelle Zahnreinigung und regelmäßige Kontrollen für langfristig gesunde Zähne.", icon: Shield,
+                mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=1" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-hands-holding-dentist-tools-dental-clinic_651396-2604.jpg?_wi=2" },
+                ]
+                },
+                {
+                title: "Ästhetische Zahnheilkunde", description: "Von Aufhellungen bis hin zu hochwertigen Restaurationen – für Ihr schönstes Lächeln.", icon: Sparkles,
+                mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=1" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1673.jpg?_wi=2" },
+                ]
+                },
+                {
+                title: "Kinderzahnheilkunde", description: "Wir begleiten unsere kleinsten Patienten einfühlsam und geduldig in einer kindgerechten Umgebung.", icon: Award,
+                mediaItems: [
+                    { imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=1" },
+                    { imageSrc: "http://img.b2bpic.net/free-photo/child-patient-leaning-dental-chair-clinic_23-2147906075.jpg?_wi=2" },
+                ]
+                },
+            ]}
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Nesrin Bgc", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg" },
-        { id: "2", name: "Elena S", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg" },
-        { id: "3", name: "Mustafa Erciyas", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg" },
-        { id: "4", name: "Patient 4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg" },
-        { id: "5", name: "Patient 5", imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg" },
-      ]}
-      cardTitle="Was unsere Patienten sagen"
-      cardTag="Erfahrungen"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+                { id: "1", name: "Nesrin Bgc", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg" },
+                { id: "2", name: "Elena S", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230932.jpg" },
+                { id: "3", name: "Mustafa Erciyas", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-patient-teeth-dental-office_651396-3413.jpg" },
+                { id: "4", name: "Patient 4", imageSrc: "http://img.b2bpic.net/free-photo/dentist-talking-with-female-patient-while-working-dental-jaw_23-2147862038.jpg" },
+                { id: "5", name: "Patient 5", imageSrc: "http://img.b2bpic.net/free-photo/colorimetry-specialist-with-client-colored-fabric-swaps_23-2150461554.jpg" },
+            ]}
+            cardTitle="Was unsere Patienten sagen"
+            cardTag="Erfahrungen"
+            cardAnimation="slide-up"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Kontakt"
-      title="Vereinbaren Sie Ihren Termin"
-      description="Rankestraße 9, 80796 München | Telefon: 089 3084343. Wir freuen uns auf Ihren Besuch."
-      imageSrc="http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408807.jpg"
-      mediaPosition="left"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            tag="Kontakt"
+            title="Vereinbaren Sie Ihren Termin"
+            description="Rankestraße 9, 80796 München | Telefon: 089 3084343. Wir freuen uns auf Ihren Besuch."
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Dr. Failer"
-      columns={[
-        {
-          title: "Praxis",          items: [
-            { label: "Startseite", href: "#hero" },
-            { label: "Über uns", href: "#about" },
-          ],
-        },
-        {
-          title: "Rechtliches",          items: [
-            { label: "Impressum", href: "#" },
-            { label: "Datenschutz", href: "#" },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Dr. med. dent. Andrea Failer"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            logoText="Dr. Failer"
+            imageSrc="http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408807.jpg"
+            columns={[
+                {
+                title: "Praxis", items: [
+                    { label: "Startseite", href: "#hero" },
+                    { label: "Über uns", href: "#about" },
+                ],
+                },
+                {
+                title: "Rechtliches", items: [
+                    { label: "Impressum", href: "#" },
+                    { label: "Datenschutz", href: "#" },
+                ],
+                },
+            ]}
+            copyrightText="© 2024 Dr. med. dent. Andrea Failer"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 3d0e32c..2efba0b 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000f06e6;
+  --background: #fafffb;
+  --card: #f7fffa;
+  --foreground: #001a0a;
   --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #000f06e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #a8d9be;
+  --background-accent: #6bbf8e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);