Merge version_1 into main #2
369
src/app/page.tsx
369
src/app/page.tsx
@@ -25,295 +25,96 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Chronos Luxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Chronos Luxury"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Timeless Precision"
|
||||
description="Discover our exclusive collection of luxury watches, curated for the modern connoisseur. Precision engineering meets unmatched elegance."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11456.jpg?_wi=1",
|
||||
imageAlt: "Watch Collection 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg?_wi=1",
|
||||
imageAlt: "Watch Collection 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-checking-her-watch_23-2149457699.jpg?_wi=1",
|
||||
imageAlt: "Watch Collection 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20937.jpg?_wi=1",
|
||||
imageAlt: "Watch Collection 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-wristwatch-with-accurate-minute-hand-detail-generated-by-ai_188544-27738.jpg?_wi=1",
|
||||
imageAlt: "Watch Collection 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-laptop_23-2148794634.jpg?_wi=1",
|
||||
imageAlt: "Watch Collection 6",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-laptop_23-2148794634.jpg?_wi=2",
|
||||
imageAlt: "Watch Detail 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-wristwatch-with-accurate-minute-hand-detail-generated-by-ai_188544-27738.jpg?_wi=2",
|
||||
imageAlt: "Watch Detail 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20937.jpg?_wi=2",
|
||||
imageAlt: "Watch Detail 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-checking-her-watch_23-2149457699.jpg?_wi=2",
|
||||
imageAlt: "Watch Detail 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg?_wi=2",
|
||||
imageAlt: "Watch Detail 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11456.jpg?_wi=2",
|
||||
imageAlt: "Watch Detail 6",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street_158538-14366.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-suit-checking-time-his-wristwatch-restaurant_23-2147876744.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ luxury collectors worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Swiss Precision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand-Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Limited Editions",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Precision"
|
||||
description="Discover our exclusive collection of luxury watches, curated for the modern connoisseur. Precision engineering meets unmatched elegance."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11456.jpg", imageAlt: "Watch Collection 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg", imageAlt: "Watch Collection 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-checking-her-watch_23-2149457699.jpg", imageAlt: "Watch Collection 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20937.jpg", imageAlt: "Watch Collection 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-wristwatch-with-accurate-minute-hand-detail-generated-by-ai_188544-27738.jpg", imageAlt: "Watch Collection 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-laptop_23-2148794634.jpg", imageAlt: "Watch Collection 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-laptop_23-2148794634.jpg", imageAlt: "Watch Detail 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-wristwatch-with-accurate-minute-hand-detail-generated-by-ai_188544-27738.jpg", imageAlt: "Watch Detail 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20937.jpg", imageAlt: "Watch Detail 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-checking-her-watch_23-2149457699.jpg", imageAlt: "Watch Detail 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg", imageAlt: "Watch Detail 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11456.jpg", imageAlt: "Watch Detail 6" }
|
||||
]}
|
||||
buttons={[{ text: "Shop Collection", href: "#products" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street_158538-14366.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-suit-checking-time-his-wristwatch-restaurant_23-2147876744.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ luxury collectors worldwide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chronos Gold Classic",
|
||||
price: "$1,250",
|
||||
variant: "Limited Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Silver Velocity Chronograph",
|
||||
price: "$2,400",
|
||||
variant: "Sport Edition",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Heritage Leather Elite",
|
||||
price: "$3,800",
|
||||
variant: "Classic Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Titanium Sport Master",
|
||||
price: "$5,200",
|
||||
variant: "Performance Line",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hand-watch-with-bstrap-reflective-surface_181624-58668.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rose Gold Automatic",
|
||||
price: "$7,500",
|
||||
variant: "Master Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-lights-isolated_181624-28442.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Midnight Obsidian Pro",
|
||||
price: "$9,900",
|
||||
variant: "Signature Line",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241145.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Luxury"
|
||||
description="Experience our latest selection of hand-crafted timepieces."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Curated Luxury"
|
||||
description="Experience our latest selection of hand-crafted timepieces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Arthur Sterling",
|
||||
handle: "@sterling_col",
|
||||
testimonial: "The precision and elegance of my new watch are unmatched. A truly remarkable find.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street_158538-14366.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Vance",
|
||||
handle: "@elena_v",
|
||||
testimonial: "Exquisite craftsmanship. The customer service was impeccable during the whole selection process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julian Thorne",
|
||||
handle: "@thorne_luxury",
|
||||
testimonial: "I have been a collector for years, and these timepieces are some of the finest I have ever acquired.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen_pro",
|
||||
testimonial: "Absolutely worth the investment. The details in the rose gold automatic are simply breathtaking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-checking-time-his-wristwatch-restaurant_23-2147876744.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sienna Miller",
|
||||
handle: "@sienna_m",
|
||||
testimonial: "My purchase arrived in perfect condition. It is a stunning piece that attracts compliments everywhere I go.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg",
|
||||
},
|
||||
]}
|
||||
title="Connoisseur Voices"
|
||||
description="Hear what our distinguished clients say about their experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="Connoisseur Voices"
|
||||
description="Hear what our distinguished clients say about their experience."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Arthur Sterling", handle: "@sterling_col", testimonial: "The precision and elegance of my new watch are unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street_158538-14366.jpg" },
|
||||
{ id: "2", name: "Elena Vance", handle: "@elena_v", testimonial: "Exquisite craftsmanship. The customer service was impeccable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
|
||||
{ id: "3", name: "Julian Thorne", handle: "@thorne_luxury", testimonial: "I have been a collector for years, these are among the finest.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "4", name: "Marcus Chen", handle: "@mchen_pro", testimonial: "Absolutely worth the investment. Details are breathtaking.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-checking-time-his-wristwatch-restaurant_23-2147876744.jpg" },
|
||||
{ id: "5", name: "Sienna Miller", handle: "@sienna_m", testimonial: "Stunning piece that attracts compliments everywhere I go.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Legacy"
|
||||
description="Excellence defined by decades of horological mastery and customer satisfaction."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50+",
|
||||
description: "Years of Craftsmanship",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "12k",
|
||||
description: "Watches Sold",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.9/5",
|
||||
description: "Client Rating",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "15",
|
||||
description: "Global Locations",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Inquire"
|
||||
title="Private Consultations"
|
||||
description="Schedule a private viewing or inquire about our high-tier collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Private Consultations"
|
||||
description="Schedule a private viewing or inquire about our high-tier collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Chronos Luxury"
|
||||
copyrightText="© 2025 Chronos Luxury Watches | All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Chronos Luxury"
|
||||
copyrightText="© 2025 Chronos Luxury Watches | All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user