Update theme colors

Merge version_1 into main

src/app/page.tsx

@@ -29,23 +29,19 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Contact",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#footer",
+        {
-        },
+          name: "FAQ",          id: "#faq"},
+        {
+          name: "Contact",          id: "#footer"},
       ]}
-      brandName="MobileHub"
+      brandName="ParfumLuxury"
     />
   </div>
 
@@ -53,126 +49,38 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="Art of Scent"
-      title="Future of Mobile is Here"
+      description="Discover rare, artisanal perfumes curated from the world's finest scent makers."
-      description="Experience unparalleled performance, stunning design, and cutting-edge features in the palm of your hand."
       testimonials={[
         {
-          name: "Alex R.",
+          name: "Elara V.",          handle: "@elarascent",          testimonial: "A truly transformative fragrance. Pure luxury.",          rating: 5,
-          handle: "@alextech",
-          testimonial: "The best purchase I have made this year. Simply incredible display.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-high-end-sleek-smartphone-floating-aga-1774885627187-a229a697.png?_wi=1",
-          imageAlt: "A high-end, sleek smartphone floating against an abstract soft purple background. Minimalist studio ",
         },
         {
-          name: "Sarah K.",
+          name: "Julian C.",          handle: "@juliandesigns",          testimonial: "Exquisite collection. I found my signature scent.",          rating: 5,
-          handle: "@sarahk",
-          testimonial: "Speed is unmatched. The camera quality is professional grade.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-person-holding-a-premium-smartphone-in-1774885628847-87208999.png?_wi=1",
-          imageAlt: "A person holding a premium smartphone in a bright, modern minimalist office. Natural soft light, cle",
-        },
-        {
-          name: "David M.",
-          handle: "@davidm",
-          testimonial: "Customer support was excellent and shipping was lightning fast.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/close-up-of-a-modern-smartphone-with-a-g-1774885628775-a6d37447.png?_wi=1",
-          imageAlt: "Close up of a modern smartphone with a glass back design, vibrant display screen, professional studi",
-        },
-        {
-          name: "Linda P.",
-          handle: "@lindap",
-          testimonial: "Beautiful design. It feels premium every single day.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/sleek-blue-mobile-phone-on-a-clean-marbl-1774885630488-9ebd9d50.png?_wi=1",
-          imageAlt: "Sleek blue mobile phone on a clean marble surface, artistic shadows, professional product shot.",
-        },
-        {
-          name: "Mark J.",
-          handle: "@markj",
-          testimonial: "The ecosystem integration is seamless. Truly a game changer.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/innovative-foldable-smartphone-partially-1774885629226-f5de8e20.png?_wi=1",
-          imageAlt: "Innovative foldable smartphone partially opened, soft focus background, high tech aesthetic.",
         },
       ]}
       buttons={[
         {
-          text: "Shop Now",
+          text: "Shop Collection",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-high-end-sleek-smartphone-floating-aga-1774885627187-a229a697.png?_wi=2"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png",
-          alt: "User 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-tech-enthusiast-holding-a--1774885627530-40fe33a7.png",
-          alt: "User 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-business-professional-looking-at-their-1774885627243-b3f841aa.png",
-          alt: "User 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-creative-professional-interacting-with-1774885627467-d38d50f1.png",
-          alt: "User 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png",
-          alt: "User 5",
-        },
-      ]}
-      avatarText="Loved by 10,000+ satisfied tech enthusiasts"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "5G Enabled",
-        },
-        {
-          type: "text",
-          text: "Pro-Grade Camera",
-        },
-        {
-          type: "text",
-          text: "All-Day Battery",
-        },
-        {
-          type: "text",
-          text: "Seamless OS",
-        },
-        {
-          type: "text",
-          text: "OLED Retina Display",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Crafted for Innovation"
+      title="Our Fragrance Heritage"
-      description="At MobileHub, we connect you with the world through the latest, most advanced mobile technology available today."
+      description="We source only the finest natural essences to create unique, long-lasting experiences."
       metrics={[
         {
-          value: "150k+",
+          value: "200+",          title: "Unique Scents"},
-          title: "Devices Sold",
-        },
         {
-          value: "98%",
+          value: "100%",          title: "Ethically Sourced"},
-          title: "Satisfied Customers",
-        },
         {
-          value: "50+",
+          value: "10k+",          title: "Happy Customers"},
-          title: "Global Partners",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-person-holding-a-premium-smartphone-in-1774885628847-87208999.png?_wi=2"
       mediaAnimation="slide-up"
@@ -188,35 +96,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Midnight",          name: "Oud Essence",          price: "$185",          rating: 5,
-          brand: "Apex",
+          reviewCount: "128",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/close-up-of-a-modern-smartphone-with-a-g-1774885628775-a6d37447.png?_wi=2"},
-          name: "Quantum Pro X",
-          price: "$1,199",
-          rating: 5,
-          reviewCount: "245",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/close-up-of-a-modern-smartphone-with-a-g-1774885628775-a6d37447.png?_wi=2",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Floral",          name: "Morning Bloom",          price: "$145",          rating: 4,
-          brand: "Luna",
+          reviewCount: "95",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/sleek-blue-mobile-phone-on-a-clean-marbl-1774885630488-9ebd9d50.png?_wi=2"},
-          name: "Aura Edge",
-          price: "$899",
-          rating: 4,
-          reviewCount: "189",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/sleek-blue-mobile-phone-on-a-clean-marbl-1774885630488-9ebd9d50.png?_wi=2",
-        },
         {
-          id: "p3",
+          id: "p3",          brand: "Citrus",          name: "Zest Voyage",          price: "$125",          rating: 5,
-          brand: "Vertex",
+          reviewCount: "78",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/innovative-foldable-smartphone-partially-1774885629226-f5de8e20.png?_wi=2"},
-          name: "Foldable Prime",
-          price: "$1,599",
-          rating: 5,
-          reviewCount: "92",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/innovative-foldable-smartphone-partially-1774885629226-f5de8e20.png?_wi=2",
-        },
       ]}
