src/app/page.tsx

@@ -114,7 +114,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="scale-rotate"
           products={[
             {
               id: "1",              brand: "Parachute",              name: "Startup Strategy",              price: "$15K",              rating: 5,
@@ -145,7 +145,7 @@ export default function LandingPage() {
               id: "4",              value: "15yr",              description: "Average industry experience across our consulting team of experts."},
           ]}
           useInvertedBackground={true}
-          metricsAnimation="slide-up"
+          metricsAnimation="scale-rotate"
         />
       </div>
 
@@ -161,7 +161,7 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           gridVariant="bento-grid"
-          animationType="blur-reveal"
+          animationType="depth-3d"
           carouselMode="buttons"
           testimonials={[
             {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #efebe5;
-  --card: #f7f2ea;
-  --foreground: #000000;
-  --primary-cta: #000000;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #ffffffe6;
+  --primary-cta: #e6e6e6;
   --primary-cta-text: #efebe5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000000;
-  --accent: #ffffff;
-  --background-accent: #e1b875;
+  --accent: #737373;
+  --background-accent: #737373;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);