src/app/experience/page.tsx

@@ -92,6 +92,7 @@ export default function ExperiencePage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Location section"
         />
       </div>
@@ -119,6 +120,7 @@ export default function ExperiencePage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Dining section"
         />
       </div>
@@ -144,6 +146,7 @@ export default function ExperiencePage() {
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
+          useInvertedBackground={false}
           ariaLabel="Guest testimonial section"
         />
       </div>
@@ -156,6 +159,7 @@ export default function ExperiencePage() {
           tagIcon={Crown}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Get Exclusive Offers"
           termsText="We respect your privacy. Unsubscribe anytime."

src/app/history/page.tsx

@@ -8,7 +8,7 @@ import FeatureHoverPattern from '@/components/sections/feature/featureHoverPatte
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import Link from "next/link";
-import { Building2, Landmark, Lock, Heart, Landmark as Globe, Coffee, Crown, Building } from 'lucide-react';
+import { Building2, Landmark, Lock, Heart, Coffee, Crown, Building } from 'lucide-react';
 
 export default function HistoryPage() {
   return (
@@ -87,6 +87,7 @@ export default function HistoryPage() {
             }
           ]}
           metricsAnimation="slide-up"
+          useInvertedBackground={false}
           ariaLabel="History timeline section"
         />
       </div>
@@ -118,6 +119,7 @@ export default function HistoryPage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Heritage stories section"
         />
       </div>
@@ -130,6 +132,7 @@ export default function HistoryPage() {
           tagIcon={Crown}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Get Exclusive Offers"
           termsText="We respect your privacy. Unsubscribe anytime."

src/app/page.tsx

@@ -117,6 +117,7 @@ export default function HomePage() {
               label: "Guest Rating",              value: "4.5+"},
           ]}
           metricsAnimation="slide-up"
+          useInvertedBackground={false}
           ariaLabel="About metrics section"
         />
       </div>
@@ -150,6 +151,7 @@ export default function HomePage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Features section - Why guests love Royal Victoria"
         />
       </div>
@@ -172,6 +174,7 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Rooms section"
         />
       </div>
@@ -196,6 +199,7 @@ export default function HomePage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Dining section"
         />
       </div>
@@ -223,6 +227,7 @@ export default function HomePage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
+          useInvertedBackground={false}
           ariaLabel="Location section"
         />
       </div>
@@ -244,6 +249,7 @@ export default function HomePage() {
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
+          useInvertedBackground={false}
           ariaLabel="Guest testimonial section"
         />
       </div>
@@ -266,6 +272,7 @@ export default function HomePage() {
               label: "Welcoming Guests",              value: "Today"},
           ]}
           metricsAnimation="slide-up"
+          useInvertedBackground={false}
           ariaLabel="History metrics section"
         />
       </div>
@@ -278,6 +285,7 @@ export default function HomePage() {
           tagIcon={Star}
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
+          useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Get Exclusive Offers"
           termsText="We respect your privacy. Unsubscribe anytime."