src/app/page.tsx

@@ -47,6 +47,7 @@ export default function Page() {
             gridVariant="uniform-all-items-equal"
             animationType="blur-reveal"
             textboxLayout="default"
+            useInvertedBackground={false}
             features={[
                 { title: "Root Canal", description: "Painless root canal treatment.", imageSrc: "/service1.jpg", titleIconSrc: "/icon1.svg", buttonText: "Learn More" },
                 { title: "Teeth Whitening", description: "Get a brighter smile.", imageSrc: "/service2.jpg", titleIconSrc: "/icon2.svg", buttonText: "Learn More" }
@@ -58,6 +59,7 @@ export default function Page() {
             title="About Us"
             description="Dedicated to providing quality dental care for your entire family."
             textboxLayout="split"
+            useInvertedBackground={false}
             bulletPoints={[{ title: "Experience", description: "10+ years of expertise" }, { title: "Care", description: "Painless treatments" }]}
         />
       </div>
@@ -67,6 +69,7 @@ export default function Page() {
             description="Hear from our happy patients."
             animationType="blur-reveal"
             textboxLayout="default"
+            useInvertedBackground={false}
             testimonials={[{ id: "1", name: "John Doe", role: "Patient", testimonial: "Amazing experience!" }, { id: "2", name: "Jane Smith", role: "Patient", testimonial: "Very professional staff." }]}
         />
       </div>
@@ -75,6 +78,8 @@ export default function Page() {
             title="Our Process"
             description="How we treat our patients."
             animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
             metrics={[{ id: "1", value: "Step 1", title: "Consultation", description: "Initial assessment", imageSrc: "/proc1.jpg" }, { id: "2", value: "Step 2", title: "Treatment", description: "Expert dental care", imageSrc: "/proc2.jpg" }]}
         />
       </div>
@@ -82,12 +87,14 @@ export default function Page() {
         <ContactText 
             text="Book your appointment today!"
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
       </div>
       <div id="final-cta" data-section="final-cta">
         <ContactText 
             text="Ready for a healthy smile?"
             background={{ variant: "plain" }}
+            useInvertedBackground={false}
         />
       </div>
       <div id="footer" data-section="footer">