Update theme colors

Merge version_6 into main

src/app/page.tsx

@@ -71,7 +71,8 @@ export default function HomePage() {
           brandName="Flux Watches"
           navItems={navItems}
           button={{
-            text: "Message on WhatsApp",            href: "https://wa.me/923000000000?text=Hi%20Flux%20Watches%20I'm%20interested%20in%20your%20pre-owned%20watches"}}
+            text: "Message on WhatsApp",            href: "https://wa.me/923000000000?text=Hi%20Flux%20Watches%20I'm%20interested%20in%20your%20pre-owned%20watches"
+          }}
         />
       </div>
 
@@ -84,26 +85,31 @@ export default function HomePage() {
           tagAnimation="blur-reveal"
           buttons={[
             {
-              text: "Shop Collection",              href: "/shop"},
+              text: "Shop Collection",              href: "/shop"
+            },
             {
-              text: "Message WhatsApp",              href: "https://wa.me/923000000000?text=Hi%20I'd%20like%20to%20know%20about%20your%20watches"},
+              text: "Message WhatsApp",              href: "https://wa.me/923000000000?text=Hi%20I'd%20like%20to%20know%20about%20your%20watches"
+            },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "plain" }}
           testimonials={[
             {
               name: "Ahmed Hassan",              handle: "@customer_pk",              testimonial: "Received my Casio within 3 days. Exactly as advertised. Highly recommended!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-man-preparing-jogging_23-2148531016.jpg",              imageAlt: "Pakistani man happy customer portrait"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-man-preparing-jogging_23-2148531016.jpg",              imageAlt: "Pakistani man happy customer portrait"
+            },
             {
               name: "Fatima Khan",              handle: "@watch_lover",              testimonial: "Best pre-owned watch purchase ever. Original and working perfectly.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",              imageAlt: "Pakistani woman customer portrait happy"},
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",              imageAlt: "Pakistani woman customer portrait happy"
+            },
             {
               name: "Hassan Ali",              handle: "@trusted_buyer",              testimonial: "Cash on delivery made it so easy. Authentic Seiko at great price.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",              imageAlt: "Pakistani man satisfied customer portrait"},
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",              imageAlt: "Pakistani man satisfied customer portrait"
+            },
           ]}
           testimonialRotationInterval={6000}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773595400989-kszuf82n.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-6lq7w5uh.png"
           imageAlt="Original Casio MQ Pre-Owned Watch"
           mediaAnimation="blur-reveal"
         />
