Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3cbb392481 | |||
| 2b650884b8 | |||
| c3645cbe61 | |||
| b1b7f4e356 | |||
| 8764331827 | |||
| dcc089f7b4 | |||
| dc51c1a104 |
115
src/app/page.tsx
115
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,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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user