Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6628c75b72 |
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Collection", id: "#products"},
|
||||
{
|
||||
name: "Craftsmanship",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Craftsmanship", id: "#about"},
|
||||
{
|
||||
name: "Our Values",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Our Values", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
]}
|
||||
brandName="Chronos Luxury"
|
||||
/>
|
||||
@@ -55,63 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Timeless Precision for Every Moment"
|
||||
description="Discover our collection of handcrafted, luxury timepieces designed to elevate your style. Precision engineering meets sophisticated design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
|
||||
imageAlt="Luxury timepiece on velvet background"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",
|
||||
alt: "Businessman checking time on hand watch",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg", alt: "Businessman checking time on hand watch"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241140.jpg",
|
||||
alt: "Close up on clock with time change",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241140.jpg", alt: "Close up on clock with time change"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
|
||||
alt: "Businessman looking at his watch closeup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg", alt: "Businessman looking at his watch closeup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg",
|
||||
alt: "Close up on clock with time change",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241141.jpg", alt: "Close up on clock with time change"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-wristwatch-against-orange-background_23-2148119655.jpg",
|
||||
alt: "Young man checking the time on his wristwatch against orange background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-wristwatch-against-orange-background_23-2148119655.jpg", alt: "Young man checking the time on his wristwatch against orange background"},
|
||||
]}
|
||||
avatarText="Trusted by over 15,000 collectors worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Swiss Made Excellence",
|
||||
},
|
||||
type: "text", text: "Swiss Made Excellence"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24-Month Warranty",
|
||||
},
|
||||
type: "text", text: "24-Month Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Insured Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Insured Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Precision",
|
||||
},
|
||||
type: "text", text: "Handcrafted Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 1985",
|
||||
},
|
||||
type: "text", text: "Since 1985"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,9 +90,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Craftsmanship"
|
||||
description={[
|
||||
"For over four decades, we have dedicated ourselves to the art of horology. Every timepiece is a testament to precision, passion, and perfection.",
|
||||
"Our master watchmakers meticulously assemble every component, ensuring that each watch is not merely an instrument of time, but a work of art.",
|
||||
]}
|
||||
"For over four decades, we have dedicated ourselves to the art of horology. Every timepiece is a testament to precision, passion, and perfection.", "Our master watchmakers meticulously assemble every component, ensuring that each watch is not merely an instrument of time, but a work of art."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,47 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Elegance",
|
||||
price: "$1,200",
|
||||
variant: "Stainless Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rehearsal-preparation-groom-s-watch-hand_8353-5810.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Elegance", price: "$1,200", variant: "Stainless Steel", imageSrc: "http://img.b2bpic.net/free-photo/rehearsal-preparation-groom-s-watch-hand_8353-5810.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Golden Era",
|
||||
price: "$1,850",
|
||||
variant: "18k Gold Plate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg",
|
||||
},
|
||||
id: "p2", name: "Golden Era", price: "$1,850", variant: "18k Gold Plate", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2271.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ocean Diver",
|
||||
price: "$950",
|
||||
variant: "Waterproof Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snowboarding-extreme-adrenaline-concept_343059-753.jpg",
|
||||
},
|
||||
id: "p3", name: "Ocean Diver", price: "$950", variant: "Waterproof Pro", imageSrc: "http://img.b2bpic.net/free-photo/snowboarding-extreme-adrenaline-concept_343059-753.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Heritage Chronograph",
|
||||
price: "$1,400",
|
||||
variant: "Vintage Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man-keeping-hand-trousers-pocket_1262-17294.jpg",
|
||||
},
|
||||
id: "p4", name: "Heritage Chronograph", price: "$1,400", variant: "Vintage Leather", imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man-keeping-hand-trousers-pocket_1262-17294.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Skeleton Automatik",
|
||||
price: "$2,200",
|
||||
variant: "Skeleton Dial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599396.jpg",
|
||||
},
|
||||
id: "p5", name: "Skeleton Automatik", price: "$2,200", variant: "Skeleton Dial", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599396.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Diamond Night",
|
||||
price: "$3,100",
|
||||
variant: "Diamond Accents",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg",
|
||||
},
|
||||
id: "p6", name: "Diamond Night", price: "$3,100", variant: "Diamond Accents", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-rich-african-man-with-watch-cufflinks_627829-3352.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Explore our handpicked range of modern and classic watches."
|
||||
@@ -189,29 +126,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sapphire Crystal",
|
||||
descriptions: [
|
||||
"Scratch-resistant glass for clarity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-repair-tools-technology_187299-46578.jpg",
|
||||
},
|
||||
id: "f1", title: "Sapphire Crystal", descriptions: [
|
||||
"Scratch-resistant glass for clarity"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-repair-tools-technology_187299-46578.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Swiss Caliber",
|
||||
descriptions: [
|
||||
"High-precision mechanical heartbeat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-hard-drive-cooling_1401-422.jpg",
|
||||
},
|
||||
id: "f2", title: "Swiss Caliber", descriptions: [
|
||||
"High-precision mechanical heartbeat"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/extreme-hard-drive-cooling_1401-422.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Water Resistance",
|
||||
descriptions: [
|
||||
"Tested to 100 meters depth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-checking-watch_23-2148482704.jpg",
|
||||
},
|
||||
id: "f3", title: "Water Resistance", descriptions: [
|
||||
"Tested to 100 meters depth"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-checking-watch_23-2148482704.jpg"},
|
||||
]}
|
||||
title="Exceptional Quality Guaranteed"
|
||||
description="Built to last generations with the finest materials and movements."
|
||||
@@ -225,31 +150,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40+",
|
||||
title: "Years of Tradition",
|
||||
items: [
|
||||
"Legacy of quality",
|
||||
"Trusted experts",
|
||||
],
|
||||
id: "m1", value: "40+", title: "Years of Tradition", items: [
|
||||
"Legacy of quality", "Trusted experts"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15k+",
|
||||
title: "Happy Collectors",
|
||||
items: [
|
||||
"Global community",
|
||||
"Satisfied wearers",
|
||||
],
|
||||
id: "m2", value: "15k+", title: "Happy Collectors", items: [
|
||||
"Global community", "Satisfied wearers"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24",
|
||||
title: "Hour Precision Testing",
|
||||
items: [
|
||||
"Rigorous standards",
|
||||
"Accuracy focus",
|
||||
],
|
||||
id: "m3", value: "24", title: "Hour Precision Testing", items: [
|
||||
"Rigorous standards", "Accuracy focus"],
|
||||
},
|
||||
]}
|
||||
title="Craftsmanship in Numbers"
|
||||
@@ -264,45 +174,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Anderson",
|
||||
handle: "@janderson",
|
||||
testimonial: "The precision and finish are absolutely unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg",
|
||||
},
|
||||
id: "t1", name: "James Anderson", handle: "@janderson", testimonial: "The precision and finish are absolutely unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@erodriguez",
|
||||
testimonial: "A beautiful blend of tradition and modernity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-young-businesswoman-office-suit-talking-phone-smiling-looking-watch-cheerful-mood-happy-successful-worker-isolated-corporate_197531-2085.jpg",
|
||||
},
|
||||
id: "t2", name: "Elena Rodriguez", handle: "@erodriguez", testimonial: "A beautiful blend of tradition and modernity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-pretty-young-businesswoman-office-suit-talking-phone-smiling-looking-watch-cheerful-mood-happy-successful-worker-isolated-corporate_197531-2085.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark Sterling",
|
||||
handle: "@msterling",
|
||||
testimonial: "My go-to watch for every important meeting.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-reporter-with-photo-camera-dark-photo-studio_613910-12968.jpg",
|
||||
},
|
||||
id: "t3", name: "Mark Sterling", handle: "@msterling", testimonial: "My go-to watch for every important meeting.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-young-reporter-with-photo-camera-dark-photo-studio_613910-12968.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sofia Liu",
|
||||
handle: "@sliu",
|
||||
testimonial: "I get compliments on my timepiece every single day.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12388.jpg",
|
||||
},
|
||||
id: "t4", name: "Sofia Liu", handle: "@sliu", testimonial: "I get compliments on my timepiece every single day.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-unpacking-presents-by-christmas-tree_1303-12388.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Thomas Wright",
|
||||
handle: "@twright",
|
||||
testimonial: "Exceptional customer service and product quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-standing-blue-background-hurry-pointing-watch-time-impatience-upset-angry-deadline-delay_839833-19131.jpg",
|
||||
},
|
||||
id: "t5", name: "Thomas Wright", handle: "@twright", testimonial: "Exceptional customer service and product quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-young-man-standing-blue-background-hurry-pointing-watch-time-impatience-upset-angry-deadline-delay_839833-19131.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Stories from our Collectors"
|
||||
@@ -316,20 +201,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer worldwide shipping?",
|
||||
content: "Yes, we ship globally using premium, insured carriers.",
|
||||
},
|
||||
id: "q1", title: "Do you offer worldwide shipping?", content: "Yes, we ship globally using premium, insured carriers."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a warranty?",
|
||||
content: "Every watch comes with a comprehensive 24-month warranty.",
|
||||
},
|
||||
id: "q2", title: "Is there a warranty?", content: "Every watch comes with a comprehensive 24-month warranty."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request a custom strap?",
|
||||
content: "We offer several premium leather and steel strap options.",
|
||||
},
|
||||
id: "q3", title: "Can I request a custom strap?", content: "We offer several premium leather and steel strap options."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "#contact"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We are here to help."
|
||||
@@ -341,16 +221,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Experience Timelessness"
|
||||
description="Visit our boutique or reach out to our concierge for personal styling advice."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Concierge",
|
||||
href: "mailto:hello@chronosluxury.com",
|
||||
},
|
||||
text: "Contact Concierge", href: "mailto:hello@chronosluxury.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -359,42 +236,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Craftsmanship",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Craftsmanship", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "All Watches",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Watches", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "mailto:hello@chronosluxury.com",
|
||||
},
|
||||
label: "Contact", href: "mailto:hello@chronosluxury.com"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -405,4 +267,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user