diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c732617..9061f5f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -74,7 +74,7 @@ export default function AboutPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           metrics={[
             {
               id: "students",
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ed07071..1bf678c 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -126,7 +126,7 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           metrics={[
             {
               id: "email",
diff --git a/src/app/galleries/page.tsx b/src/app/galleries/page.tsx
index f39a609..6bc22bb 100644
--- a/src/app/galleries/page.tsx
+++ b/src/app/galleries/page.tsx
@@ -104,7 +104,7 @@ export default function MemoryGalleriesPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           metrics={[
             {
               id: "collections",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0df9a60..125d341 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -46,7 +46,7 @@ export default function HomePage() {
         <HeroBillboardScroll
           title="Celebrate Your School Story"
           description="Explore treasured memories from classes, events, and shared moments. Unlock password-protected sections to access exclusive archives organized by year and occasion."
-          background="radial-gradient"
+          background={{ variant: "radial-gradient" }}
           tag="Memory Archive"
           tagAnimation="slide-up"
           buttons={[
@@ -190,7 +190,7 @@ export default function HomePage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           animationType="slide-up"
-          gridVariant="three-columns-all-equal-width"
+          gridVariant="uniform-all-items-equal"
           metrics={[
             {
               id: "years",