Update src/app/styles/variables.css

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Collection",
-          id: "#products",
-        },
+          name: "Collection",          id: "#products"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Ravix"
     />
@@ -58,9 +50,7 @@ export default function LandingPage() {
       description="Redefining elegance with every step. Experience unparalleled comfort and timeless design."
       buttons={[
         {
-          text: "Shop Collection",
-          href: "#products",
-        },
+          text: "Shop Collection",          href: "#products"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-legs_23-2148436076.jpg"
       imageAlt="Ravix signature luxury shoe"
@@ -74,19 +64,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Zap,
-          label: "Innovations",
-          value: "12+",
-        },
+          label: "Innovations",          value: "12+"},
         {
           icon: Award,
-          label: "Quality Awards",
-          value: "5",
-        },
+          label: "Quality Awards",          value: "5"},
         {
           icon: Users,
-          label: "Happy Clients",
-          value: "10k",
-        },
+          label: "Happy Clients",          value: "10k"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -100,41 +84,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",
-          name: "Urban Glide",
-          price: "$120",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-stylish-classic-womens-shoes-high-hills-color-background_460848-10720.jpg",
-        },
+          id: "1",          name: "Urban Glide",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-stylish-classic-womens-shoes-high-hills-color-background_460848-10720.jpg"},
         {
-          id: "2",
-          name: "Aero Sprint",
-          price: "$145",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-stretching-out-before-training-near-gray-wall-studio_158538-3633.jpg",
-        },
+          id: "2",          name: "Aero Sprint",          price: "$145",          imageSrc: "http://img.b2bpic.net/free-photo/female-stretching-out-before-training-near-gray-wall-studio_158538-3633.jpg"},
         {
-          id: "3",
-          name: "Velocis High",
-          price: "$180",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg",
-        },
+          id: "3",          name: "Velocis High",          price: "$180",          imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-101877.jpg"},
         {
-          id: "4",
-          name: "Classic Step",
-          price: "$110",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg",
-        },
+          id: "4",          name: "Classic Step",          price: "$110",          imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1203-7419.jpg"},
         {
-          id: "5",
-          name: "Metro Drift",
-          price: "$135",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors_23-2150975433.jpg",
-        },
+          id: "5",          name: "Metro Drift",          price: "$135",          imageSrc: "http://img.b2bpic.net/free-photo/woman-training-outdoors_23-2150975433.jpg"},
         {
-          id: "6",
-          name: "Summer Breeze",
-          price: "$95",
-          imageSrc: "http://img.b2bpic.net/free-photo/boy-with-white-shoes-stepping-floor_58702-7852.jpg",
-        },
+          id: "6",          name: "Summer Breeze",          price: "$95",          imageSrc: "http://img.b2bpic.net/free-photo/boy-with-white-shoes-stepping-floor_58702-7852.jpg"},
       ]}
       title="Signature Collection"
       description="Crafted with precision for the modern lifestyle."
@@ -146,23 +106,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Fashion Daily",
-        "Urban Style",
-        "Design Hub",
-        "Modern Retail",
-        "Trend Watch",
-        "Footwear Press",
-        "Global Style",
-      ]}
+        "Fashion Daily",        "Urban Style",        "Design Hub",        "Modern Retail",        "Trend Watch",        "Footwear Press",        "Global Style"]}
       logos={[
-        "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6852.jpg",
-        "http://img.b2bpic.net/free-photo/portrait-woman-representing-virgo-zodiac-sign_23-2151006272.jpg",
-        "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16436.jpg",
-        "http://img.b2bpic.net/free-vector/woman-shopping-icon-flat_1284-4447.jpg",
-        "http://img.b2bpic.net/free-photo/best-quality-class-excellence-standard_53876-133762.jpg",
-        "http://img.b2bpic.net/free-vector/flat-design-book-logo-pack_23-2148810656.jpg",
-        "http://img.b2bpic.net/free-vector/labor-day-labels-collection_23-2147546662.jpg",
-      ]}
+        "http://img.b2bpic.net/free-vector/illustration-boutique-shop-logo-stamp-banner_53876-6852.jpg",        "http://img.b2bpic.net/free-photo/portrait-woman-representing-virgo-zodiac-sign_23-2151006272.jpg",        "http://img.b2bpic.net/free-photo/great-excellence-reward-perforated-paper-star_53876-16436.jpg",        "http://img.b2bpic.net/free-vector/woman-shopping-icon-flat_1284-4447.jpg",        "http://img.b2bpic.net/free-photo/best-quality-class-excellence-standard_53876-133762.jpg",        "http://img.b2bpic.net/free-vector/flat-design-book-logo-pack_23-2148810656.jpg",        "http://img.b2bpic.net/free-vector/labor-day-labels-collection_23-2147546662.jpg"]}
       title="As Featured In"
       description="Recognized by industry leaders in design and fashion."
     />
@@ -176,25 +122,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
-          alt: "Sarah",
-        },
+          src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",          alt: "Sarah"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-          alt: "John",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",          alt: "John"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-bicycle_23-2149213188.jpg",
-          alt: "Emily",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-bicycle_23-2149213188.jpg",          alt: "Emily"},
         {
-          src: "http://img.b2bpic.net/free-photo/just-look-these-shoes_1098-16919.jpg",
-          alt: "Mark",
-        },
+          src: "http://img.b2bpic.net/free-photo/just-look-these-shoes_1098-16919.jpg",          alt: "Mark"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
-          alt: "Jessica",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",          alt: "Jessica"},
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -207,25 +143,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "What is the return policy?",
-          content: "We offer a 30-day return policy for all unworn shoes.",
-        },
+          id: "1",          title: "What is the return policy?",          content: "We offer a 30-day return policy for all unworn shoes."},
         {
-          id: "2",
-          title: "Are your shoes sustainable?",
-          content: "Yes, we prioritize ethically sourced materials in every design.",
-        },
+          id: "2",          title: "Are your shoes sustainable?",          content: "Yes, we prioritize ethically sourced materials in every design."},
         {
-          id: "3",
-          title: "How do I find my size?",
-          content: "Check our comprehensive size guide on each product page.",
-        },
+          id: "3",          title: "How do I find my size?",          content: "Check our comprehensive size guide on each product page."},
         {
-          id: "4",
-          title: "Do you ship internationally?",
-          content: "Currently, we ship to over 50 countries worldwide.",
-        },
+          id: "4",          title: "Do you ship internationally?",          content: "Currently, we ship to over 50 countries worldwide."},
       ]}
       title="Common Questions"
       description="Everything you need to know about your Ravix experience."
@@ -237,14 +161,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       text="Ready to step up? Let's connect."
       buttons={[
         {
-          text: "Contact Support",
-          href: "#",
-        },
+          text: "Contact Support",          href: "#"},
       ]}
     />
   </div>
@@ -253,42 +174,27 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "New Arrivals",
-              href: "#",
-            },
+              label: "New Arrivals",              href: "#"},
             {
-              label: "Best Sellers",
-              href: "#",
-            },
+              label: "Best Sellers",              href: "#"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#",
-            },
+              label: "About Us",              href: "#"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -298,4 +204,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #f5f4ef;
   --card: #dad6cd;
   --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --primary-cta: #7851A9;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #7851A9;
+  --background-accent: #e8e0f5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);