Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-21 15:19:12 +00:00

View File

@@ -19,398 +19,170 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Catalog",
id: "products",
},
{
name: "How it Works",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="WatchTrade"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Catalog", id: "products" },
{ name: "How it Works", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="WatchTrade"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Trade Timepieces With Confidence"
description="The ultimate marketplace for trading, buying, and selling luxury watches. Authenticated, secure, and built for true watch enthusiasts."
buttons={[
{
text: "Explore Catalog",
href: "#products",
},
{
text: "Trade In",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg?_wi=1"
showDimOverlay={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg",
alt: "Still life of tech device",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg",
alt: "Close up on clock with time change",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg",
alt: "Businessman looking at his watch closeup",
},
{
src: "http://img.b2bpic.net/free-photo/gray-scale-shot-black-watch_181624-422.jpg",
alt: "Gray scale shot of a black watch",
},
{
src: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17255.jpg",
alt: "Minimalist tech setup with smartwatch",
},
]}
avatarText="Trusted by 10,000+ collectors"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Trade Timepieces With Confidence"
description="The ultimate marketplace for trading, buying, and selling luxury watches. Authenticated, secure, and built for true watch enthusiasts."
buttons={[{ text: "Explore Catalog", href: "#products" }, { text: "Trade In", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg"
showDimOverlay={true}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg", alt: "Still life of tech device" },
{ src: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241139.jpg", alt: "Close up on clock with time change" },
{ src: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", alt: "Businessman looking at his watch closeup" },
{ src: "http://img.b2bpic.net/free-photo/gray-scale-shot-black-watch_181624-422.jpg", alt: "Gray scale shot of a black watch" },
{ src: "http://img.b2bpic.net/free-photo/minimalist-tech-setup-with-smartwatch_58702-17255.jpg", alt: "Minimalist tech setup with smartwatch" },
]}
avatarText="Trusted by 10,000+ collectors"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Community for Collectors"
description="We believe every watch has a story. Whether you are upgrading your collection or trading a piece of history, we provide the platform to ensure authenticity and value."
bulletPoints={[
{
title: "Expert Authentication",
description: "Every traded watch is verified by our master watchmakers.",
},
{
title: "Secure Trading",
description: "Escrow-based payments ensure your funds and items are safe.",
},
{
title: "Global Community",
description: "Access a worldwide network of serious watch collectors.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg?_wi=1"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Community for Collectors"
description="We believe every watch has a story. Whether you are upgrading your collection or trading a piece of history, we provide the platform to ensure authenticity and value."
bulletPoints={[
{ title: "Expert Authentication", description: "Every traded watch is verified by our master watchmakers." },
{ title: "Secure Trading", description: "Escrow-based payments ensure your funds and items are safe." },
{ title: "Global Community", description: "Access a worldwide network of serious watch collectors." },
]}
imageSrc="http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "List Your Watch",
description: "High-quality photography and verification.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-s-hand-with-elegant-wristwatch-using-mobile-phone_23-2148190745.jpg?_wi=1",
titleImageSrc: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-by-table-cafe-analyzing-indicators-laptop-computer-while-using-wristwatch_171337-5602.jpg",
buttonText: "List Now",
},
{
title: "Get Verified",
description: "Our experts examine every detail for authenticity.",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-checking-smartwatch_23-2147800898.jpg?_wi=1",
titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg",
buttonText: "Learn More",
},
{
title: "Trade or Sell",
description: "Receive cash or trade against a new timepiece.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man-keeping-hand-trousers-pocket_1262-17294.jpg?_wi=1",
titleImageSrc: "http://img.b2bpic.net/free-photo/grunge-style-bank-vault_1048-13937.jpg",
buttonText: "Start Trade",
},
{
title: "Secure Shipping",
description: "Insured transit for your prized possession.",
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-office-desk-with-monitors-showing-time-headphones_181624-2984.jpg",
buttonText: "View Info",
},
]}
title="Seamless Trading Process"
description="We have simplified the complexity of luxury watch trading into four easy steps."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyNine
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{ title: "List Your Watch", description: "High-quality photography and verification.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-s-hand-with-elegant-wristwatch-using-mobile-phone_23-2148190745.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/cropped-image-businessman-sitting-by-table-cafe-analyzing-indicators-laptop-computer-while-using-wristwatch_171337-5602.jpg", buttonText: "List Now" },
{ title: "Get Verified", description: "Our experts examine every detail for authenticity.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-checking-smartwatch_23-2147800898.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg", buttonText: "Learn More" },
{ title: "Trade or Sell", description: "Receive cash or trade against a new timepiece.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man-keeping-hand-trousers-pocket_1262-17294.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/grunge-style-bank-vault_1048-13937.jpg", buttonText: "Start Trade" },
{ title: "Secure Shipping", description: "Insured transit for your prized possession.", imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-office-desk-with-monitors-showing-time-headphones_181624-2984.jpg", buttonText: "View Info" },
]}
title="Seamless Trading Process"
description="We have simplified the complexity of luxury watch trading into four easy steps."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Rolex",
name: "Submariner Date",
price: "$12,500",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg",
},
{
id: "p2",
brand: "Omega",
name: "Seamaster Aqua Terra",
price: "$5,200",
rating: 4,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg",
},
{
id: "p3",
brand: "Tag Heuer",
name: "Carrera Calibre",
price: "$3,800",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-handsome-model-man-casual-cloth-sunglasses-street_158538-13498.jpg",
},
{
id: "p4",
brand: "Cartier",
name: "Santos de Cartier",
price: "$7,100",
rating: 5,
reviewCount: "112",
imageSrc: "http://img.b2bpic.net/free-photo/bicycle-gears-floor_1170-2507.jpg",
},
{
id: "p5",
brand: "Breitling",
name: "Navitimer B01",
price: "$6,900",
rating: 5,
reviewCount: "77",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11462.jpg",
},
{
id: "p6",
brand: "Tudor",
name: "Black Bay Fifty-Eight",
price: "$3,400",
rating: 4,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-pocket-with-modern-elegant-wristwatch_1262-16910.jpg",
},
]}
title="Latest Arrivals"
description="Browse our curated selection of luxury watches, both brand new and certified pre-owned."
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="scale-rotate"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Rolex", name: "Submariner Date", price: "$12,500", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg" },
{ id: "p2", brand: "Omega", name: "Seamaster Aqua Terra", price: "$5,200", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/golden-cufflings-wedding-rings-watch-lie-wooden-table_8353-405.jpg" },
{ id: "p3", brand: "Tag Heuer", name: "Carrera Calibre", price: "$3,800", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-sexy-handsome-model-man-casual-cloth-sunglasses-street_158538-13498.jpg" },
{ id: "p4", brand: "Cartier", name: "Santos de Cartier", price: "$7,100", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/bicycle-gears-floor_1170-2507.jpg" },
{ id: "p5", brand: "Breitling", name: "Navitimer B01", price: "$6,900", rating: 5, reviewCount: "77", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11462.jpg" },
{ id: "p6", brand: "Tudor", name: "Black Bay Fifty-Eight", price: "$3,400", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-pocket-with-modern-elegant-wristwatch_1262-16910.jpg" },
]}
title="Latest Arrivals"
description="Browse our curated selection of luxury watches, both brand new and certified pre-owned."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Successful Trades",
description: "Watches moved to new homes.",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg",
},
{
id: "m2",
value: "500+",
title: "Verified Experts",
description: "Master watchmakers on staff.",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
},
{
id: "m3",
value: "99%",
title: "Customer Satisfaction",
description: "Rated by our global community.",
imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg",
},
]}
title="Trading Milestones"
description="Trust the platform powering thousands of successful watch trades globally."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "10k+", title: "Successful Trades", description: "Watches moved to new homes.", imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg" },
{ id: "m2", value: "500+", title: "Verified Experts", description: "Master watchmakers on staff.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" },
{ id: "m3", value: "99%", title: "Customer Satisfaction", description: "Rated by our global community.", imageSrc: "http://img.b2bpic.net/free-photo/empty-workspace-desktop-running-day-trading-stock-market-trends_482257-126997.jpg" },
]}
title="Trading Milestones"
description="Trust the platform powering thousands of successful watch trades globally."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex Rivet",
date: "Oct 2023",
title: "Rolex Enthusiast",
quote: "Trading my Submariner was seamless. The authentication process gave me peace of mind.",
tag: "Verified Trade",
avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-checking-time-wrist-watch_23-2147899840.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg?_wi=2",
imageAlt: "businessman wearing watch portrait",
},
{
id: "t2",
name: "Marcus Thorne",
date: "Nov 2023",
title: "Collector",
quote: "First time trading online and I couldn't be happier with the transparency.",
tag: "Verified Trade",
avatarSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-alarm-clock-shaving-brush-isolated-white-space-with-copy-space_141793-60410.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg?_wi=2",
imageAlt: "businessman wearing watch portrait",
},
{
id: "t3",
name: "Elena V.",
date: "Jan 2024",
title: "Modern Luxury",
quote: "Exceptional platform. Great variety and fast shipping.",
tag: "New Buyer",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-adorable-charming-brunette-with-red-lips-posing-camera-city-lovely-cute-lady-resting-outdoors_291650-2648.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-s-hand-with-elegant-wristwatch-using-mobile-phone_23-2148190745.jpg?_wi=2",
imageAlt: "businessman wearing watch portrait",
},
{
id: "t4",
name: "James L.",
date: "Feb 2024",
title: "Vintage Fan",
quote: "The condition of the watch was even better than described.",
tag: "Verified Trade",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-black-smartwatch_23-2147797005.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-checking-smartwatch_23-2147800898.jpg?_wi=2",
imageAlt: "businessman wearing watch portrait",
},
{
id: "t5",
name: "Sarah Miller",
date: "Mar 2024",
title: "Collector",
quote: "The experts are very responsive and truly knowledgeable about movements.",
tag: "Verified Trade",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-proposing-his-lover_23-2148060308.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man-keeping-hand-trousers-pocket_1262-17294.jpg?_wi=2",
imageAlt: "businessman wearing watch portrait",
},
]}
title="Collectors Feedback"
description="What our trading community has to say about their experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Alex Rivet", date: "Oct 2023", title: "Rolex Enthusiast", quote: "Trading my Submariner was seamless. The authentication process gave me peace of mind.", tag: "Verified Trade", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-checking-time-wrist-watch_23-2147899840.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg" },
{ id: "t2", name: "Marcus Thorne", date: "Nov 2023", title: "Collector", quote: "First time trading online and I couldn't be happier with the transparency.", tag: "Verified Trade", avatarSrc: "http://img.b2bpic.net/free-photo/young-annoyed-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-alarm-clock-shaving-brush-isolated-white-space-with-copy-space_141793-60410.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-holds-gold-watch_8353-10462.jpg" },
{ id: "t3", name: "Elena V.", date: "Jan 2024", title: "Modern Luxury", quote: "Exceptional platform. Great variety and fast shipping.", tag: "New Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-adorable-charming-brunette-with-red-lips-posing-camera-city-lovely-cute-lady-resting-outdoors_291650-2648.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businessman-s-hand-with-elegant-wristwatch-using-mobile-phone_23-2148190745.jpg" },
{ id: "t4", name: "James L.", date: "Feb 2024", title: "Vintage Fan", quote: "The condition of the watch was even better than described.", tag: "Verified Trade", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-black-smartwatch_23-2147797005.jpg", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-checking-smartwatch_23-2147800898.jpg" },
{ id: "t5", name: "Sarah Miller", date: "Mar 2024", title: "Collector", quote: "The experts are very responsive and truly knowledgeable about movements.", tag: "Verified Trade", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-proposing-his-lover_23-2148060308.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man-keeping-hand-trousers-pocket_1262-17294.jpg" },
]}
title="Collectors Feedback"
description="What our trading community has to say about their experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do you verify authenticity?",
content: "Every watch goes through a multi-point inspection by certified watchmakers.",
},
{
id: "f2",
title: "Can I trade multiple watches?",
content: "Yes, we handle bundle trades and trade-up scenarios.",
},
{
id: "f3",
title: "What payment methods are supported?",
content: "We support all major credit cards and secure bank transfers.",
},
{
id: "f4",
title: "Is insurance included?",
content: "Every trade is fully insured during transit, door-to-door.",
},
]}
title="Frequently Asked Questions"
description="Common questions about trading, shipping, and payments."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "How do you verify authenticity?", content: "Every watch goes through a multi-point inspection by certified watchmakers." },
{ id: "f2", title: "Can I trade multiple watches?", content: "Yes, we handle bundle trades and trade-up scenarios." },
{ id: "f3", title: "What payment methods are supported?", content: "We support all major credit cards and secure bank transfers." },
{ id: "f4", title: "Is insurance included?", content: "Every trade is fully insured during transit, door-to-door." },
]}
title="Frequently Asked Questions"
description="Common questions about trading, shipping, and payments."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Get in Touch"
title="Ready to Trade Your Watch?"
description="Submit your request today and one of our specialists will reach out to facilitate your trade."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Get in Touch"
title="Ready to Trade Your Watch?"
description="Submit your request today and one of our specialists will reach out to facilitate your trade."
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Platform",
items: [
{
label: "Trading",
href: "#",
},
{
label: "Verify",
href: "#",
},
{
label: "Community",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Terms of Use",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Shipping Policy",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 WatchTrade. All rights reserved."
bottomRightText="Built for collectors."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Platform", items: [{ label: "Trading", href: "#" }, { label: "Verify", href: "#" }, { label: "Community", href: "#" }],
},
{
title: "Legal", items: [{ label: "Terms of Use", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Shipping Policy", href: "#" }],
},
]}
bottomLeftText="© 2024 WatchTrade. All rights reserved."
bottomRightText="Built for collectors."
/>
</div>
</ReactLenis>
</ThemeProvider>
);