From b1b7f4e35636002a6d39c84d55463e9fb266808d Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 15 Mar 2026 17:39:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 113 +++++++++++++++++++++++++++++++---------------- 1 file changed, 75 insertions(+), 38 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index bf80119..3cc02cf 100644 --- a/src/app/page.tsx +++ b/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" + }} /> @@ -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" /> @@ -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" + }, ]} /> @@ -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" + }, ]} /> @@ -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} /> @@ -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" + }, ]} /> @@ -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" + }, ]} /> -- 2.49.1