@@ -111,7 +117,7 @@ export default function HomePage() {
 
       <div id="featured-products" data-section="featured-products">
         <ProductCardFour
-          title="Featured Watches"
+          title="Best-Selling Originals Starting from RS 3,500"
           description="Hand-selected original pre-owned timepieces in perfect working condition"
           tag="🔥 Best Sellers"
           tagIcon={TrendingUp}
@@ -122,21 +128,31 @@ export default function HomePage() {
           animationType="blur-reveal"
           products={[
             {
-              id: "casio-mq-white",              name: "Original Casio MQ - White Dial",              price: "RS 4,500",              variant: "Metal Bracelet",              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_wi=1",              imageAlt: "Casio MQ White Dial Metal Bracelet"},
+              id: "casio-mq-white",              name: "Original Casio MQ - White Dial",              price: "RS 4,500",              variant: "Metal Bracelet",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-z2ejglfl.png?_wi=1",              imageAlt: "Casio MQ White Dial Metal Bracelet"
+            },
             {
-              id: "seiko-7s26-green",              name: "Original Seiko 7S26 - Green Dial",              price: "RS 12,000",              variant: "Steel Bracelet",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773595400989-4t2zuvqs.png?_wi=1",              imageAlt: "Seiko 7S26 Green Dial Steel Bracelet"},
+              id: "seiko-7s26-green",              name: "Original Seiko 7S26 - Green Dial",              price: "RS 12,000",              variant: "Steel Bracelet",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-mcabi7to.png?_wi=1",              imageAlt: "Seiko 7S26 Green Dial Steel Bracelet"
+            },
             {
-              id: "telva-red-strap",              name: "Telva Radio Controlled - Red Strap",              price: "RS 8,500",              variant: "Red Leather Strap",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773595400989-1qo0lzi2.png?_wi=1",              imageAlt: "Telva Radio Controlled Red Leather Strap"},
+              id: "telva-red-strap",              name: "Telva Radio Controlled - Red Strap",              price: "RS 8,500",              variant: "Red Leather Strap",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-eu2eo7gr.png?_wi=1",              imageAlt: "Telva Radio Controlled Red Leather Strap"
+            },
             {
-              id: "casio-blue-dial",              name: "Original Casio - Blue Square Dial",              price: "RS 5,200",              variant: "Grey Strap",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773595400989-gngalced.png?_wi=1",              imageAlt: "Casio Blue Square Dial Grey Strap"},
+              id: "casio-blue-dial",              name: "Original Casio - Blue Square Dial",              price: "RS 5,200",              variant: "Grey Strap",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-ca6tvxlt.png?_wi=1",              imageAlt: "Casio Blue Square Dial Grey Strap"
+            },
             {
-              id: "casio-chronograph",              name: "Casio Chronograph - Two-Tone",              price: "RS 7,800",              variant: "Metal Bracelet",              imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-data-analytics-display_23-2151957123.jpg?_wi=1",              imageAlt: "Casio Chronograph Two-Tone"},
+              id: "casio-chronograph",              name: "Casio Chronograph - Two-Tone",              price: "RS 7,800",              variant: "Metal Bracelet",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-6lq7w5uh.png?_wi=1",              imageAlt: "Casio Chronograph Two-Tone"
+            },
             {
-              id: "casio-f84w",              name: "Original Casio F-84W - Digital",              price: "RS 3,500",              variant: "Black Resin",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-her-watch_23-2149436744.jpg?_wi=1",              imageAlt: "Casio F-84W Digital Black"},
+              id: "casio-f84w",              name: "Original Casio F-84W - Digital",              price: "RS 3,500",              variant: "Black Resin",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-z2ejglfl.png?_wi=1",              imageAlt: "Casio F-84W Digital Black"
+            },
           ]}
           buttons={[
             {
-              text: "View All",              href: "/shop"},
+              text: "View All",              href: "/shop"
+            },
+            {
+              text: "Shop Now",              href: "/shop"
+            },
           ]}
           buttonAnimation="slide-up"
         />
@@ -152,13 +168,16 @@ export default function HomePage() {
           metrics={[
             {
               id: "original",              icon: CheckCircle,
-              title: "100% Original",              value: "Verified"},
+              title: "100% Original",              value: "Verified"
+            },
             {
               id: "delivery",              icon: Truck,
-              title: "All Over Pakistan",              value: "Fast"},
+              title: "All Over Pakistan",              value: "Fast"
+            },
             {
               id: "condition",              icon: Zap,
-              title: "Perfect Condition",              value: "Working"},
+              title: "Perfect Condition",              value: "Working"
+            },
           ]}
         />
       </div>
@@ -175,11 +194,14 @@ export default function HomePage() {
           tagAnimation="opacity"
           features={[
             {
-              id: "casio-variety",              title: "Casio Collection",              description: "Digital and analog Casio watches in various styles and conditions",              tag: "Popular",              imageSrc: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_wi=2",              imageAlt: "Casio Watch Collection"},
+              id: "casio-variety",              title: "Casio Collection",              description: "Digital and analog Casio watches in various styles and conditions",              tag: "Popular",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-mcabi7to.png?_wi=2",              imageAlt: "Casio Watch Collection"
+            },
             {
-              id: "seiko-premium",              title: "Seiko Selection",              description: "Premium Japanese Seiko timepieces with steel bracelets",              tag: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-businsman-summer-city_1157-25611.jpg?_wi=1",              imageAlt: "Seiko Watch Selection"},
+              id: "seiko-premium",              title: "Seiko Selection",              description: "Premium Japanese Seiko timepieces with steel bracelets",              tag: "Premium",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-eu2eo7gr.png?_wi=1",              imageAlt: "Seiko Watch Selection"
+            },
             {
-              id: "other-brands",              title: "Other Brands",              description: "Telva, Lotus, Omax and more authentic pre-owned watches",              tag: "Diverse",              imageSrc: "http://img.b2bpic.net/free-photo/person-sharing-feelings-emotions-therapy-session_23-2151073976.jpg?_wi=1",              imageAlt: "Other Brand Watches"},
+              id: "other-brands",              title: "Other Brands",              description: "Telva, Lotus, Omax and more authentic pre-owned watches",              tag: "Diverse",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773596346682-ca6tvxlt.png?_wi=1",              imageAlt: "Other Brand Watches"
+            },
           ]}
         />
       </div>
