5 Commits

Author SHA1 Message Date
2b650884b8 Update theme colors 2026-03-15 17:42:32 +00:00
b1b7f4e356 Update src/app/page.tsx 2026-03-15 17:39:52 +00:00
8764331827 Merge version_6 into main
Merge version_6 into main
2026-03-15 17:33:28 +00:00
dcc089f7b4 Update src/app/page.tsx 2026-03-15 17:33:24 +00:00
dc51c1a104 Merge version_5 into main
Merge version_5 into main
2026-03-15 17:31:38 +00:00
2 changed files with 83 additions and 46 deletions

View File

@@ -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,23 +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"},
text: "Shop Now", href: "/shop"
},
]}
buttonAnimation="slide-up"
/>
@@ -154,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>
@@ -177,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>
@@ -193,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>
@@ -207,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>
@@ -245,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."},
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>

View File

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