src/app/courses/page.tsx

@@ -287,7 +287,7 @@ export default function CoursesPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="depth-3d"
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
           metrics={[
             {

src/app/page.tsx

@@ -85,7 +85,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="flat"
       secondaryButtonStyle="radial-glow"
@@ -542,7 +542,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="depth-3d"
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
           metrics={[
             {

src/app/stream-test/page.tsx

@@ -65,7 +65,7 @@ export default function StreamTestPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="flat"
       secondaryButtonStyle="radial-glow"