9 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
fe9186bb13 Update src/app/page.tsx 2026-03-15 17:31:34 +00:00
3ed36c712d Merge version_4 into main
Merge version_4 into main
2026-03-15 17:29:42 +00:00
7255b59f2b Update src/app/page.tsx 2026-03-15 17:29:38 +00:00
dbbd27b8cd Merge version_3 into main
Merge version_3 into main
2026-03-15 17:28:24 +00:00
2 changed files with 85 additions and 48 deletions

View File

@@ -71,7 +71,8 @@ export default function HomePage() {
brandName="Flux Watches" brandName="Flux Watches"
navItems={navItems} navItems={navItems}
button={{ 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> </div>
@@ -84,26 +85,31 @@ export default function HomePage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
buttons={[ 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" buttonAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "plain" }}
testimonials={[ testimonials={[
{ {
name: "Ahmed Hassan", handle: "@customer_pk", testimonial: "Received my Casio within 3 days. Exactly as advertised. Highly recommended!", rating: 5, 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, 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, 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} testimonialRotationInterval={6000}
useInvertedBackground={false} 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" imageAlt="Original Casio MQ Pre-Owned Watch"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
/> />
@@ -111,7 +117,7 @@ export default function HomePage() {
<div id="featured-products" data-section="featured-products"> <div id="featured-products" data-section="featured-products">
<ProductCardFour <ProductCardFour
title="Featured Watches" title="Best-Selling Originals Starting from RS 3,500"
description="Hand-selected original pre-owned timepieces in perfect working condition" description="Hand-selected original pre-owned timepieces in perfect working condition"
tag="🔥 Best Sellers" tag="🔥 Best Sellers"
tagIcon={TrendingUp} tagIcon={TrendingUp}
@@ -122,23 +128,31 @@ export default function HomePage() {
animationType="blur-reveal" animationType="blur-reveal"
products={[ 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={[ buttons={[
{ {
text: "View All", href: "/shop"}, text: "View All", href: "/shop"
},
{ {
text: "Shop Now", href: "/shop"}, text: "Shop Now", href: "/shop"
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -154,13 +168,16 @@ export default function HomePage() {
metrics={[ metrics={[
{ {
id: "original", icon: CheckCircle, id: "original", icon: CheckCircle,
title: "100% Original", value: "Verified"}, title: "100% Original", value: "Verified"
},
{ {
id: "delivery", icon: Truck, id: "delivery", icon: Truck,
title: "All Over Pakistan", value: "Fast"}, title: "All Over Pakistan", value: "Fast"
},
{ {
id: "condition", icon: Zap, id: "condition", icon: Zap,
title: "Perfect Condition", value: "Working"}, title: "Perfect Condition", value: "Working"
},
]} ]}
/> />
</div> </div>
@@ -177,11 +194,14 @@ export default function HomePage() {
tagAnimation="opacity" tagAnimation="opacity"
features={[ 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> </div>
@@ -193,7 +213,8 @@ export default function HomePage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ 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} showCard={true}
/> />
</div> </div>
@@ -207,31 +228,40 @@ export default function HomePage() {
animationType="blur-reveal" animationType="blur-reveal"
kpiItems={[ 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={[ testimonials={[
{ {
id: "review-1", name: "Muhammad Hassan", role: "Verified Buyer", company: "Karachi", rating: 5, 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, 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, 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, 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, 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, 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> </div>
@@ -245,21 +275,28 @@ export default function HomePage() {
textPosition="left" textPosition="left"
faqs={[ 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={[ 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> </div>
@@ -273,8 +310,8 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "plain" }}
useInvertedBackground={false} 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." termsText="By contacting us, you agree to our Terms and acknowledge our Privacy Policy."
/> />
</div> </div>

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */ --background-accent: #ffffff; */
--background: #ffffff; --background: #ffffff;
--card: #f5f5f5; --card: #f9f9f9;
--foreground: #1a1a1a; --foreground: #000612e6;
--primary-cta: #0066cc; --primary-cta: #15479c;
--primary-cta-text: #ffffff; --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 sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);