Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -30,25 +30,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Our Story",
-          id: "about",
-        },
+          name: "Our Story",          id: "about"},
         {
-          name: "Collection",
-          id: "products",
-        },
+          name: "Collection",          id: "products"},
         {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+          name: "Testimonials",          id: "testimonials"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Heritage Bangles"
     />
@@ -60,35 +50,21 @@ export default function LandingPage() {
       description="Exquisite handcrafted traditional bangles that embody the rich spirit and beauty of Indian craftsmanship."
       buttons={[
         {
-          text: "View Collection",
-          href: "#products",
-        },
+          text: "View Collection",          href: "#products"},
       ]}
       slides={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=1",
-          imageAlt: "Traditional bangles collection",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=1",          imageAlt: "Traditional bangles collection"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=2",
-          imageAlt: "Handcrafted luxury jewelry",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=2",          imageAlt: "Handcrafted luxury jewelry"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=3",
-          imageAlt: "Gold bangle close-up",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=3",          imageAlt: "Gold bangle close-up"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=4",
-          imageAlt: "Artisanal jewelry design",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=4",          imageAlt: "Artisanal jewelry design"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=5",
-          imageAlt: "Traditional indian bangle",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=5",          imageAlt: "Traditional indian bangle"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=6",
-          imageAlt: "Wedding jewelry set",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400885.jpg?_wi=6",          imageAlt: "Wedding jewelry set"},
       ]}
     />
   </div>
@@ -110,41 +86,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Royal Gold Bangle",
-          price: "₹12,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-items-second-hand-market_23-2149338419.jpg",
-        },
+          id: "p1",          name: "Royal Gold Bangle",          price: "₹12,000",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-metallic-items-second-hand-market_23-2149338419.jpg"},
         {
-          id: "p2",
-          name: "Classic Silver",
-          price: "₹8,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-dress-with-interesting-button_23-2148237607.jpg",
-        },
+          id: "p2",          name: "Classic Silver",          price: "₹8,500",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-dress-with-interesting-button_23-2148237607.jpg"},
         {
-          id: "p3",
-          name: "Antique Finish",
-          price: "₹9,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-shot-womans-hands-with-ring-bracelet-jewerly_343596-1630.jpg",
-        },
+          id: "p3",          name: "Antique Finish",          price: "₹9,800",          imageSrc: "http://img.b2bpic.net/free-photo/close-shot-womans-hands-with-ring-bracelet-jewerly_343596-1630.jpg"},
         {
-          id: "p4",
-          name: "Bridal Set",
-          price: "₹25,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145925.jpg",
-        },
+          id: "p4",          name: "Bridal Set",          price: "₹25,000",          imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145925.jpg"},
         {
-          id: "p5",
-          name: "Embossed Gold",
-          price: "₹15,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/jewel-details-hands-woman-wearing-sari-dress_23-2149565116.jpg",
-        },
+          id: "p5",          name: "Embossed Gold",          price: "₹15,500",          imageSrc: "http://img.b2bpic.net/free-photo/jewel-details-hands-woman-wearing-sari-dress_23-2149565116.jpg"},
         {
-          id: "p6",
-          name: "Festival Special",
-          price: "₹7,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2733.jpg",
-        },
+          id: "p6",          name: "Festival Special",          price: "₹7,200",          imageSrc: "http://img.b2bpic.net/free-photo/gold-ring_1203-2733.jpg"},
       ]}
       title="Our Collection"
       description="Explore our curated selection of fine traditional bangles."
@@ -157,45 +109,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          title: "Stunning quality",
-          quote: "The craftsmanship is unmatched.",
-          name: "Priya S.",
-          role: "Collector",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-dress-up-local-culture-southern-region-with-beauty-posture_24797-1323.jpg",
-        },
+          id: "1",          title: "Stunning quality",          quote: "The craftsmanship is unmatched.",          name: "Priya S.",          role: "Collector",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-dress-up-local-culture-southern-region-with-beauty-posture_24797-1323.jpg"},
         {
-          id: "2",
-          title: "Perfect fit",
-          quote: "Love the traditional design.",
-          name: "Anjali K.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400919.jpg",
-        },
+          id: "2",          title: "Perfect fit",          quote: "Love the traditional design.",          name: "Anjali K.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400919.jpg"},
         {
-          id: "3",
-          title: "Elegant",
-          quote: "Great service and beautiful pieces.",
-          name: "Sunita M.",
-          role: "Loyal Patron",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-skinned-smiling-woman-with-bushy-hairdo-holds-cup-coffee-espresso-sits-against-cafe-interior_273609-3188.jpg",
-        },
+          id: "3",          title: "Elegant",          quote: "Great service and beautiful pieces.",          name: "Sunita M.",          role: "Loyal Patron",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-skinned-smiling-woman-with-bushy-hairdo-holds-cup-coffee-espresso-sits-against-cafe-interior_273609-3188.jpg"},
         {
-          id: "4",
-          title: "Exquisite",
-          quote: "Will buy more soon.",
-          name: "Meera R.",
-          role: "Enthusiast",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502949.jpg",
-        },
+          id: "4",          title: "Exquisite",          quote: "Will buy more soon.",          name: "Meera R.",          role: "Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502949.jpg"},
         {
-          id: "5",
-          title: "Heritage feel",
-          quote: "Feels so authentic.",
-          name: "Divya P.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg",
-        },
+          id: "5",          title: "Heritage feel",          quote: "Feels so authentic.",          name: "Divya P.",          role: "Customer",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg"},
       ]}
       title="Loved by Our Patrons"
       description="See what our cherished customers are saying about our heritage collection."
@@ -206,14 +128,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       text="Have a custom request? Reach out to our design team for personalized heritage bangle orders."
       buttons={[
         {
-          text: "Contact Us",
-          href: "mailto:hello@heritagebangles.in",
-        },
+          text: "Contact Us",          href: "mailto:hello@heritagebangles.in"},
       ]}
     />
   </div>
@@ -223,37 +142,23 @@ export default function LandingPage() {
       logoText="Heritage Bangles"
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "New Arrivals",
-              href: "#products",
-            },
+              label: "New Arrivals",              href: "#products"},
             {
-              label: "Gold Collection",
-              href: "#products",
-            },
+              label: "Gold Collection",              href: "#products"},
             {
-              label: "Silver Collection",
-              href: "#products",
-            },
+              label: "Silver Collection",              href: "#products"},
           ],
         },
         {
-          title: "About",
-          items: [
+          title: "About",          items: [
             {
-              label: "Our Story",
-              href: "#about",
-            },
+              label: "Our Story",              href: "#about"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
@@ -263,4 +168,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #b82b40;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #fcf6ec;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2e2521;
-  --accent: #e1b875;
-  --background-accent: #b2a28b;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);