-      title="Top Flagships"
+      title="Featured Scents"
-      description="Handpicked collection of the latest high-performance smartphones."
+      description="Discover our best-selling fragrances curated for your lifestyle."
     />
   </div>
 
@@ -227,49 +117,18 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sofia L.",          handle: "@sofiascents",          testimonial: "The Oud Essence is absolutely captivating. I get compliments all day.",          rating: 5,
-          name: "Alex R.",
-          handle: "@alex",
-          testimonial: "Exceptional service and product quality.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png?_wi=1",
         },
         {
-          id: "t2",
+          id: "t2",          name: "Marcus R.",          handle: "@mrcs",          testimonial: "A masterful blend that feels sophisticated and timeless.",          rating: 5,
-          name: "Sarah K.",
-          handle: "@sarahk",
-          testimonial: "Changed my mobile experience entirely.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-tech-enthusiast-holding-a--1774885627530-40fe33a7.png",
         },
         {
-          id: "t3",
+          id: "t3",          name: "Elena W.",          handle: "@elena_w",          testimonial: "Finally found a brand that values quality over quantity.",          rating: 5,
-          name: "David M.",
-          handle: "@dm",
-          testimonial: "Lightning fast shipping and great support.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-business-professional-looking-at-their-1774885627243-b3f841aa.png",
-        },
-        {
-          id: "t4",
-          name: "Linda P.",
-          handle: "@linda",
-          testimonial: "Best tech investment I've made lately.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/a-creative-professional-interacting-with-1774885627467-d38d50f1.png",
-        },
-        {
-          id: "t5",
-          name: "Kevin T.",
-          handle: "@kev",
-          testimonial: "The build quality is outstanding. Feels very premium.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/portrait-of-a-happy-customer-using-a-mod-1774885627776-73fc1fc2.png?_wi=2",
         },
       ]}
       showRating={true}
-      title="Voices of Our Community"
+      title="What Clients Say"
-      description="See why thousands trust MobileHub for their tech needs."
+      description="Hear from perfume enthusiasts around the globe."
     />
   </div>
 
@@ -279,25 +138,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How should I store my perfume?",          content: "Store in a cool, dry place away from direct sunlight to preserve the fragrance notes."},
-          title: "Do you offer international shipping?",
-          content: "Yes, we ship to over 50 countries worldwide with secure packaging.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Are your perfumes cruelty-free?",          content: "Yes, we are 100% committed to ethical sourcing and cruelty-free practices."},
-          title: "What is the return policy?",
-          content: "We offer a 30-day money-back guarantee for all unused items.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do you provide sample sets?",          content: "Yes, we offer discovery kits featuring samples of our entire collection."},
-          title: "Are these devices unlocked?",
-          content: "Yes, all our phones come factory unlocked for any carrier.",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfgXgOZjNcBwuHKFTIpZ1e1Q35/tech-support-professional-helping-with-a-1774885627694-e4880659.png"
       mediaAnimation="slide-up"
-      title="Common Questions"
+      title="Perfume FAQ"
-      description="Everything you need to know about our devices and shipping."
+      description="Answers to your questions about finding your next signature fragrance."
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -306,37 +156,35 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
+          title: "Fragrances",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "New Arrivals",              href: "#products"},
-              href: "#about",
-            },
             {
-              label: "Careers",
+              label: "Best Sellers",              href: "#products"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Help Center",
+              label: "Help Center",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Shipping Info",
+              label: "Contact Us",              href: "#footer"},
-              href: "#",
+          ],
-            },
+        },
+        {
+          title: "Company",          items: [
+            {
+              label: "Our Story",              href: "#about"},
+            {
+              label: "Privacy",              href: "#"},
           ],
         },
       ]}
-      bottomLeftText="© 2024 MobileHub"
+      bottomLeftText="© 2024 ParfumLuxury"
-      bottomRightText="Privacy Policy"
+      bottomRightText="All Rights Reserved"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #000000;
-  --card: #ffffff;
+  --card: #0c0c0c;
-  --foreground: #27231f;
+  --foreground: #ffffff;
-  --primary-cta: #27231f;
+  --primary-cta: #106EFB;
-  --primary-cta-text: #e3deea;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #27231f;
+  --secondary-cta-text: #ffffff;
-  --accent: #c68a62;
+  --accent: #535353;
-  --background-accent: #c68a62;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);