diff --git a/src/app/page.tsx b/src/app/page.tsx
index 434084b..9d72ecc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -120,7 +120,7 @@ export default function HomePage() {
                 "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaVwJUrrfm06nQcAmLvOac1CWK/technical-visualization-of-rag-retrieval-1772831172494-1729824c.png?_wi=1",              imageAlt: "RAG and MCP"},
           ]}
           gridVariant="two-columns-alternating-heights"
-          animationType="slide-up"
+          animationType="depth-3d"
           useInvertedBackground={false}
           buttonAnimation="opacity"
         />
@@ -167,7 +167,7 @@ export default function HomePage() {
                 "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AaVwJUrrfm06nQcAmLvOac1CWK/machine-learning-and-data-science-visual-1772831172455-3ae5f526.png?_wi=2",              imageAlt: "Analytics Platform"},
           ]}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="depth-3d"
           useInvertedBackground={false}
         />
       </div>
@@ -194,7 +194,7 @@ export default function HomePage() {
               id: "4",              icon: Award,
               title: "Projects Completed",              value: "500+"},
           ]}
-          animationType="slide-up"
+          animationType="depth-3d"
           useInvertedBackground={false}
         />
       </div>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index ef75a7b..72304e2 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfaff;
-  --card: #f7f5ff;
-  --foreground: #0f0022;
-  --primary-cta: #8b5cf6;
+  --background: #ffffff;
+  --card: #f0f0f0;
+  --foreground: #000000;
+  --primary-cta: #000000;
   --primary-cta-text: #fbfaff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #0f0022;
-  --accent: #d8cef5;
-  --background-accent: #c4a8f9;
+  --accent: #000000;
+  --background-accent: #e0e0e0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);