Merge version_1 into main #1
170
src/app/page.tsx
170
src/app/page.tsx
@@ -32,54 +32,36 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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 3D"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Timeless Precision"
|
||||
description="Experience horology reimagined through advanced 3D engineering."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1719.jpg",
|
||||
imageAlt: "Watch Hero 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1719.jpg", imageAlt: "Watch Hero 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg",
|
||||
imageAlt: "Watch Hero 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg", imageAlt: "Watch Hero 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg",
|
||||
imageAlt: "Watch Hero 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg", imageAlt: "Watch Hero 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-clear-metallic-background-close-up_23-2148859944.jpg",
|
||||
imageAlt: "Watch Hero 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-clear-metallic-background-close-up_23-2148859944.jpg", imageAlt: "Watch Hero 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg",
|
||||
imageAlt: "Watch Hero 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-time_549566-386.jpg", imageAlt: "Watch Hero 5"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -90,9 +72,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Engineering the Future"
|
||||
description={[
|
||||
"Founded on the principles of mechanical excellence, Chronos 3D brings traditional artistry into the digital era.",
|
||||
"Every piece represents hundreds of hours of precision design, ensuring a perfect balance between form and function.",
|
||||
]}
|
||||
"Founded on the principles of mechanical excellence, Chronos 3D brings traditional artistry into the digital era.", "Every piece represents hundreds of hours of precision design, ensuring a perfect balance between form and function."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -103,21 +83,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass-produced designs",
|
||||
"Generic battery power",
|
||||
"Lack of customization",
|
||||
"Standard metallic alloys",
|
||||
"Uniform factory finishing",
|
||||
],
|
||||
"Mass-produced designs", "Generic battery power", "Lack of customization", "Standard metallic alloys", "Uniform factory finishing"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Custom 3D-modeled casings",
|
||||
"Self-winding movement",
|
||||
"Bespoke dial finishing",
|
||||
"Aerospace-grade materials",
|
||||
"Lifetime mechanical guarantee",
|
||||
],
|
||||
"Custom 3D-modeled casings", "Self-winding movement", "Bespoke dial finishing", "Aerospace-grade materials", "Lifetime mechanical guarantee"],
|
||||
}}
|
||||
title="Beyond Time"
|
||||
description="Why choose our timepieces over the industry standard?"
|
||||
@@ -132,41 +102,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silver Chronograph",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-alarm-clock_74190-5637.jpg",
|
||||
},
|
||||
id: "p1", name: "Silver Chronograph", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/classic-alarm-clock_74190-5637.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Heritage Gold",
|
||||
price: "$1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599400.jpg",
|
||||
},
|
||||
id: "p2", name: "Heritage Gold", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599400.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Titanium Stealth",
|
||||
price: "$1,599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg",
|
||||
},
|
||||
id: "p3", name: "Titanium Stealth", price: "$1,599", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Deep Sea Blue",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241134.jpg",
|
||||
},
|
||||
id: "p4", name: "Deep Sea Blue", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241134.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Skeleton Leather",
|
||||
price: "$1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg",
|
||||
},
|
||||
id: "p5", name: "Skeleton Leather", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Hybrid Smartwatch",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599398.jpg",
|
||||
},
|
||||
id: "p6", name: "Hybrid Smartwatch", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599398.jpg"},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Find your perfect match in our range of luxury timepieces."
|
||||
@@ -178,30 +124,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus D.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-3695.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020821.jpg",
|
||||
},
|
||||
id: "t4", name: "Kevin L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020821.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg"},
|
||||
]}
|
||||
cardTitle="What Collectors Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -214,14 +145,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Horology Today",
|
||||
"Luxury Watch Review",
|
||||
"Design Daily",
|
||||
"Modern Timepiece",
|
||||
"Innovation Weekly",
|
||||
"Style Insights",
|
||||
"Elite Collectors",
|
||||
]}
|
||||
"Horology Today", "Luxury Watch Review", "Design Daily", "Modern Timepiece", "Innovation Weekly", "Style Insights", "Elite Collectors"]}
|
||||
title="Seen In"
|
||||
description="The world's premier watch and luxury publications."
|
||||
/>
|
||||
@@ -233,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is the warranty?",
|
||||
content: "All watches include a 24-month comprehensive mechanical warranty.",
|
||||
},
|
||||
id: "f1", title: "How long is the warranty?", content: "All watches include a 24-month comprehensive mechanical warranty."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer shipping?",
|
||||
content: "We ship globally with insured, tracked courier services.",
|
||||
},
|
||||
id: "f2", title: "Do you offer shipping?", content: "We ship globally with insured, tracked courier services."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these 3D printed?",
|
||||
content: "We use 3D modeling for precision, then manufacture using high-grade materials and artisan assembly.",
|
||||
},
|
||||
id: "f3", title: "Are these 3D printed?", content: "We use 3D modeling for precision, then manufacture using high-grade materials and artisan assembly."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436128.jpg"
|
||||
title="Common Questions"
|
||||
@@ -259,8 +174,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Elite"
|
||||
description="Be the first to know about new 3D-modeled limited edition releases."
|
||||
@@ -273,37 +187,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user