Update src/app/page.tsx

src/app/page.tsx

@@ -72,6 +72,7 @@ export default function LandingPage() {
       <FeatureCardTwentyEight
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
       features={[
         { id: "f1", title: "Safety Inspections", subtitle: "Comprehensive testing and certification.", category: "Maintenance", value: "Verified" },
         { id: "f2", title: "Smart Home Integration", subtitle: "Intelligent lighting and security.", category: "Smart", value: "Efficient" },
@@ -98,6 +99,8 @@ export default function LandingPage() {
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
       animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
       title="Restaurant & Home Stats"
       description="Key metrics demonstrating our industry expertise."
       metrics={[
@@ -122,6 +125,7 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
+      useInvertedBackground={true}
       title="Book a Service"
       description="Fill out the form to request a reservation or site visit."
       inputs={[