Merge version_2 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -71,56 +71,35 @@ 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>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
title="Original Pre-Owned Watches"
|
||||
description="100% Authentic Japanese Timepieces. Trusted Across Pakistan. Delivered to Your Door."
|
||||
title="Authentic Watches, Delivered Fast Across Pakistan"
|
||||
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",
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
testimonialRotationInterval={6000}
|
||||
useInvertedBackground={false}
|
||||
@@ -143,59 +122,21 @@ 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: "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",
|
||||
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-1773595400989-4t2zuvqs.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-1773595400989-1qo0lzi2.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-1773595400989-gngalced.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: "http://img.b2bpic.net/free-photo/smartwatch-data-analytics-display_23-2151957123.jpg?_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: "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",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "View All", href: "/shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -210,23 +151,14 @@ export default function HomePage() {
|
||||
animationType="scale-rotate"
|
||||
metrics={[
|
||||
{
|
||||
id: "original",
|
||||
icon: CheckCircle,
|
||||
title: "100% Original",
|
||||
value: "Verified",
|
||||
},
|
||||
id: "original", icon: CheckCircle,
|
||||
title: "100% Original", value: "Verified"},
|
||||
{
|
||||
id: "delivery",
|
||||
icon: Truck,
|
||||
title: "All Over Pakistan",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "delivery", icon: Truck,
|
||||
title: "All Over Pakistan", value: "Fast"},
|
||||
{
|
||||
id: "condition",
|
||||
icon: Zap,
|
||||
title: "Perfect Condition",
|
||||
value: "Working",
|
||||
},
|
||||
id: "condition", icon: Zap,
|
||||
title: "Perfect Condition", value: "Working"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -243,29 +175,11 @@ 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: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17214.jpg?_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-businesman-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: "http://img.b2bpic.net/free-photo/handsome-businsman-summer-city_1157-25611.jpg?_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: "http://img.b2bpic.net/free-photo/person-sharing-feelings-emotions-therapy-session_23-2151073976.jpg?_wi=1", imageAlt: "Other Brand Watches"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,14 +191,7 @@ 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>
|
||||
@@ -298,73 +205,31 @@ 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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -378,41 +243,21 @@ 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>
|
||||
@@ -440,4 +285,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user