diff --git a/src/app/page.tsx b/src/app/page.tsx
index a620552..e368adc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,7 +27,7 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav">
+  <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Start", id: "hero" },
@@ -40,7 +40,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero">
+  <div id="hero" data-section="hero">
       <HeroLogo
       logoText="Rohr & Kraft"
       description="Ihr professioneller Partner in München für Sanitär, Heizung und Rohrreinigung. 24/7 Notdienst – schnell, zuverlässig, fair."
@@ -52,7 +52,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="leistungen">
+  <div id="leistungen" data-section="leistungen">
       <FeatureHoverPattern
       animationType="slide-up"
       textboxLayout="default"
@@ -69,7 +69,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="vorteile">
+  <div id="vorteile" data-section="vorteile">
       <MetricCardEleven
       animationType="slide-up"
       textboxLayout="default"
@@ -84,7 +84,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="about">
+  <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       heading={[
         { type: "text", content: "Ihr lokaler Klempner in München" },
@@ -93,7 +93,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="testimonials">
+  <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       testimonial="Super schnell und professionell bei meinem Notfall! Absolut empfehlenswert für München."
       rating={5}
@@ -101,10 +101,11 @@ export default function LandingPage() {
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
       avatars={[]}
+      useInvertedBackground={false}
     />
   </div>
 
-  <div id="contact">
+  <div id="contact" data-section="contact">
       <ContactSplit
       tag="Kontakt"
       title="Direkt Hilfe anfordern"
@@ -114,7 +115,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="footer">
+  <div id="footer" data-section="footer">
       <FooterMedia
       logoText="Rohr & Kraft"
       copyrightText="© 2024 Rohr & Kraft – Ihr Klempner in München"