Merge version_2 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "features",
|
||||
},
|
||||
name: "Why Us", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LuxeTime"
|
||||
/>
|
||||
@@ -60,67 +50,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Elegance, Verified Quality."
|
||||
description="Discover our curated collection of certified pre-owned luxury watches. Authentic, refined, and ready for your wrist."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
|
||||
imageAlt="Luxury timepiece on a velvet display"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chic-handsome-african-american-man-white-suit-sitting-bench-close-up-photo-golden-watches-hand_627829-1560.jpg",
|
||||
alt: "Customer wearing gold watch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chic-handsome-african-american-man-white-suit-sitting-bench-close-up-photo-golden-watches-hand_627829-1560.jpg", alt: "Customer wearing gold watch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg",
|
||||
alt: "Business professional with luxury accessory",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", alt: "Business professional with luxury accessory"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9450.jpg",
|
||||
alt: "Fashion model in watch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9450.jpg", alt: "Fashion model in watch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9456.jpg",
|
||||
alt: "Casual chic man wearing watch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9456.jpg", alt: "Casual chic man wearing watch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9453.jpg",
|
||||
alt: "Style detail shot of watch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9453.jpg", alt: "Style detail shot of watch"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ collectors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Authentic",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Certified Authentic", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Express Shipping",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "Free Express Shipping", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "12-Month Warranty",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "12-Month Warranty", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "Premium Support", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Easy Returns",
|
||||
icon: RotateCcw,
|
||||
type: "text-icon", text: "Easy Returns", icon: RotateCcw,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -131,18 +98,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Standard of ",
|
||||
},
|
||||
type: "text", content: "The Standard of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-seller-s-hands-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20850.jpg",
|
||||
alt: "Luxury watches display",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-seller-s-hands-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20850.jpg", alt: "Luxury watches display"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Excellence.",
|
||||
},
|
||||
type: "text", content: " Excellence."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -153,26 +113,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Authenticity",
|
||||
title: "100% Certified",
|
||||
subtitle: "Verified by experts",
|
||||
description: "Every watch goes through rigorous authentication to ensure you get only the genuine deal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/clock-icon-set_1284-5001.jpg",
|
||||
},
|
||||
tag: "Authenticity", title: "100% Certified", subtitle: "Verified by experts", description: "Every watch goes through rigorous authentication to ensure you get only the genuine deal.", imageSrc: "http://img.b2bpic.net/free-vector/clock-icon-set_1284-5001.jpg"},
|
||||
{
|
||||
tag: "Secure",
|
||||
title: "Insured Shipping",
|
||||
subtitle: "Delivered with care",
|
||||
description: "Your luxury timepiece is fully insured during shipping, ensuring peace of mind upon arrival.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/20-delivery-logistic-outline-icon-presentation-vector-line-icons-illustration_1142-16611.jpg",
|
||||
},
|
||||
tag: "Secure", title: "Insured Shipping", subtitle: "Delivered with care", description: "Your luxury timepiece is fully insured during shipping, ensuring peace of mind upon arrival.", imageSrc: "http://img.b2bpic.net/free-vector/20-delivery-logistic-outline-icon-presentation-vector-line-icons-illustration_1142-16611.jpg"},
|
||||
{
|
||||
tag: "Expertise",
|
||||
title: "Personalized Care",
|
||||
subtitle: "Dedicated support",
|
||||
description: "Our experts are available to guide you through selecting the perfect addition to your collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-evaluation-feedback-smiley-emoticons_53876-125543.jpg",
|
||||
},
|
||||
tag: "Expertise", title: "Personalized Care", subtitle: "Dedicated support", description: "Our experts are available to guide you through selecting the perfect addition to your collection.", imageSrc: "http://img.b2bpic.net/free-photo/customer-evaluation-feedback-smiley-emoticons_53876-125543.jpg"},
|
||||
]}
|
||||
title="Why Choose LuxeTime?"
|
||||
description="We ensure every watch meets the highest standards of luxury and precision."
|
||||
@@ -187,47 +132,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Rolex Submariner",
|
||||
price: "$12,500",
|
||||
variant: "Stainless Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-smartwatch_23-2147800900.jpg",
|
||||
},
|
||||
id: "p1", name: "Rolex Submariner", price: "$12,500", variant: "Stainless Steel", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-using-smartwatch_23-2147800900.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Patek Philippe Nautilus",
|
||||
price: "$85,000",
|
||||
variant: "18k Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
|
||||
},
|
||||
id: "p2", name: "Patek Philippe Nautilus", price: "$85,000", variant: "18k Gold", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Audemars Piguet Royal Oak",
|
||||
price: "$45,000",
|
||||
variant: "Automatic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg",
|
||||
},
|
||||
id: "p3", name: "Audemars Piguet Royal Oak", price: "$45,000", variant: "Automatic", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11470.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Omega Seamaster",
|
||||
price: "$6,200",
|
||||
variant: "Ceramic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-clock-outdoors-still-life_23-2150436125.jpg",
|
||||
},
|
||||
id: "p4", name: "Omega Seamaster", price: "$6,200", variant: "Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/square-clock-outdoors-still-life_23-2150436125.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cartier Santos",
|
||||
price: "$8,900",
|
||||
variant: "Square",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg",
|
||||
},
|
||||
id: "p5", name: "Cartier Santos", price: "$8,900", variant: "Square", imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hublot Big Bang",
|
||||
price: "$15,200",
|
||||
variant: "Titanium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
|
||||
},
|
||||
id: "p6", name: "Hublot Big Bang", price: "$15,200", variant: "Titanium", imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our latest selection of handpicked luxury timepieces."
|
||||
@@ -241,26 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Watches Sold",
|
||||
description: "Global reach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-looking-watch-his-wrist_8353-11434.jpg",
|
||||
},
|
||||
id: "m1", value: "500+", title: "Watches Sold", description: "Global reach", imageSrc: "http://img.b2bpic.net/free-photo/man-is-looking-watch-his-wrist_8353-11434.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Authenticity Rate",
|
||||
description: "No compromises",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-mobile-phone-shiny-pushing-professional_1134-1094.jpg",
|
||||
},
|
||||
id: "m2", value: "100%", title: "Authenticity Rate", description: "No compromises", imageSrc: "http://img.b2bpic.net/free-photo/wrench-mobile-phone-shiny-pushing-professional_1134-1094.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Client Rating",
|
||||
description: "Highly satisfied",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-checking-time-his-wrist-watch_1303-13984.jpg",
|
||||
},
|
||||
id: "m3", value: "4.9/5", title: "Client Rating", description: "Highly satisfied", imageSrc: "http://img.b2bpic.net/free-photo/groom-checking-time-his-wrist-watch_1303-13984.jpg"},
|
||||
]}
|
||||
title="Built on Trust"
|
||||
description="The numbers behind our reputation."
|
||||
@@ -272,30 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
|
||||
},
|
||||
id: "1", name: "James R.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-young-woman-lifestyle-blogger-recording-video-her-room-sitting_1258-254222.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-beautiful-young-woman-lifestyle-blogger-recording-video-her-room-sitting_1258-254222.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg",
|
||||
},
|
||||
id: "3", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-leader-showing-statistics_1262-2964.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
id: "4", name: "Elena V.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-elegant-eye-glasses-looking-window_1098-17205.jpg",
|
||||
},
|
||||
id: "5", name: "David B.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-elegant-eye-glasses-looking-window_1098-17205.jpg"},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -309,20 +194,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are all watches authentic?",
|
||||
content: "Yes, every watch is professionally authenticated before reaching our inventory.",
|
||||
},
|
||||
id: "f1", title: "Are all watches authentic?", content: "Yes, every watch is professionally authenticated before reaching our inventory."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer warranty?",
|
||||
content: "We offer a 12-month mechanical warranty on every timepiece.",
|
||||
},
|
||||
id: "f2", title: "Do you offer warranty?", content: "We offer a 12-month mechanical warranty on every timepiece."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I return my watch?",
|
||||
content: "Yes, we have a 14-day hassle-free return policy if you are not fully satisfied.",
|
||||
},
|
||||
id: "f3", title: "What financing options are available?", content: "We partner with Klarna and Affirm to provide flexible monthly installment plans tailored to your budget."},
|
||||
{
|
||||
id: "f4", title: "What is your international shipping policy?", content: "We offer worldwide insured shipping via FedEx. Duties and taxes are calculated at checkout based on your destination country."},
|
||||
{
|
||||
id: "f5", title: "What maintenance services do you provide?", content: "We provide comprehensive servicing, including movement cleaning, water-resistance testing, and polishing services performed by certified watchmakers."},
|
||||
{
|
||||
id: "f6", title: "Can I return my watch?", content: "Yes, we have a 14-day hassle-free return policy if you are not fully satisfied."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers for our discerning collectors."
|
||||
@@ -334,14 +216,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to own your next watch? Reach out to our experts today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@luxetime.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@luxetime.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,29 +231,19 @@ export default function LandingPage() {
|
||||
logoText="LuxeTime"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Shop Watches",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop Watches", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -383,4 +252,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user