@@ -191,7 +213,8 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Karachi Buyers",            "Lahore Customers",            "Islamabad Orders",            "Multan Base",            "Peshawar Fans",            "Quetta Delivery",            "Faisalabad Support"]}
+            "Karachi Buyers",            "Lahore Customers",            "Islamabad Orders",            "Multan Base",            "Peshawar Fans",            "Quetta Delivery",            "Faisalabad Support"
+          ]}
           showCard={true}
         />
       </div>
@@ -205,31 +228,40 @@ export default function HomePage() {
           animationType="blur-reveal"
           kpiItems={[
             {
-              value: "500+",              label: "Happy Customers"},
+              value: "500+",              label: "Happy Customers"
+            },
             {
-              value: "100%",              label: "Authentic"},
+              value: "100%",              label: "Authentic"
+            },
             {
-              value: "3-5",              label: "Days Delivery"},
+              value: "3-5",              label: "Days Delivery"
+            },
           ]}
           testimonials={[
             {
               id: "review-1",              name: "Muhammad Hassan",              role: "Verified Buyer",              company: "Karachi",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-nurse_23-2151061623.jpg?_wi=1",              imageAlt: "Pakistani professional man portrait headshot"},
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-nurse_23-2151061623.jpg?_wi=1",              imageAlt: "Pakistani professional man portrait headshot"
+            },
             {
               id: "review-2",              name: "Ayesha Khan",              role: "Verified Buyer",              company: "Lahore",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Pakistani professional woman portrait headshot"},
+              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Pakistani professional woman portrait headshot"
+            },
             {
               id: "review-3",              name: "Ali Raza",              role: "Verified Buyer",              company: "Islamabad",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-front-view_23-2149915914.jpg?_wi=1",              imageAlt: "Pakistani man customer portrait professional"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-front-view_23-2149915914.jpg?_wi=1",              imageAlt: "Pakistani man customer portrait professional"
+            },
             {
               id: "review-4",              name: "Sara Ahmed",              role: "Verified Buyer",              company: "Multan",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg?_wi=1",              imageAlt: "Pakistani woman customer portrait professional"},
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg?_wi=1",              imageAlt: "Pakistani woman customer portrait professional"
+            },
             {
               id: "review-5",              name: "Hassan Malik",              role: "Verified Buyer",              company: "Peshawar",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-vector/colored-background-man-laughing_23-2147631736.jpg?_wi=1",              imageAlt: "Pakistani professional man portrait smiling"},
+              imageSrc: "http://img.b2bpic.net/free-vector/colored-background-man-laughing_23-2147631736.jpg?_wi=1",              imageAlt: "Pakistani professional man portrait smiling"
+            },
             {
               id: "review-6",              name: "Fatima Ali",              role: "Verified Buyer",              company: "Faisalabad",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-lucky-enthusiastic-cute-redhead-joyful-middleaged-woman-pump-fists-vigorous-excitement-celebratory-smiling-broadly-winning-celebrating-triumphing-success-good-news_1258-46267.jpg?_wi=1",              imageAlt: "Pakistani professional woman portrait smiling"},
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-lucky-enthusiastic-cute-redhead-joyful-middleaged-woman-pump-fists-vigorous-excitement-celebratory-smiling-broadly-winning-celebrating-triumphing-success-good-news_1258-46267.jpg?_wi=1",              imageAlt: "Pakistani professional woman portrait smiling"
+            },
           ]}
         />
       </div>
