Merge version_2 into main #1
256
src/app/page.tsx
256
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chronos Luxury"
|
||||
/>
|
||||
@@ -58,70 +50,38 @@ export default function LandingPage() {
|
||||
description="Exquisite craftsmanship meets modern design. Discover your next masterpiece."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alicem",
|
||||
testimonial: "The best watch I have ever owned, pure class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-relaxing-outdoors_23-2148731196.jpg",
|
||||
},
|
||||
name: "Alice M.", handle: "@alicem", testimonial: "The best watch I have ever owned, pure class.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-relaxing-outdoors_23-2148731196.jpg"},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "Exceptional build quality and elegant design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffe_23-2148968907.jpg",
|
||||
},
|
||||
name: "John D.", handle: "@johnd", testimonial: "Exceptional build quality and elegant design.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-coffe_23-2148968907.jpg"},
|
||||
{
|
||||
name: "Sophia L.",
|
||||
handle: "@sophial",
|
||||
testimonial: "Absolutely love the precision and look.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-laughing-young-relaxed-man-sitting-outdoors-vintage-circular-stairs_158595-3655.jpg",
|
||||
},
|
||||
name: "Sophia L.", handle: "@sophial", testimonial: "Absolutely love the precision and look.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-laughing-young-relaxed-man-sitting-outdoors-vintage-circular-stairs_158595-3655.jpg"},
|
||||
{
|
||||
name: "Michael B.",
|
||||
handle: "@michaelb",
|
||||
testimonial: "A masterpiece of engineering and style.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg",
|
||||
},
|
||||
name: "Michael B.", handle: "@michaelb", testimonial: "A masterpiece of engineering and style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg"},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenar",
|
||||
testimonial: "Perfectly balanced elegance on my wrist.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-outdoors_23-2148926749.jpg",
|
||||
},
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Perfectly balanced elegance on my wrist.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-outdoors_23-2148926749.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-fastens-cufflink-his-business-suit_8353-11456.jpg"
|
||||
imageAlt="Luxury timepiece on wrist"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-young-woman-seaside_23-2148523906.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-young-woman-seaside_23-2148523906.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-leaning-wall_250224-223.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-leaning-wall_250224-223.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-woman-facing-sideways_23-2148248534.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shot-woman-facing-sideways_23-2148248534.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-young-girl-wear-leather-jacket-ripped-jeans-streets-city-street-fashion-model-style_627829-12227.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-young-girl-wear-leather-jacket-ripped-jeans-streets-city-street-fashion-model-style_627829-12227.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-lady-denim-olive-jacket-with-handbag-looking-away-outdoors-woman-with-short-hair-red-lips-glasses-poses-outside_197531-28003.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-lady-denim-olive-jacket-with-handbag-looking-away-outdoors-woman-with-short-hair-red-lips-glasses-poses-outside_197531-28003.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -131,9 +91,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Time"
|
||||
description={[
|
||||
"Founded on the principles of precision and heritage, our store bridges the gap between history and contemporary style.",
|
||||
"Each watch is hand-selected to meet our rigorous standards of quality and design excellence.",
|
||||
]}
|
||||
"Founded on the principles of precision and heritage, our store bridges the gap between history and contemporary style.", "Each watch is hand-selected to meet our rigorous standards of quality and design excellence."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,20 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Sapphire Glass",
|
||||
description: "Scratch-resistant surfaces for lasting clarity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looks-watch-his-hand_8353-10510.jpg",
|
||||
},
|
||||
title: "Sapphire Glass", description: "Scratch-resistant surfaces for lasting clarity.", imageSrc: "http://img.b2bpic.net/free-photo/man-looks-watch-his-hand_8353-10510.jpg"},
|
||||
{
|
||||
title: "Robust Durability",
|
||||
description: "Designed for performance and longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-workspace-woman-wearing-apron-making-belt-grounge-dark-stone-texture-background_1157-51595.jpg",
|
||||
},
|
||||
title: "Robust Durability", description: "Designed for performance and longevity.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-her-workspace-woman-wearing-apron-making-belt-grounge-dark-stone-texture-background_1157-51595.jpg"},
|
||||
{
|
||||
title: "Artisan Craft",
|
||||
description: "Each piece is crafted with extreme care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg",
|
||||
},
|
||||
title: "Artisan Craft", description: "Each piece is crafted with extreme care.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality components and meticulous attention to every detail."
|
||||
@@ -171,49 +120,21 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
cardNameClassName="font-bold text-xl text-primary uppercase tracking-widest"
|
||||
cardPriceClassName="font-extrabold text-2xl text-secondary"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Dresser",
|
||||
price: "$1,200",
|
||||
variant: "Silver/Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9450.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Dresser", price: "$1,200", variant: "Silver/Gold", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9450.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Diver Pro",
|
||||
price: "$1,850",
|
||||
variant: "Black/Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg",
|
||||
},
|
||||
id: "p2", name: "Diver Pro", price: "$1,850", variant: "Black/Steel", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Gold",
|
||||
price: "$2,100",
|
||||
variant: "Rose Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg",
|
||||
},
|
||||
id: "p3", name: "Classic Gold", price: "$2,100", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-with-silver-golden-chain-isolated_181624-27080.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Swiss Executive",
|
||||
price: "$2,950",
|
||||
variant: "Blue Dial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg",
|
||||
},
|
||||
id: "p4", name: "Swiss Executive", price: "$2,950", variant: "Blue Dial", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-man-wearing-suit-more-precisely-his-hands-ring-wristwatch_181624-23031.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Limited Edition",
|
||||
price: "$5,400",
|
||||
variant: "Tourbillon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg",
|
||||
},
|
||||
id: "p5", name: "Limited Edition", price: "$5,400", variant: "Tourbillon", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-manufacturing-clothes_23-2149007417.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Heritage Gold",
|
||||
price: "$3,200",
|
||||
variant: "Classic Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-girly-arrangement_23-2148229314.jpg",
|
||||
},
|
||||
id: "p6", name: "Heritage Gold", price: "$3,200", variant: "Classic Leather", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vintage-girly-arrangement_23-2148229314.jpg"},
|
||||
]}
|
||||
title="The Current Collection"
|
||||
description="Explore our curated selection of fine watches."
|
||||
@@ -227,26 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Customers",
|
||||
description: "Join our growing community.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Happy Customers", description: "Join our growing community.", imageSrc: "http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Watch Models",
|
||||
description: "Diverse collection for every style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-through-stores-window_329181-20476.jpg",
|
||||
},
|
||||
id: "m2", value: "50+", title: "Watch Models", description: "Diverse collection for every style.", imageSrc: "http://img.b2bpic.net/free-photo/couple-looking-through-stores-window_329181-20476.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5+",
|
||||
title: "Global Awards",
|
||||
description: "Award-winning commitment to quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
|
||||
},
|
||||
id: "m3", value: "5+", title: "Global Awards", description: "Award-winning commitment to quality.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg"},
|
||||
]}
|
||||
title="Excellence in Figures"
|
||||
description="Trusted by enthusiasts worldwide."
|
||||
@@ -260,40 +166,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
testimonial: "Beautifully crafted and incredibly reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-with-tattoos-arms-dressed-red-christmas-pants-using-tablet-pc-room-with-loft-interior_613910-14658.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "CEO", testimonial: "Beautifully crafted and incredibly reliable.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-male-with-tattoos-arms-dressed-red-christmas-pants-using-tablet-pc-room-with-loft-interior_613910-14658.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Evans",
|
||||
role: "Collector",
|
||||
testimonial: "A true piece of art on my wrist every single day.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-with-big-smile_1153-10.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Evans", role: "Collector", testimonial: "A true piece of art on my wrist every single day.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-phone-with-big-smile_1153-10.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jenny Lee",
|
||||
role: "Architect",
|
||||
testimonial: "The precision and quality are simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8096.jpg",
|
||||
},
|
||||
id: "t3", name: "Jenny Lee", role: "Architect", testimonial: "The precision and quality are simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-wear-jeans-jacket-posed-street_627829-8096.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Paul Reed",
|
||||
role: "Designer",
|
||||
testimonial: "Exceptional customer service and quick delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-park-full-flowers-with-huge-afro-hair-contour-sunlight-watching-aside-cinema-film-colors_633478-451.jpg",
|
||||
},
|
||||
id: "t4", name: "Paul Reed", role: "Designer", testimonial: "Exceptional customer service and quick delivery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mixed-race-black-woman-park-full-flowers-with-huge-afro-hair-contour-sunlight-watching-aside-cinema-film-colors_633478-451.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Lisa Wang",
|
||||
role: "Director",
|
||||
testimonial: "Timeless aesthetics, I get compliments constantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296636.jpg",
|
||||
},
|
||||
id: "t5", name: "Lisa Wang", role: "Director", testimonial: "Timeless aesthetics, I get compliments constantly.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors_23-2150296636.jpg"},
|
||||
]}
|
||||
title="Collector Feedback"
|
||||
description="Hear what our enthusiasts have to say."
|
||||
@@ -306,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the warranty period?",
|
||||
content: "All watches include a 24-month warranty.",
|
||||
},
|
||||
id: "f1", title: "What is the warranty period?", content: "All watches include a 24-month warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I care for my watch?",
|
||||
content: "Avoid water if it's not rated for immersion and clean with a dry cloth.",
|
||||
},
|
||||
id: "f2", title: "How do I care for my watch?", content: "Avoid water if it's not rated for immersion and clean with a dry cloth."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship globally with express delivery.",
|
||||
},
|
||||
id: "f3", title: "Do you ship internationally?", content: "Yes, we ship globally with express delivery."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find everything you need to know about our luxury timepieces."
|
||||
@@ -331,16 +203,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Inquiry"
|
||||
title="Interested in a specific piece?"
|
||||
description="Contact our experts for personalized recommendations and consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -351,42 +220,27 @@ export default function LandingPage() {
|
||||
logoText="Chronos Luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Watches",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Watches", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -395,4 +249,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user