|
|
|
|
@@ -2,7 +2,8 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
|
|
|
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
|
|
|
|
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
|
|
|
|
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
|
|
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
|
|
|
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
|
|
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
|
|
|
@@ -10,7 +11,7 @@ import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwe
|
|
|
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
|
|
|
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
|
|
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
|
|
|
import { CheckCircle, Clock, Heart, Shield, Sparkles, Watch } from "lucide-react";
|
|
|
|
|
import { CheckCircle, Clock, Heart, Shield, Sparkles, Watch, ShoppingCart } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -28,7 +29,7 @@ export default function LandingPage() {
|
|
|
|
|
>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
<NavbarLayoutFloatingOverlay
|
|
|
|
|
brandName="Musa Watches"
|
|
|
|
|
brandName="Webild"
|
|
|
|
|
navItems={[
|
|
|
|
|
{ name: "Shop Original", id: "shop-original" },
|
|
|
|
|
{ name: "Replicas", id: "shop-replicas" },
|
|
|
|
|
@@ -40,72 +41,58 @@ export default function LandingPage() {
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroSplitTestimonial
|
|
|
|
|
<div id="hero-kpi" data-section="hero-kpi">
|
|
|
|
|
<HeroSplitKpi
|
|
|
|
|
title="Luxury Timepieces at Honest Prices"
|
|
|
|
|
description="Experience premium watches with 1-year warranty, 2-day delivery across Pakistan & UAE, and 100% original authenticity guaranteed. Your trust is our priority."
|
|
|
|
|
description="Experience premium watches with 1-year warranty, 2-day delivery across Pakistan & UAE, and 100% original authenticity guaranteed."
|
|
|
|
|
tag="Luxury Watches Pakistan"
|
|
|
|
|
tagIcon={Watch}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Shop Verified Originals Now", href: "#products" },
|
|
|
|
|
{ text: "Browse Verified Watches", href: "#products" },
|
|
|
|
|
{ text: "Explore Replicas", href: "#replicas" }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-black-watch-wrist-man-sitting-car_181624-58251.jpg"
|
|
|
|
|
imageAlt="Premium luxury watch collection"
|
|
|
|
|
videoSrc="http://img.b2bpic.net/free-photo/cooking-vlogger_23-2148161768.jpg"
|
|
|
|
|
videoAriaLabel="Musa Watches product showcase video"
|
|
|
|
|
kpis={[
|
|
|
|
|
{ label: "Customer Satisfaction", value: "98%" },
|
|
|
|
|
{ label: "Fast Delivery", value: "2 Days" },
|
|
|
|
|
{ label: "Happy Customers", value: "42.5K+" }
|
|
|
|
|
]}
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
testimonials={[
|
|
|
|
|
{
|
|
|
|
|
name: "Ahmed Hassan", handle: "@karachi.luxury", testimonial: "Received my Michael Kors watch in 2 days. Absolutely perfect quality and the packaging felt premium. Highly recommend!", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg", imageAlt: "Ahmed Hassan testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Zainab Khan", handle: "@lahore.watches", testimonial: "Best warranty service I've experienced. Quick replacement and zero hassles. Musa Watches delivers on their promises.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", imageAlt: "Zainab Khan testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Hassan Ali", handle: "@dubai.timepieces", testimonial: "International delivery was seamless. The watch arrived safely and looks exactly like the photos. Very satisfied customer here.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumb-up_141793-121243.jpg", imageAlt: "Hassan Ali testimonial"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "Fatima Malik", handle: "@islamabad.style", testimonial: "The attention to detail is incredible. Premium packaging, fast shipping, and amazing customer service. Worth every penny.", rating: 5,
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", imageAlt: "Fatima Malik testimonial"
|
|
|
|
|
}
|
|
|
|
|
enableKpiAnimation={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero-logo" data-section="hero-logo">
|
|
|
|
|
<HeroLogoBillboard
|
|
|
|
|
logoText="Trusted Luxury Brands"
|
|
|
|
|
description="Featuring the world's most sought-after luxury timepieces"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Shop Now", href: "#products" }
|
|
|
|
|
]}
|
|
|
|
|
testimonialRotationInterval={5000}
|
|
|
|
|
avatars={[
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/business-woman-with-glasses-smiling_23-2148053687.jpg", alt: "Ahmed Hassan" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Zainab Khan" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-showing-thumb-up_141793-121243.jpg", alt: "Hassan Ali" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/bearded-man-wearing-white-shirt-looking-smiling-showing-thumbs-up-standing-blue-wall_141793-55879.jpg", alt: "Fatima Malik" }
|
|
|
|
|
]}
|
|
|
|
|
avatarText="Join 42.5K+ happy customers across Pakistan & UAE"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="trust-metrics" data-section="trust-metrics">
|
|
|
|
|
<MetricCardTen
|
|
|
|
|
title="Why Musa Watches Stands Out"
|
|
|
|
|
title="Why Webild Stands Out"
|
|
|
|
|
description="Trusted by thousands across Pakistan and UAE for authentic luxury, exceptional service, and transparent operations since 2005."
|
|
|
|
|
tag="Our Commitment"
|
|
|
|
|
tagIcon={Shield}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
metrics={[
|
|
|
|
|
{
|
|
|
|
|
id: "warranty", title: "1-Year Warranty", subtitle: "Full replacement guarantee", category: "Service", value: "100%", buttons: [{ text: "Learn More", href: "#warranty" }]
|
|
|
|
|
id: "original", title: "100% Original Guarantee", subtitle: "Verified authenticity", category: "Product", value: "100%", buttons: [{ text: "Learn More", href: "#warranty" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "warranty", title: "1-Year Warranty", subtitle: "Full replacement guarantee", category: "Service", value: "100%"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "delivery", title: "2-Day Delivery", subtitle: "Across Pakistan & UAE", category: "Shipping", value: "Fast"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "original", title: "Original Quality", subtitle: "Verified authenticity", category: "Product", value: "100%"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "customers", title: "42,500+ Followers", subtitle: "Active community trust", category: "Community", value: "42.5K"
|
|
|
|
|
}
|
|
|
|
|
@@ -130,13 +117,13 @@ export default function LandingPage() {
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
products={[
|
|
|
|
|
{
|
|
|
|
|
id: "mk-9083-gold", name: "Michael Kors MK9083 Gold", price: "₨18,500", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg", imageAlt: "Michael Kors MK9083 Gold luxury watch"
|
|
|
|
|
id: "mk-9083-gold", name: "Michael Kors MK9083 Gold", price: "₨18,500", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-pijgcqie.png", imageAlt: "Michael Kors MK9083 Gold luxury watch", onProductClick: () => console.log("Product clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "mk-9082-blue", name: "Michael Kors MK9082 Blue", price: "₨17,800", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", imageAlt: "Michael Kors MK9082 Blue watch"
|
|
|
|
|
id: "mk-9082-blue", name: "Michael Kors MK9082 Blue", price: "₨17,800", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-dg7jn7fd.png", imageAlt: "Michael Kors MK9082 Blue watch", onProductClick: () => console.log("Product clicked")
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "super-clone-gmt", name: "Super Clone GMT Master II", price: "₨22,900", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-wrist-watch_23-2147689274.jpg", imageAlt: "Premium super clone GMT watch"
|
|
|
|
|
id: "super-clone-gmt", name: "Super Clone GMT Master II", price: "₨22,900", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArZchIApxcVpfImnAbjJ0y3n5f/uploaded-1773692355224-7ezctuir.png", imageAlt: "Premium super clone GMT watch", onProductClick: () => console.log("Product clicked")
|
|
|
|
|
}
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
@@ -152,12 +139,12 @@ export default function LandingPage() {
|
|
|
|
|
tag="Est. 2005"
|
|
|
|
|
tagIcon={Clock}
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
title="Musa Watches: 19 Years of Excellence"
|
|
|
|
|
title="Webild: 19 Years of Excellence"
|
|
|
|
|
description="Since 2005, we've been Pakistan's trusted gateway to premium timepieces. From our roots in Karachi and Lahore, we've built a reputation on authenticity, service, and customer obsession."
|
|
|
|
|
subdescription="Every watch in our collection is carefully selected and tested. Every customer interaction is treated as a relationship, not a transaction. Your satisfaction isn't just our goal—it's our promise."
|
|
|
|
|
icon={Heart}
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12387.jpg"
|
|
|
|
|
imageAlt="Musa Watches premium packaging"
|
|
|
|
|
imageAlt="Webild premium packaging"
|
|
|
|
|
mediaAnimation="blur-reveal"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
@@ -193,7 +180,7 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFifteen
|
|
|
|
|
testimonial="Musa Watches has earned my complete trust. Fast delivery, premium quality, excellent warranty service, and genuinely caring customer support. They treat you like family, not just a transaction. Highly recommend to anyone looking for authentic luxury watches in Pakistan."
|
|
|
|
|
testimonial="Webild has earned my complete trust. Fast delivery, premium quality, excellent warranty service, and genuinely caring customer support. They treat you like family, not just a transaction. Highly recommend to anyone looking for authentic luxury watches in Pakistan."
|
|
|
|
|
rating={5}
|
|
|
|
|
author="Mohammed Akram - Karachi"
|
|
|
|
|
avatars={[
|
|
|
|
|
@@ -211,12 +198,12 @@ export default function LandingPage() {
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqSplitText
|
|
|
|
|
sideTitle="Frequently Asked Questions"
|
|
|
|
|
sideDescription="Everything you need to know about shopping with Musa Watches. Can't find your answer? Contact us via WhatsApp."
|
|
|
|
|
sideDescription="Everything you need to know about shopping with Webild. Can't find your answer? Contact us via WhatsApp."
|
|
|
|
|
buttons={[{ text: "Contact WhatsApp", href: "https://wa.me/923002346789" }]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
faqs={[
|
|
|
|
|
{
|
|
|
|
|
id: "faq-1", title: "How do I know if the watch is original?", content: "All our watches come with detailed authenticity verification. We provide certificates, serial number documentation, and 100% original guarantee. Your satisfaction is backed by our 1-year warranty."
|
|
|
|
|
id: "faq-1", title: "How do I know if the watch is original?", content: "Every watch includes authenticity documentation and serial verification. <a href=\"#warranty-guarantee\" class=\"underline font-semibold\">View our full authenticity guarantee</a> for detailed inspection criteria."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "faq-2", title: "What's the difference between Original and Replica?", content: "Originals are genuine brand watches directly from authorized sources. Replicas are high-quality timepieces inspired by luxury brands—same precision, excellent quality, at fraction of the price. Both categories include our full warranty."
|
|
|
|
|
@@ -244,8 +231,8 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBase
|
|
|
|
|
logoText="Musa Watches"
|
|
|
|
|
copyrightText="© 2005-2025 Musa Watches. All rights reserved. Established in Karachi, Pakistan."
|
|
|
|
|
logoText="Webild"
|
|
|
|
|
copyrightText="© 2005-2025 Webild. All rights reserved. Established in Karachi, Pakistan."
|
|
|
|
|
columns={[
|
|
|
|
|
{
|
|
|
|
|
title: "Shop", items: [
|
|
|
|
|
@@ -265,7 +252,7 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Company", items: [
|
|
|
|
|
{ label: "About Musa Watches", href: "#about" },
|
|
|
|
|
{ label: "About Webild", href: "#about" },
|
|
|
|
|
{ label: "Our Story", href: "#story" },
|
|
|
|
|
{ label: "Press & Media", href: "#press" },
|
|
|
|
|
{ label: "Contact Us", href: "#contact" }
|
|
|
|
|
@@ -273,7 +260,7 @@ export default function LandingPage() {
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Connect", items: [
|
|
|
|
|
{ label: "Instagram @musa_watxhes", href: "https://instagram.com/musa_watxhes" },
|
|
|
|
|
{ label: "Instagram @webild_watches", href: "https://instagram.com/webild_watches" },
|
|
|
|
|
{ label: "WhatsApp Chat", href: "https://wa.me/923002346789" },
|
|
|
|
|
{ label: "Karachi Store", href: "#location-karachi" },
|
|
|
|
|
{ label: "Lahore Store", href: "#location-lahore" }
|
|
|
|
|
@@ -284,4 +271,4 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
