Merge version_3 into main #3
244
src/app/page.tsx
244
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collections", id: "products"},
|
||||
{
|
||||
name: "Craftsmanship",
|
||||
id: "about",
|
||||
},
|
||||
name: "Craftsmanship", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Chronos"
|
||||
/>
|
||||
@@ -59,35 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Mastery in Time"
|
||||
description="Exquisite luxury watches, meticulously engineered for those who value timeless design and unparalleled precision."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg",
|
||||
imageAlt: "Luxury watch close-up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-closeup-shot-person-wearing-wristwatch_181624-3953.jpg", imageAlt: "Luxury watch close-up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924159.jpg",
|
||||
imageAlt: "Wide shot timepiece",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924159.jpg", imageAlt: "Wide shot timepiece"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg",
|
||||
imageAlt: "Watch dial details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg", imageAlt: "Watch dial details"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-20806.jpg",
|
||||
imageAlt: "Bracelet design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-20806.jpg", imageAlt: "Bracelet design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg",
|
||||
imageAlt: "Velvet display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg", imageAlt: "Velvet display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599403.jpg",
|
||||
imageAlt: "Watch movement",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599403.jpg", imageAlt: "Watch movement"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,32 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sapphire Crystal",
|
||||
tags: [
|
||||
"Durability",
|
||||
"Clarity",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-crystal-diamond-blue-background_23-2147948677.jpg",
|
||||
},
|
||||
id: "f1", title: "Sapphire Crystal", tags: [
|
||||
"Durability", "Clarity"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-crystal-diamond-blue-background_23-2147948677.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artisan Leather",
|
||||
tags: [
|
||||
"Comfort",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33205.jpg",
|
||||
},
|
||||
id: "f2", title: "Artisan Leather", tags: [
|
||||
"Comfort", "Luxury"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-studio-creates-leather-ware_1157-33205.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Precision Depth",
|
||||
tags: [
|
||||
"100m Water-Resistant",
|
||||
"Robust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1718.jpg",
|
||||
},
|
||||
id: "f3", title: "Precision Depth", tags: [
|
||||
"100m Water-Resistant", "Robust"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1718.jpg"},
|
||||
]}
|
||||
title="Unrivaled Craftsmanship"
|
||||
description="Discover the engineering and artistic excellence behind every Chronos timepiece, crafted from the finest materials in the world."
|
||||
@@ -135,52 +97,27 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Midnight",
|
||||
price: "$1,200",
|
||||
variant: "Black Leather",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241146.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Midnight", price: "$1,200", variant: "Black Leather", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241146.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chronograph Silver",
|
||||
price: "$2,500",
|
||||
variant: "Steel",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-silver-clock-white-surface_181624-27162.jpg",
|
||||
},
|
||||
id: "p2", name: "Chronograph Silver", price: "$2,500", variant: "Steel", imageSrc: "http://img.b2bpic.net/free-photo/small-silver-clock-white-surface_181624-27162.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rose Gold Minimalist",
|
||||
price: "$3,100",
|
||||
variant: "Rose Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-looking-her-smartwatch_23-2148788853.jpg",
|
||||
},
|
||||
id: "p3", name: "Rose Gold Minimalist", price: "$3,100", variant: "Rose Gold", imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-looking-her-smartwatch_23-2148788853.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Diver Professional",
|
||||
price: "$2,800",
|
||||
variant: "Sapphire",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461095.jpg",
|
||||
},
|
||||
id: "p4", name: "Diver Professional", price: "$2,800", variant: "Sapphire", imageSrc: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461095.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Skeleton Heritage",
|
||||
price: "$5,200",
|
||||
variant: "Exposed Gear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599336.jpg",
|
||||
},
|
||||
id: "p5", name: "Skeleton Heritage", price: "$5,200", variant: "Exposed Gear", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599336.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vintage Gold",
|
||||
price: "$1,800",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg",
|
||||
},
|
||||
id: "p6", name: "Vintage Gold", price: "$1,800", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Collections", href: "#"
|
||||
}
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Explore our curated ranges of premium timepieces."
|
||||
@@ -192,9 +129,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
description={[
|
||||
"Founded in 1998, Chronos has been dedicated to the art of horology, blending traditional Swiss techniques with modern aesthetic sensibilities.",
|
||||
"Our team of masters ensures that every watch that leaves our atelier meets the highest possible standards for accuracy and style.",
|
||||
]}
|
||||
"Founded in 1998, Chronos has been dedicated to the art of horology, blending traditional Swiss techniques with modern aesthetic sensibilities.", "Our team of masters ensures that every watch that leaves our atelier meets the highest possible standards for accuracy and style."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -205,23 +140,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Excellence",
|
||||
value: "25+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years of Excellence", value: "25+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Warranty Guarantee",
|
||||
value: "5 Years",
|
||||
},
|
||||
id: "m2", icon: Shield,
|
||||
title: "Warranty Guarantee", value: "5 Years"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Happy Collectors",
|
||||
value: "10k+",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Happy Collectors", value: "10k+"},
|
||||
]}
|
||||
title="Our Commitment"
|
||||
description="A legacy built on excellence."
|
||||
@@ -235,40 +161,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Collector",
|
||||
testimonial: "The build quality is simply outstanding. Truly a statement piece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Collector", testimonial: "The build quality is simply outstanding. Truly a statement piece.", imageSrc: "http://img.b2bpic.net/free-photo/man-dressed-stylish-blue-suit-who-is-putting-elegant-watch_8353-10463.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Henderson",
|
||||
role: "Horologist",
|
||||
testimonial: "I have spent years studying movements, and the precision here is top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-talking-phone-sitting-outside-cafe_1303-19474.jpg",
|
||||
},
|
||||
id: "t2", name: "James Henderson", role: "Horologist", testimonial: "I have spent years studying movements, and the precision here is top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-talking-phone-sitting-outside-cafe_1303-19474.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Fashion Editor",
|
||||
testimonial: "Perfectly balanced between traditional design and contemporary style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", role: "Fashion Editor", testimonial: "Perfectly balanced between traditional design and contemporary style.", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Stevens",
|
||||
role: "CEO",
|
||||
testimonial: "Every time I wear this watch, I get compliments. A fantastic purchase.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looks-watch-his-hand_8353-10510.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Stevens", role: "CEO", testimonial: "Every time I wear this watch, I get compliments. A fantastic purchase.", imageSrc: "http://img.b2bpic.net/free-photo/man-looks-watch-his-hand_8353-10510.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Wu",
|
||||
role: "Investor",
|
||||
testimonial: "It's not just a tool for telling time; it's a piece of art on my wrist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-time-his-wrist-watch_78826-2326.jpg",
|
||||
},
|
||||
id: "t5", name: "David Wu", role: "Investor", testimonial: "It's not just a tool for telling time; it's a piece of art on my wrist.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-time-his-wrist-watch_78826-2326.jpg"},
|
||||
]}
|
||||
title="Collectors' Perspectives"
|
||||
description="See why enthusiasts choose Chronos for their collection."
|
||||
@@ -282,16 +183,10 @@ export default function LandingPage() {
|
||||
description="Have questions about our collections or need support? Our watchmakers are ready to assist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241149.jpg"
|
||||
@@ -303,54 +198,33 @@ export default function LandingPage() {
|
||||
logoText="Chronos"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Collections", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Repair Services",
|
||||
href: "#",
|
||||
},
|
||||
label: "Repair Services", href: "#"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Chronos",
|
||||
items: [
|
||||
title: "Chronos", items: [
|
||||
{
|
||||
label: "About Atelier",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Atelier", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user