Update theme colors

Merge version_6 into main

src/app/page.tsx

@@ -71,60 +71,45 @@ export default function HomePage() {
           brandName="Flux Watches"
           navItems={navItems}
           button={{
-            text: "Message on WhatsApp",
+            text: "Message on WhatsApp",            href: "https://wa.me/923000000000?text=Hi%20Flux%20Watches%20I'm%20interested%20in%20your%20pre-owned%20watches"
-            href: "https://wa.me/923000000000?text=Hi%20Flux%20Watches%20I'm%20interested%20in%20your%20pre-owned%20watches",
           }}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
-          title="Original Pre-Owned Watches"
+          title="Authentic Watches, Delivered Fast Across Pakistan"
-          description="100% Authentic Japanese Timepieces. Trusted Across Pakistan. Delivered to Your Door."
+          description="Experience the trust of 100% verified original timepieces with lightning-fast delivery to your door. No fakes, just genuine Japanese watches you can rely on."
           tag="⚡ Premium Quality"
           tagIcon={Sparkles}
           tagAnimation="blur-reveal"
           buttons={[
             {
-              text: "Shop Collection",
+              text: "Shop Collection",              href: "/shop"
-              href: "/shop",
             },
             {
-              text: "Message WhatsApp",
+              text: "Message WhatsApp",              href: "https://wa.me/923000000000?text=Hi%20I'd%20like%20to%20know%20about%20your%20watches"
-              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",
+              name: "Ahmed Hassan",              handle: "@customer_pk",              testimonial: "Received my Casio within 3 days. Exactly as advertised. Highly recommended!",              rating: 5,
-              handle: "@customer_pk",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-man-preparing-jogging_23-2148531016.jpg",              imageAlt: "Pakistani man happy customer portrait"
-              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",
             },
             {
-              name: "Fatima Khan",
+              name: "Fatima Khan",              handle: "@watch_lover",              testimonial: "Best pre-owned watch purchase ever. Original and working perfectly.",              rating: 5,
-              handle: "@watch_lover",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",              imageAlt: "Pakistani woman customer portrait happy"
-              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",
             },
             {
-              name: "Hassan Ali",
+              name: "Hassan Ali",              handle: "@trusted_buyer",              testimonial: "Cash on delivery made it so easy. Authentic Seiko at great price.",              rating: 5,
-              handle: "@trusted_buyer",
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-thumbs-up_1187-3144.jpg",              imageAlt: "Pakistani man satisfied customer portrait"
-              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",
             },
           ]}
           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"
         />
@@ -132,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}
@@ -143,58 +128,30 @@ export default function HomePage() {
           animationType="blur-reveal"
           products={[
             {
-              id: "casio-mq-white",
+              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"
-              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: "seiko-7s26-green",
+              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"
-              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: "telva-red-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"
-              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: "casio-blue-dial",
+              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"
-              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-chronograph",
+              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"
-              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-f84w",
+              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"
-              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",
             },
           ]}
           buttons={[
             {
-              text: "View All",
+              text: "View All",              href: "/shop"
-              href: "/shop",
+            },
+            {
+              text: "Shop Now",              href: "/shop"
             },
           ]}
           buttonAnimation="slide-up"
@@ -210,22 +167,16 @@ export default function HomePage() {
           animationType="scale-rotate"
           metrics={[
             {
-              id: "original",
+              id: "original",              icon: CheckCircle,
-              icon: CheckCircle,
+              title: "100% Original",              value: "Verified"
-              title: "100% Original",
-              value: "Verified",
             },
             {
-              id: "delivery",
+              id: "delivery",              icon: Truck,
-              icon: Truck,
+              title: "All Over Pakistan",              value: "Fast"
-              title: "All Over Pakistan",
-              value: "Fast",
             },
             {
-              id: "condition",
+              id: "condition",              icon: Zap,
-              icon: Zap,
+              title: "Perfect Condition",              value: "Working"
-              title: "Perfect Condition",
-              value: "Working",
             },
           ]}
         />
@@ -243,28 +194,13 @@ export default function HomePage() {
           tagAnimation="opacity"
           features={[
             {
-              id: "casio-variety",
+              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"
-              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: "seiko-premium",
+              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"
-              title: "Seiko Selection",
-              description: "Premium Japanese Seiko timepieces with steel bracelets",
-              tag: "Premium",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25611.jpg?_wi=1",
-              imageAlt: "Seiko Watch Selection",
             },
             {
-              id: "other-brands",
+              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"
-              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",
             },
           ]}
         />
@@ -277,13 +213,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Karachi Buyers",
+            "Karachi Buyers",            "Lahore Customers",            "Islamabad Orders",            "Multan Base",            "Peshawar Fans",            "Quetta Delivery",            "Faisalabad Support"
-            "Lahore Customers",
-            "Islamabad Orders",
-            "Multan Base",
-            "Peshawar Fans",
-            "Quetta Delivery",
-            "Faisalabad Support",
           ]}
           showCard={true}
         />
@@ -298,72 +228,39 @@ export default function HomePage() {
           animationType="blur-reveal"
           kpiItems={[
             {
-              value: "500+",
+              value: "500+",              label: "Happy Customers"
-              label: "Happy Customers",
             },
             {
-              value: "100%",
+              value: "100%",              label: "Authentic"
-              label: "Authentic",
             },
             {
-              value: "3-5",
+              value: "3-5",              label: "Days Delivery"
-              label: "Days Delivery",
             },
           ]}
           testimonials={[
             {
-              id: "review-1",
+              id: "review-1",              name: "Muhammad Hassan",              role: "Verified Buyer",              company: "Karachi",              rating: 5,
-              name: "Muhammad Hassan",
+              imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-working-as-nurse_23-2151061623.jpg?_wi=1",              imageAlt: "Pakistani professional man portrait headshot"
-              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",
             },
             {
-              id: "review-2",
+              id: "review-2",              name: "Ayesha Khan",              role: "Verified Buyer",              company: "Lahore",              rating: 5,
-              name: "Ayesha Khan",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",              imageAlt: "Pakistani professional woman portrait headshot"
-              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",
             },
             {
-              id: "review-3",
+              id: "review-3",              name: "Ali Raza",              role: "Verified Buyer",              company: "Islamabad",              rating: 5,
-              name: "Ali Raza",
+              imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-front-view_23-2149915914.jpg?_wi=1",              imageAlt: "Pakistani man customer portrait professional"
-              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",
             },
             {
-              id: "review-4",
+              id: "review-4",              name: "Sara Ahmed",              role: "Verified Buyer",              company: "Multan",              rating: 5,
-              name: "Sara Ahmed",
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-ethnic-executive-woman-looking-camera_1098-20037.jpg?_wi=1",              imageAlt: "Pakistani woman customer portrait professional"
-              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",
             },
             {
-              id: "review-5",
+              id: "review-5",              name: "Hassan Malik",              role: "Verified Buyer",              company: "Peshawar",              rating: 5,
-              name: "Hassan Malik",
+              imageSrc: "http://img.b2bpic.net/free-vector/colored-background-man-laughing_23-2147631736.jpg?_wi=1",              imageAlt: "Pakistani professional man portrait smiling"
-              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",
             },
             {
-              id: "review-6",
+              id: "review-6",              name: "Fatima Ali",              role: "Verified Buyer",              company: "Faisalabad",              rating: 5,
-              name: "Fatima Ali",
+              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"
-              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",
             },
           ]}
         />
@@ -378,40 +275,27 @@ export default function HomePage() {
           textPosition="left"
           faqs={[
             {
-              id: "faq-1",
+              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."
-              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",
+              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."
-              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",
+              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."
-              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",
+              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."
-              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",
+              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."
-              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",
+              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."
-              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",
+              text: "Message on WhatsApp",              href: "https://wa.me/923000000000?text=Hi%20I%20have%20a%20question%20about%20your%20watches"
-              href: "https://wa.me/923000000000?text=Hi%20I%20have%20a%20question%20about%20your%20watches",
             },
           ]}
         />
@@ -426,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>

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);