@@ -243,21 +275,28 @@ export default function HomePage() {
           textPosition="left"
           faqs={[
             {
-              id: "faq-1",              title: "Are all watches 100% original?",              content: "Yes, every watch in our collection is verified original and in perfect working condition. We guarantee authenticity on all pre-owned timepieces. Our verification process includes: (1) Serial number verification through manufacturer databases; (2) Physical authentication by certified watch experts; (3) Movement inspection using precision tools; (4) Materials certification to confirm genuine metal and components. Each watch undergoes rigorous quality checks before delivery. You can trust Flux Watches for authentic, certified timepieces."},
+              id: "faq-1",              title: "Are all watches 100% original?",              content: "Yes, every watch in our collection is verified original and in perfect working condition. We guarantee authenticity on all pre-owned timepieces."
+            },
             {
-              id: "faq-2",              title: "What payment methods do you accept?",              content: "We accept Cash on Delivery (COD), JazzCash, EasyPaisa, and Bank Transfer. Choose the option that works best for you."},
+              id: "faq-2",              title: "What payment methods do you accept?",              content: "We accept Cash on Delivery (COD), JazzCash, EasyPaisa, and Bank Transfer. Choose the option that works best for you."
+            },
             {
-              id: "faq-3",              title: "How long does delivery take?",              content: "We deliver all over Pakistan in 3-5 business days from order confirmation. Delivery is free for all orders."},
+              id: "faq-3",              title: "How long does delivery take?",              content: "We deliver all over Pakistan in 3-5 business days from order confirmation. Delivery is free for all orders."
+            },
             {
-              id: "faq-4",              title: "Can I return or exchange a watch?",              content: "Yes, we offer 7-day returns and exchanges if the watch doesn't meet your expectations. No questions asked."},
+              id: "faq-4",              title: "Can I return or exchange a watch?",              content: "Yes, we offer 7-day returns and exchanges if the watch doesn't meet your expectations. No questions asked."
+            },
             {
-              id: "faq-5",              title: "Do the watches come with warranty?",              content: "All watches are guaranteed to be in working condition upon delivery. We stand behind the quality of every timepiece."},
+              id: "faq-5",              title: "Do the watches come with warranty?",              content: "All watches are guaranteed to be in working condition upon delivery. We stand behind the quality of every timepiece."
+            },
             {
-              id: "faq-6",              title: "How can I contact you?",              content: "You can reach us on WhatsApp at our inbox, or message us directly. We respond to all inquiries within 24 hours."},
+              id: "faq-6",              title: "How can I contact you?",              content: "You can reach us on WhatsApp at our inbox, or message us directly. We respond to all inquiries within 24 hours."
+            },
           ]}
           buttons={[
             {
-              text: "Message on WhatsApp",              href: "https://wa.me/923000000000?text=Hi%20I%20have%20a%20question%20about%20your%20watches"},
+              text: "Message on WhatsApp",              href: "https://wa.me/923000000000?text=Hi%20I%20have%20a%20question%20about%20your%20watches"
+            },
           ]}
         />
       </div>
@@ -271,8 +310,8 @@ export default function HomePage() {
           tagAnimation="slide-up"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          inputPlaceholder="Enter your WhatsApp number"
+          inputPlaceholder="Your WhatsApp number"
-          buttonText="Message Now"
+          buttonText="Get Watch Recommendations"
           termsText="By contacting us, you agree to our Terms and acknowledge our Privacy Policy."
         />
       </div>
@@ -285,4 +324,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -11,14 +11,14 @@
   --background-accent: #ffffff; */
 
   --background: #ffffff;
-  --card: #f5f5f5;
+  --card: #f9f9f9;
-  --foreground: #1a1a1a;
+  --foreground: #000612e6;
-  --primary-cta: #0066cc;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #e30613;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #000612e6;
-  --accent: #c4c4c4;
+  --accent: #e2e2e2;
-  --background-accent: #e8e8e8;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);