Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Collections",
-          id: "products",
-        },
+          name: "Collections",          id: "products"},
         {
-          name: "Our Story",
-          id: "about",
-        },
+          name: "Our Story",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Ursula Noir"
     />
@@ -52,45 +44,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="Redefining Elegance"
       description="Formal wear for every night and every occasion. Wear the power. Feel the elegance."
       buttons={[
         {
-          text: "Shop Now",
-          href: "#products",
-        },
+          text: "Shop Now",          href: "#products"},
         {
-          text: "Explore Lookbook",
-          href: "#about",
-        },
+          text: "Explore Lookbook",          href: "#about"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign-with-real-lion_23-2151006289.jpg",
-          imageAlt: "Model in evening gown on rooftop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-representing-leo-zodiac-sign-with-real-lion_23-2151006289.jpg",          imageAlt: "Model in evening gown on rooftop"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3762.jpg",
-          imageAlt: "Sophisticated evening wear look",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-evening-dress-with-glass-wine-tropical-balcony_343596-3762.jpg",          imageAlt: "Sophisticated evening wear look"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-244.jpg",
-          imageAlt: "Couture gown detail",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/amazing-blonde-with-long-curly-hairstyle-natural-makeup-shooting-studio-fashion-magazine-wearing-black-party-dress-with-sparkles-high-heel-shoes-professional-model-gorgeous-lady_343629-244.jpg",          imageAlt: "Couture gown detail"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg",
-          imageAlt: "Formal party night attire",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing_23-2148916390.jpg",          imageAlt: "Formal party night attire"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-having-fun_23-2151194083.jpg",
-          imageAlt: "Elegant evening photography",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-having-fun_23-2151194083.jpg",          imageAlt: "Elegant evening photography"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-sitting-floor_158538-22818.jpg",
-          imageAlt: "Luxury black dress aesthetic",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-gold-jacket-sexy-carefree-woman-posing-near-white-wall-studio-circle-lightfashionable-model-with-bright-makeup-sitting-floor_158538-22818.jpg",          imageAlt: "Luxury black dress aesthetic"},
       ]}
     />
   </div>
@@ -113,47 +88,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Midnight Gown",
-          price: "$450",
-          variant: "Black Velvet",
-          imageSrc: "http://img.b2bpic.net/free-photo/posing-professional-model-back-yard-restaurant-wearing-green-dress-hand-waist-garden-outdoor-makeup-hair-bun-red-lips_343629-48.jpg",
-        },
+          id: "p1",          name: "Midnight Gown",          price: "$450",          variant: "Black Velvet",          imageSrc: "http://img.b2bpic.net/free-photo/posing-professional-model-back-yard-restaurant-wearing-green-dress-hand-waist-garden-outdoor-makeup-hair-bun-red-lips_343629-48.jpg"},
         {
-          id: "p2",
-          name: "City Satin Dress",
-          price: "$380",
-          variant: "Ivory",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-golden-jacket-sexy-carefree-woman-posing-near-silver-shiny-tinsel-wall-studiofashionable-model-with-bright-makeup-looks-camera_158538-22824.jpg",
-        },
+          id: "p2",          name: "City Satin Dress",          price: "$380",          variant: "Ivory",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-brunette-female-trendy-evening-golden-jacket-sexy-carefree-woman-posing-near-silver-shiny-tinsel-wall-studiofashionable-model-with-bright-makeup-looks-camera_158538-22824.jpg"},
         {
-          id: "p3",
-          name: "Signature Blazer",
-          price: "$520",
-          variant: "Gold Thread",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tailor-items-silk_23-2148897934.jpg",
-        },
+          id: "p3",          name: "Signature Blazer",          price: "$520",          variant: "Gold Thread",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-tailor-items-silk_23-2148897934.jpg"},
         {
-          id: "p4",
-          name: "Evening Slip",
-          price: "$290",
-          variant: "Midnight",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg",
-        },
+          id: "p4",          name: "Evening Slip",          price: "$290",          variant: "Midnight",          imageSrc: "http://img.b2bpic.net/free-photo/industrial-mannequin-drawings_482257-85237.jpg"},
         {
-          id: "p5",
-          name: "Couture Skirt",
-          price: "$310",
-          variant: "Black",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-beautiful-dress_1303-21034.jpg",
-        },
+          id: "p5",          name: "Couture Skirt",          price: "$310",          variant: "Black",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-beautiful-dress_1303-21034.jpg"},
         {
-          id: "p6",
-          name: "Tailored Pants",
-          price: "$250",
-          variant: "Gold Trim",
-          imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg",
-        },
+          id: "p6",          name: "Tailored Pants",          price: "$250",          variant: "Gold Trim",          imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg"},
       ]}
       title="Signature Collections"
       description="Explore our curated pieces designed for Dusk to Dawn elegance."
