|
|
|
|
@@ -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 (
|
|
|
|
|
@@ -40,52 +41,38 @@ 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 Original Collection", href: "#products" },
|
|
|
|
|
{ text: "Shop Verified Originals Now", 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>
|
|
|
|
|
|
|
|
|
|
@@ -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"
|
|
|
|
|
@@ -216,7 +203,7 @@ export default function LandingPage() {
|
|
|
|
|
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."
|
|
|
|
|
|
