src/app/events/page.tsx

@@ -76,7 +76,7 @@ export default function EventsPage() {
           ]}
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground={true}
           carouselMode="buttons"
         />
       </div>

src/app/page.tsx

@@ -90,7 +90,7 @@ export default function HomePage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
+          useInvertedBackground={false}
           buttonAnimation="slide-up"
         />
       </div>
@@ -114,7 +114,7 @@ export default function HomePage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="invertDefault"
+          useInvertedBackground={true}
           buttonAnimation="slide-up"
         />
       </div>

src/app/schools/page.tsx

@@ -67,7 +67,7 @@ export default function SchoolsPage() {
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground="noInvert"
+          useInvertedBackground={false}
           buttonAnimation="slide-up"
         />
       </div>