@@ -166,45 +111,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          title: "Stunning Quality",
-          quote: "The most sophisticated gown I have ever owned. Truly exquisite.",
-          name: "Elena R.",
-          role: "Fashion Editor",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=1",
-        },
+          id: "t1",          title: "Stunning Quality",          quote: "The most sophisticated gown I have ever owned. Truly exquisite.",          name: "Elena R.",          role: "Fashion Editor",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=1"},
         {
-          id: "t2",
-          title: "Perfect Fit",
-          quote: "Ursula Noir designs feel like they were tailored just for me.",
-          name: "Sophia M.",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915123.jpg",
-        },
+          id: "t2",          title: "Perfect Fit",          quote: "Ursula Noir designs feel like they were tailored just for me.",          name: "Sophia M.",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915123.jpg"},
         {
-          id: "t3",
-          title: "Command Attention",
-          quote: "I felt powerful and refined all evening. Highly recommend.",
-          name: "Julianne B.",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=2",
-        },
+          id: "t3",          title: "Command Attention",          quote: "I felt powerful and refined all evening. Highly recommend.",          name: "Julianne B.",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg?_wi=2"},
         {
-          id: "t4",
-          title: "Timeless Style",
-          quote: "The elegance of the fabrics is simply unmatched.",
-          name: "Camila V.",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-with-dark-curly-hair-white-costume-sitting-white-moped-with-cup-coffee-go-thoughtfully-looking-camera-street_574295-5917.jpg",
-        },
+          id: "t4",          title: "Timeless Style",          quote: "The elegance of the fabrics is simply unmatched.",          name: "Camila V.",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lady-with-dark-curly-hair-white-costume-sitting-white-moped-with-cup-coffee-go-thoughtfully-looking-camera-street_574295-5917.jpg"},
         {
-          id: "t5",
-          title: "Absolute Luxury",
-          quote: "Every piece is a work of art. I am officially a loyal customer.",
-          name: "Isabella D.",
-          role: "Art Curator",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-swimsuit-with-towel_181624-55628.jpg",
-        },
+          id: "t5",          title: "Absolute Luxury",          quote: "Every piece is a work of art. I am officially a loyal customer.",          name: "Isabella D.",          role: "Art Curator",          imageSrc: "http://img.b2bpic.net/free-photo/woman-swimsuit-with-towel_181624-55628.jpg"},
       ]}
       title="Circle of Elegance"
       description="Hear what our sophisticated clientele has to say about the Ursula Noir experience."
@@ -215,14 +130,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       text="Join the Circle of Elegance – Be the First to Know."
       buttons={[
         {
-          text: "Sign Up for VIP Access",
-          href: "#",
-        },
+          text: "Sign Up for VIP Access",          href: "#"},
       ]}
     />
   </div>
@@ -231,54 +143,33 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Shop",
-          items: [
+          title: "Shop",          items: [
             {
-              label: "Collections",
-              href: "#products",
-            },
+              label: "Collections",              href: "#products"},
             {
-              label: "New Arrivals",
-              href: "#",
-            },
+              label: "New Arrivals",              href: "#"},
             {
-              label: "Sale",
-              href: "#",
-            },
+              label: "Sale",              href: "#"},
           ],
         },
         {
-          title: "About",
-          items: [
+          title: "About",          items: [
             {
-              label: "Our Story",
-              href: "#about",
-            },
+              label: "Our Story",              href: "#about"},
             {
-              label: "Craft",
-              href: "#",
-            },
+              label: "Craft",              href: "#"},
             {
-              label: "Press",
-              href: "#",
-            },
+              label: "Press",              href: "#"},
           ],
         },
         {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#",
-            },
+              label: "FAQ",              href: "#"},
             {
-              label: "Returns",
-              href: "#",
-            },
+              label: "Returns",              href: "#"},
           ],
         },
       ]}
@@ -289,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1f1f1f;
-  --foreground: #f5f5f5;
-  --primary-cta: #D4AF37;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1f1f1f;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #f5f5f5;
-  --accent: #D4AF37;
-  --background-accent: #7B1E2D;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);