Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -16,7 +16,7 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
-        defaultTextAnimation="entrance-slide"
+        defaultTextAnimation="reveal-blur"
         borderRadius="pill"
         contentWidth="mediumSmall"
         sizing="large"
@@ -130,7 +130,7 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
-      animationType="scale-rotate"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
@@ -148,7 +148,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      animationType="depth-3d"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
@@ -200,7 +200,7 @@ export default function LandingPage() {
       title="Start Your Journey Today"
       description="Commit to annual success and get your first website on us."
       imageSrc="http://img.b2bpic.net/free-photo/abstract-low-poly-with-connecting-lines-dots_1048-7721.jpg"
-      mediaAnimation="slide-up"
+      mediaAnimation="blur-reveal"
       buttonText="Get Free Website"
     />
   </div>
@@ -217,4 +217,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #106efb;
+  --background: #ffffff;
+  --card: #ffffff;
+  --foreground: #000000;
+  --primary-cta: #000000;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #f0f0f0;
   --secondary-cta-text: #ffffff;
-  --accent: #00ff9d;
-  --background-accent: #ff6207;
+  --accent: #e0e0e0;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);