Merge version_1 into main #2
253
src/app/page.tsx
253
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
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="ZETEK"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Engineered for the Bold."
|
||||
description="ZETEK blends precision engineering with modern aesthetics. Precision, perfected."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg?_wi=1",
|
||||
imageAlt: "ZETEK luxury watch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg", imageAlt: "ZETEK luxury watch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=1",
|
||||
imageAlt: "Midnight collection watch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg", imageAlt: "Midnight collection watch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-vintage-pocket-watch-black-surface_181624-21863.jpg?_wi=1",
|
||||
imageAlt: "Silver classic watch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-vintage-pocket-watch-black-surface_181624-21863.jpg", imageAlt: "Silver classic watch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg?_wi=1",
|
||||
imageAlt: "Rose gold skeletal watch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg", imageAlt: "Rose gold skeletal watch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-chocolate-sticks-form-clock_23-2148340389.jpg",
|
||||
imageAlt: "Modern steel watch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-with-chocolate-sticks-form-clock_23-2148340389.jpg", imageAlt: "Modern steel watch"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924159.jpg",
|
||||
imageAlt: "Limited green edition watch",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924159.jpg", imageAlt: "Limited green edition watch"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,9 +76,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Born from precision. Worn with purpose."
|
||||
description={[
|
||||
"ZETEK represents the intersection of timeless craftsmanship and contemporary design. Every piece is an investment in excellence.",
|
||||
"Designed for the ambitious, style-conscious individual who demands nothing less than perfection.",
|
||||
]}
|
||||
"ZETEK represents the intersection of timeless craftsmanship and contemporary design. Every piece is an investment in excellence.", "Designed for the ambitious, style-conscious individual who demands nothing less than perfection."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,59 +88,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "ZETEK",
|
||||
name: "Midnight Standard",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "48",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.jpg",
|
||||
},
|
||||
id: "1", brand: "ZETEK", name: "Midnight Standard", price: "$1,200", rating: 5,
|
||||
reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rendering-steel-object_23-2151897654.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "ZETEK",
|
||||
name: "Classic Silver",
|
||||
price: "$950",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-engagement-ring-plants_23-2148966191.jpg",
|
||||
},
|
||||
id: "2", brand: "ZETEK", name: "Classic Silver", price: "$950", rating: 5,
|
||||
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/top-view-engagement-ring-plants_23-2148966191.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "ZETEK",
|
||||
name: "Rose Skeletal",
|
||||
price: "$1,800",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-419.jpg",
|
||||
},
|
||||
id: "3", brand: "ZETEK", name: "Rose Skeletal", price: "$1,800", rating: 5,
|
||||
reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-419.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "ZETEK",
|
||||
name: "Steel Executive",
|
||||
price: "$1,100",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436128.jpg",
|
||||
},
|
||||
id: "4", brand: "ZETEK", name: "Steel Executive", price: "$1,100", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/circular-clock-outdoors-still-life_23-2150436128.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "ZETEK",
|
||||
name: "Verdant Limited",
|
||||
price: "$2,100",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg",
|
||||
},
|
||||
id: "5", brand: "ZETEK", name: "Verdant Limited", price: "$2,100", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-traditional-japanese-crafting-object_23-2149048385.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "ZETEK",
|
||||
name: "Diver X",
|
||||
price: "$1,450",
|
||||
rating: 5,
|
||||
reviewCount: "27",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg",
|
||||
},
|
||||
id: "6", brand: "ZETEK", name: "Diver X", price: "$1,450", rating: 5,
|
||||
reviewCount: "27", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Discover our signature timepieces."
|
||||
@@ -178,53 +117,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Swiss-Grade Movement",
|
||||
description: "Precision engineering that keeps perfect time.",
|
||||
icon: Zap,
|
||||
title: "Swiss-Grade Movement", description: "Precision engineering that keeps perfect time.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiral-staircase-with-light-end_181624-8823.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiral-staircase-with-light-end_181624-8823.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-iron-wheel_1136-280.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanical-iron-wheel_1136-280.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg?_wi=2",
|
||||
imageAlt: "watch movement gears close up",
|
||||
},
|
||||
{
|
||||
title: "Sapphire Crystal Glass",
|
||||
description: "Superior scratch resistance for a lasting finish.",
|
||||
icon: Shield,
|
||||
title: "Sapphire Crystal Glass", description: "Superior scratch resistance for a lasting finish.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hands-numbers-hour-marks-black-watch_181624-26818.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-hands-numbers-hour-marks-black-watch_181624-26818.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-bikini_23-2147640417.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-watch-bikini_23-2147640417.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-angry-man-white-shirt-is-wearing-protection-his-fist-before-fight-dark-studio_613910-3040.jpg?_wi=1",
|
||||
imageAlt: "watch movement gears close up",
|
||||
},
|
||||
{
|
||||
title: "5-Year Warranty",
|
||||
description: "Standing behind our craftsmanship with total confidence.",
|
||||
icon: Award,
|
||||
title: "5-Year Warranty", description: "Standing behind our craftsmanship with total confidence.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246338.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246338.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watch-blank-paper-father-s-day_23-2147683462.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watch-blank-paper-father-s-day_23-2147683462.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=2",
|
||||
imageAlt: "watch movement gears close up",
|
||||
},
|
||||
]}
|
||||
title="Why ZETEK"
|
||||
description="Crafting watches with legacy at their core."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -234,60 +156,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
date: "Oct 2023",
|
||||
title: "Entrepreneur",
|
||||
quote: "The engineering is flawless. Best watch I own.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-fastens-cufflink-his-business-suit_8353-11456.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg?_wi=3",
|
||||
imageAlt: "confident man wearing luxury watch portrait",
|
||||
},
|
||||
id: "1", name: "Alex Rivers", date: "Oct 2023", title: "Entrepreneur", quote: "The engineering is flawless. Best watch I own.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-fastens-cufflink-his-business-suit_8353-11456.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg", imageAlt: "confident man wearing luxury watch portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena Vance",
|
||||
date: "Sep 2023",
|
||||
title: "Designer",
|
||||
quote: "Elegant design that actually tells a story.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-angry-man-white-shirt-is-wearing-protection-his-fist-before-fight-dark-studio_613910-3040.jpg?_wi=2",
|
||||
imageAlt: "confident man wearing luxury watch portrait",
|
||||
},
|
||||
id: "2", name: "Elena Vance", date: "Sep 2023", title: "Designer", quote: "Elegant design that actually tells a story.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-romantic-young-girl-wearing-evening-clothes-jewelry-sitting-dreaming-with-flower-hand-cafe-high-quality-photo_132075-9360.jpg", imageSrc: "http://img.b2bpic.net/free-photo/brutal-angry-man-white-shirt-is-wearing-protection-his-fist-before-fight-dark-studio_613910-3040.jpg", imageAlt: "confident man wearing luxury watch portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
date: "Aug 2023",
|
||||
title: "Architect",
|
||||
quote: "Stunning craftsmanship. Gets compliments every single day.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg?_wi=3",
|
||||
imageAlt: "confident man wearing luxury watch portrait",
|
||||
},
|
||||
id: "3", name: "Marcus Thorne", date: "Aug 2023", title: "Architect", quote: "Stunning craftsmanship. Gets compliments every single day.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-basket_23-2150329682.jpg", imageAlt: "confident man wearing luxury watch portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Lee",
|
||||
date: "Aug 2023",
|
||||
title: "CEO",
|
||||
quote: "Truly a premium experience from unboxing to wear.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-business-man-white-shirt-grey-background_613910-11233.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-vintage-pocket-watch-black-surface_181624-21863.jpg?_wi=2",
|
||||
imageAlt: "confident man wearing luxury watch portrait",
|
||||
},
|
||||
id: "4", name: "Sarah Lee", date: "Aug 2023", title: "CEO", quote: "Truly a premium experience from unboxing to wear.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-business-man-white-shirt-grey-background_613910-11233.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-vintage-pocket-watch-black-surface_181624-21863.jpg", imageAlt: "confident man wearing luxury watch portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "John Doe",
|
||||
date: "Jul 2023",
|
||||
title: "Artist",
|
||||
quote: "Timeless quality that feels expensive.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pensive-bearded-man-dark-suit-is-checking-what-time-is-now-dark-photo-studio_613910-12654.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg?_wi=2",
|
||||
imageAlt: "confident man wearing luxury watch portrait",
|
||||
},
|
||||
id: "5", name: "John Doe", date: "Jul 2023", title: "Artist", quote: "Timeless quality that feels expensive.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-bearded-man-dark-suit-is-checking-what-time-is-now-dark-photo-studio_613910-12654.jpg", imageSrc: "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1717.jpg", imageAlt: "confident man wearing luxury watch portrait"},
|
||||
]}
|
||||
title="Inner Circle Voices"
|
||||
description="Hear what our collectors are saying about ZETEK."
|
||||
@@ -300,20 +177,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the warranty coverage?",
|
||||
content: "Every ZETEK watch comes with a 5-year manufacturer's warranty against defects.",
|
||||
},
|
||||
id: "1", title: "What is the warranty coverage?", content: "Every ZETEK watch comes with a 5-year manufacturer's warranty against defects."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How water-resistant are the watches?",
|
||||
content: "Most models feature 50m to 100m water resistance, suitable for daily wear and swimming.",
|
||||
},
|
||||
id: "2", title: "How water-resistant are the watches?", content: "Most models feature 50m to 100m water resistance, suitable for daily wear and swimming."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How do I care for my timepiece?",
|
||||
content: "We recommend professional cleaning every 2 years to maintain movement integrity.",
|
||||
},
|
||||
id: "3", title: "How do I care for my timepiece?", content: "We recommend professional cleaning every 2 years to maintain movement integrity."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599380.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -327,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Join the ZETEK Inner Circle"
|
||||
description="Get exclusive updates on new drops."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
@@ -343,45 +210,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Support", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
label: "YouTube", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user