Merge version_1 into main #2
313
src/app/page.tsx
313
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Craftsmanship",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "Craftsmanship", id: "about" },
|
||||
{ name: "Heritage", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="COLONO"
|
||||
/>
|
||||
@@ -55,18 +43,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="COLONO. Timeless Precision."
|
||||
description="Exquisite craftsmanship meets modern luxury. Discover our collection of hand-finished timepieces designed for the distinguished collector."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-clock-shiny-table_23-2147992858.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-clock-shiny-table_23-2147992858.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -74,19 +55,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Mastering the Art of Time",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/diligent-barista-is-prepairing-fresh-latte-customers-coffee-break-caffeteria_613910-17350.jpg",
|
||||
alt: "Watchmaking Craft",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Since 1924, every COLONO movement has been calibrated by hand to ensure absolute precision.",
|
||||
},
|
||||
{ type: "text", content: "Mastering the Art of Time" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/diligent-barista-is-prepairing-fresh-latte-customers-coffee-break-caffeteria_613910-17350.jpg", alt: "Watchmaking Craft" },
|
||||
{ type: "text", content: "Since 1924, every COLONO movement has been calibrated by hand to ensure absolute precision." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,49 +69,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Sapphire Crystal",
|
||||
description: "Scratch-resistant clarity designed for lifelong durability.",
|
||||
icon: Shield,
|
||||
title: "Sapphire Crystal", description: "Scratch-resistant clarity designed for lifelong durability.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-clock-shiny-table_23-2147992858.jpg?_wi=2",
|
||||
imageAlt: "luxury watch sapphire glass",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/metal-pieces-close-up-background_23-2148882603.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Mechanical Core",
|
||||
description: "Calibrated automatic movement with 72-hour power reserve.",
|
||||
icon: Zap,
|
||||
title: "Mechanical Core", description: "Calibrated automatic movement with 72-hour power reserve.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-fluid-phenomenon-with-blue-coloured-shades_23-2148253648.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/work-metallic-factory-business-precision_1112-1058.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diligent-barista-is-prepairing-fresh-latte-customers-coffee-break-caffeteria_613910-17350.jpg",
|
||||
imageAlt: "luxury watch sapphire glass",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-fluid-phenomenon-with-blue-coloured-shades_23-2148253648.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/work-metallic-factory-business-precision_1112-1058.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisan Straps",
|
||||
description: "Hand-stitched Italian leather providing ultimate comfort.",
|
||||
icon: Award,
|
||||
title: "Artisan Straps", description: "Hand-stitched Italian leather providing ultimate comfort.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-texture-background_1385-1141.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-outdoors_1153-7896.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg?_wi=1",
|
||||
imageAlt: "luxury watch sapphire glass",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/leather-texture-background_1385-1141.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shaves-bearded-man-outdoors_1153-7896.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Uncompromised Quality"
|
||||
@@ -152,62 +99,15 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "COLONO",
|
||||
name: "Classic Gold",
|
||||
price: "$12,400",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "COLONO",
|
||||
name: "Silver Standard",
|
||||
price: "$9,200",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "COLONO",
|
||||
name: "Noir Chronograph",
|
||||
price: "$15,800",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2148861948.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "COLONO",
|
||||
name: "Rose Bloom",
|
||||
price: "$10,900",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "COLONO",
|
||||
name: "Skeleton 01",
|
||||
price: "$18,500",
|
||||
rating: 5,
|
||||
reviewCount: "29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/render-3d-steampunk-styled-heart_1048-9873.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "COLONO",
|
||||
name: "Heritage Vintage",
|
||||
price: "$8,500",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watch-black-box-bow-tie-lie-white-windowsill_8353-687.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "COLONO", name: "Classic Gold", price: "$12,400", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg" },
|
||||
{ id: "p2", brand: "COLONO", name: "Silver Standard", price: "$9,200", rating: 5, reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241165.jpg" },
|
||||
{ id: "p3", brand: "COLONO", name: "Noir Chronograph", price: "$15,800", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-wearing-watch_23-2148861948.jpg" },
|
||||
{ id: "p4", brand: "COLONO", name: "Rose Bloom", price: "$10,900", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg" },
|
||||
{ id: "p5", brand: "COLONO", name: "Skeleton 01", price: "$18,500", rating: 5, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/render-3d-steampunk-styled-heart_1048-9873.jpg" },
|
||||
{ id: "p6", brand: "COLONO", name: "Heritage Vintage", price: "$8,500", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/watch-black-box-bow-tie-lie-white-windowsill_8353-687.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Available in limited quantities, each watch is a testament to our dedication."
|
||||
@@ -221,27 +121,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Artisans",
|
||||
description: "Dedicated watchmakers worldwide.",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Patents",
|
||||
description: "Innovations in horology.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100yr",
|
||||
title: "History",
|
||||
description: "Centuries of refinement.",
|
||||
icon: Clock,
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "Artisans", description: "Dedicated watchmakers worldwide.", icon: Users },
|
||||
{ id: "m2", value: "500+", title: "Patents", description: "Innovations in horology.", icon: Award },
|
||||
{ id: "m3", value: "100yr", title: "History", description: "Centuries of refinement.", icon: Clock },
|
||||
]}
|
||||
title="Our Legacy"
|
||||
description="Numbers speak to our commitment and precision."
|
||||
@@ -254,60 +136,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julian Thorne",
|
||||
role: "Collector",
|
||||
company: "FineArts Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Clara Voss",
|
||||
role: "Executive",
|
||||
company: "Voss Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-looking-watch_23-2147989598.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marc Sterling",
|
||||
role: "Architect",
|
||||
company: "Sterling & Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-smoking-electro-cigarette-outside-park_1303-23035.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
role: "Designer",
|
||||
company: "StudioR",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6180.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Chen",
|
||||
role: "Entrepreneur",
|
||||
company: "Innovator Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-clapping_1122-547.jpg",
|
||||
},
|
||||
{ id: "1", name: "Julian Thorne", role: "Collector", company: "FineArts Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg" },
|
||||
{ id: "2", name: "Clara Voss", role: "Executive", company: "Voss Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-businesswoman-looking-watch_23-2147989598.jpg" },
|
||||
{ id: "3", name: "Marc Sterling", role: "Architect", company: "Sterling & Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-smoking-electro-cigarette-outside-park_1303-23035.jpg" },
|
||||
{ id: "4", name: "Elena Rossi", role: "Designer", company: "StudioR", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-sitting-bed-hotel-stylish-evening-dress-sensual-mood-talking-phone-smiling-flirty-looking-sexy_285396-6180.jpg" },
|
||||
{ id: "5", name: "David Chen", role: "Entrepreneur", company: "Innovator Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-clapping_1122-547.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Global Stores",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Owners",
|
||||
},
|
||||
{ value: "99%", label: "Satisfaction Rate" },
|
||||
{ value: "20+", label: "Global Stores" },
|
||||
{ value: "10k+", label: "Happy Owners" },
|
||||
]}
|
||||
title="A Legacy of Trust"
|
||||
description="Hear from those who cherish their COLONO timepiece."
|
||||
@@ -319,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Maintenance",
|
||||
content: "We recommend servicing your COLONO timepiece every 3-5 years to ensure optimal movement performance.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Warranty",
|
||||
content: "Every watch includes a 5-year global warranty covering movement and manufacturing defects.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Limited Editions",
|
||||
content: "Yes, our limited collections are numbered and signed to verify authenticity.",
|
||||
},
|
||||
{ id: "faq1", title: "Maintenance", content: "We recommend servicing your COLONO timepiece every 3-5 years to ensure optimal movement performance." },
|
||||
{ id: "faq2", title: "Warranty", content: "Every watch includes a 5-year global warranty covering movement and manufacturing defects." },
|
||||
{ id: "faq3", title: "Limited Editions", content: "Yes, our limited collections are numbered and signed to verify authenticity." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-retail-store_1203-8734.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -346,18 +172,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Concierge Services"
|
||||
description="Need a personalized recommendation? Our experts are ready to assist."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@colono.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@colono.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -366,45 +185,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brushed-golden-metallic-texture_84443-73687.jpg"
|
||||
logoText="COLONO"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Heritage",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
{
|
||||
label: "Classic Series",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Limited Edition",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Service",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Heritage", href: "#features" }] },
|
||||
{ title: "Collections", items: [{ label: "Classic Series", href: "#products" }, { label: "Limited Edition", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Warranty", href: "#faq" }, { label: "Service", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user