bender/bf012235-7083-4521-b747-c9378bda5b0e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-10 11:34:08 +00:00
Conversation 0 Commits 1 Files Changed 1 +69 -256
1 changed files with 69 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

325
src/app/page.tsx
View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Collections", name: "Collections", id: "#collections"},
id: "#collections",
},
{ {
name: "Craftsmanship", name: "Craftsmanship", id: "#craftsmanship"},
id: "#craftsmanship",
},
{ {
name: "Heritage", name: "Heritage", id: "#heritage"},
id: "#heritage",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/vintage-white-clocks-repair-service-emblems_1284-38371.jpg" logoSrc="http://img.b2bpic.net/free-vector/vintage-white-clocks-repair-service-emblems_1284-38371.jpg"
logoAlt="Rolex Crown Logo" logoAlt="Rolex Crown Logo"
@@ -62,8 +52,7 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroBillboardRotatedCarousel <HeroBillboardRotatedCarousel
background={{ background={{
variant: "rotated-rays-animated", variant: "rotated-rays-animated"}}
}}
title="Engineered for Eternity" title="Engineered for Eternity"
description="Discover the unparalleled precision, timeless design, and legendary heritage of Rolex timepieces. A symphony of Swiss craftsmanship and technological perfection." description="Discover the unparalleled precision, timeless design, and legendary heritage of Rolex timepieces. A symphony of Swiss craftsmanship and technological perfection."
tag="Absolute Luxury" tag="Absolute Luxury"
@@ -71,42 +60,22 @@ export default function LandingPage() {
tagAnimation="blur-reveal" tagAnimation="blur-reveal"
buttons={[ buttons={[
{ {
text: "Explore Collections", text: "Explore Collections", href: "#collections"},
href: "#collections",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
carouselItems={[ carouselItems={[
{ {
id: "1", id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg", imageAlt: "Rolex Submariner 3D render"},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241166.jpg",
imageAlt: "Rolex Submariner 3D render",
},
{ {
id: "2", id: "2", imageSrc: "http://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg", imageAlt: "Rolex Daytona 3D render"},
imageSrc: "http://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg",
imageAlt: "Rolex Daytona 3D render",
},
{ {
id: "3", id: "3", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", imageAlt: "Rolex GMT-Master II 3D render"},
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg",
imageAlt: "Rolex GMT-Master II 3D render",
},
{ {
id: "4", id: "4", imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg", imageAlt: "Rolex Datejust 3D render"},
imageSrc: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
imageAlt: "Rolex Datejust 3D render",
},
{ {
id: "5", id: "5", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-casino-roulette-wheel-black-surface_181624-59880.jpg", imageAlt: "Rolex Day-Date 3D render"},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-casino-roulette-wheel-black-surface_181624-59880.jpg",
imageAlt: "Rolex Day-Date 3D render",
},
{ {
id: "6", id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", imageAlt: "Rolex Oyster Perpetual 3D render"},
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg",
imageAlt: "Rolex Oyster Perpetual 3D render",
},
]} ]}
autoPlay={true} autoPlay={true}
autoPlayInterval={6000} autoPlayInterval={6000}
@@ -123,9 +92,7 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "#heritage-details"},
href: "#heritage-details",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
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"
@@ -135,71 +102,29 @@ export default function LandingPage() {
<div id="collections" data-section="collections"> <div id="collections" data-section="collections">
<ProductCardTwo <ProductCardTwo
animationType="depth-3d" animationType="blur-reveal"
textboxLayout="default" textboxLayout="default"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "submariner", id: "submariner", brand: "Rolex", name: "Submariner", price: "Price on Request", rating: 5,
brand: "Rolex", reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/black-wrist-watch_1057-4040.jpg", imageAlt: "Rolex Submariner deep green dial"},
name: "Submariner",
price: "Price on Request",
rating: 5,
reviewCount: "250",
imageSrc: "http://img.b2bpic.net/free-photo/black-wrist-watch_1057-4040.jpg",
imageAlt: "Rolex Submariner deep green dial",
},
{ {
id: "daytona", id: "daytona", brand: "Rolex", name: "Cosmograph Daytona", price: "Price on Request", rating: 5,
brand: "Rolex", reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg", imageAlt: "Rolex Daytona champagne gold"},
name: "Cosmograph Daytona",
price: "Price on Request",
rating: 5,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-176905.jpg",
imageAlt: "Rolex Daytona champagne gold",
},
{ {
id: "gmt", id: "gmt", brand: "Rolex", name: "GMT-Master II", price: "Price on Request", rating: 5,
brand: "Rolex", reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/hipster-vacation-lake_23-2147978823.jpg", imageAlt: "Rolex GMT-Master II 'Pepsi'"},
name: "GMT-Master II",
price: "Price on Request",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/hipster-vacation-lake_23-2147978823.jpg",
imageAlt: "Rolex GMT-Master II 'Pepsi'",
},
{ {
id: "datejust", id: "datejust", brand: "Rolex", name: "Datejust", price: "Price on Request", rating: 5,
brand: "Rolex", reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/pensive-bearded-man-dark-suit-is-checking-what-time-is-now-dark-photo-studio_613910-12654.jpg", imageAlt: "Rolex Datejust blue dial"},
name: "Datejust",
price: "Price on Request",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/pensive-bearded-man-dark-suit-is-checking-what-time-is-now-dark-photo-studio_613910-12654.jpg",
imageAlt: "Rolex Datejust blue dial",
},
{ {
id: "daydate", id: "daydate", brand: "Rolex", name: "Day-Date", price: "Price on Request", rating: 5,
brand: "Rolex", reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-tattoo-making-artist-is-working-with-tattoo-machine-customer-s-hand_613910-17250.jpg", imageAlt: "Rolex Day-Date platinum ice blue"},
name: "Day-Date",
price: "Price on Request",
rating: 5,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-shoot-tattoo-making-artist-is-working-with-tattoo-machine-customer-s-hand_613910-17250.jpg",
imageAlt: "Rolex Day-Date platinum ice blue",
},
{ {
id: "oyster", id: "oyster", brand: "Rolex", name: "Oyster Perpetual", price: "Price on Request", rating: 5,
brand: "Rolex", reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg", imageAlt: "Rolex Oyster Perpetual green dial"},
name: "Oyster Perpetual",
price: "Price on Request",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traveler-with-suitcase_23-2151043310.jpg",
imageAlt: "Rolex Oyster Perpetual green dial",
},
]} ]}
title="Iconic Collections" title="Iconic Collections"
description="Explore the legendary Rolex collections, each a masterpiece of design and engineering, built for remarkable achievements and enduring style. From the depths of the ocean to the highest peaks, a Rolex is a companion for life's extraordinary journeys." description="Explore the legendary Rolex collections, each a masterpiece of design and engineering, built for remarkable achievements and enduring style. From the depths of the ocean to the highest peaks, a Rolex is a companion for life's extraordinary journeys."
@@ -215,37 +140,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
tag: "Movement", tag: "Movement", title: "Heartbeat of Innovation", subtitle: "Self-Winding Calibers", description: "At the core of every Rolex beats a mechanical movement entirely developed and manufactured in-house. These self-winding calibers are certified chronometers, a testament to their superlative precision and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg", imageAlt: "Exploded view of Rolex movement"},
title: "Heartbeat of Innovation",
subtitle: "Self-Winding Calibers",
description: "At the core of every Rolex beats a mechanical movement entirely developed and manufactured in-house. These self-winding calibers are certified chronometers, a testament to their superlative precision and reliability.",
imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-measuring-device_23-2150914191.jpg",
imageAlt: "Exploded view of Rolex movement",
},
{ {
tag: "Materials", tag: "Materials", title: "Exceptional Alloys", subtitle: "Oystersteel & Gold", description: "Rolex crafts its watches from the highest quality materials, including Oystersteel – a unique alloy developed in-house for extreme corrosion resistance – and meticulously cast 18 ct gold, ensuring both durability and enduring beauty.", imageSrc: "http://img.b2bpic.net/free-photo/astronaut-diving-ocean_23-2151549785.jpg", imageAlt: "Close up of Rolex Oystersteel"},
title: "Exceptional Alloys",
subtitle: "Oystersteel & Gold",
description: "Rolex crafts its watches from the highest quality materials, including Oystersteel – a unique alloy developed in-house for extreme corrosion resistance – and meticulously cast 18 ct gold, ensuring both durability and enduring beauty.",
imageSrc: "http://img.b2bpic.net/free-photo/astronaut-diving-ocean_23-2151549785.jpg",
imageAlt: "Close up of Rolex Oystersteel",
},
{ {
tag: "Waterproofing", tag: "Waterproofing", title: "Oyster Case Mastery", subtitle: "Hermetically Sealed", description: "The iconic Oyster case, invented by Rolex in 1926, is hermetically sealed to guarantee waterproofness up to extreme depths. Its robust construction protects the movement from water, dust, pressure, and shocks.", imageSrc: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461125.jpg", imageAlt: "Rolex Oyster case water resistance"},
title: "Oyster Case Mastery",
subtitle: "Hermetically Sealed",
description: "The iconic Oyster case, invented by Rolex in 1926, is hermetically sealed to guarantee waterproofness up to extreme depths. Its robust construction protects the movement from water, dust, pressure, and shocks.",
imageSrc: "http://img.b2bpic.net/free-photo/realistic-manta-ray-sea-water_23-2151461125.jpg",
imageAlt: "Rolex Oyster case water resistance",
},
{ {
tag: "Crystal", tag: "Crystal", title: "Sapphire Resilience", subtitle: "Virtually Scratchproof", description: "Every Rolex timepiece is fitted with a sapphire crystal, virtually scratchproof and produced to stringent quality standards. Some models feature a Cyclops lens for enhanced date readability, a signature Rolex innovation.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg", imageAlt: "Rolex sapphire crystal close-up"},
title: "Sapphire Resilience",
subtitle: "Virtually Scratchproof",
description: "Every Rolex timepiece is fitted with a sapphire crystal, virtually scratchproof and produced to stringent quality standards. Some models feature a Cyclops lens for enhanced date readability, a signature Rolex innovation.",
imageSrc: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg",
imageAlt: "Rolex sapphire crystal close-up",
},
]} ]}
title="The Art of Precision" title="The Art of Precision"
description="Immerse yourself in the world of Rolex craftsmanship, where every component is meticulously engineered and flawlessly assembled. From the intricate movements to the robust Oyster case, discover the unparalleled dedication to perfection." description="Immerse yourself in the world of Rolex craftsmanship, where every component is meticulously engineered and flawlessly assembled. From the intricate movements to the robust Oyster case, discover the unparalleled dedication to perfection."
@@ -266,9 +167,7 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "View Full Collection", text: "View Full Collection", href: "#collections"},
href: "#collections",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-close-up-hydroalcoholic-gel_23-2148858969.jpg" imageSrc="http://img.b2bpic.net/free-photo/flat-lay-close-up-hydroalcoholic-gel_23-2148858969.jpg"
@@ -286,9 +185,7 @@ export default function LandingPage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "View Full Collection", text: "View Full Collection", href: "#collections"},
href: "#collections",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241142.jpg" imageSrc="http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241142.jpg"
@@ -304,25 +201,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "100+", title: "Years of Innovation", description: "Leading the world in horological advancements and precision engineering.", icon: Award,
value: "100+",
title: "Years of Innovation",
description: "Leading the world in horological advancements and precision engineering.",
icon: Award,
}, },
{ {
id: "2", id: "2", value: "±2", title: "Seconds Per Day", description: "Exceeding industry standards for chronometric precision, guaranteeing accuracy.", icon: Clock,
value: "±2",
title: "Seconds Per Day",
description: "Exceeding industry standards for chronometric precision, guaranteeing accuracy.",
icon: Clock,
}, },
{ {
id: "3", id: "3", value: "200M+", title: "Water Resistance", description: "Pioneering deep-sea exploration with uncompromised reliability.", icon: Waves,
value: "200M+",
title: "Water Resistance",
description: "Pioneering deep-sea exploration with uncompromised reliability.",
icon: Waves,
}, },
]} ]}
title="Defining Excellence" title="Defining Excellence"
@@ -340,64 +225,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sir Edmund Hillary", role: "Mountaineer", company: "Expedition Leader", rating: 5,
name: "Sir Edmund Hillary", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", imageAlt: "Sir Edmund Hillary"},
role: "Mountaineer",
company: "Expedition Leader",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
imageAlt: "Sir Edmund Hillary",
},
{ {
id: "2", id: "2", name: "Jacques Piccard", role: "Oceanographer", company: "Deep-sea Explorer", rating: 5,
name: "Jacques Piccard", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-female-modern-clothes-studying-with-book-sitting-bench-park-against-skyscraper_613910-3876.jpg", imageAlt: "Jacques Piccard"},
role: "Oceanographer",
company: "Deep-sea Explorer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-female-modern-clothes-studying-with-book-sitting-bench-park-against-skyscraper_613910-3876.jpg",
imageAlt: "Jacques Piccard",
},
{ {
id: "3", id: "3", name: "Paul Newman", role: "Actor & Racing Driver", company: "Hollywood Icon", rating: 5,
name: "Paul Newman", imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg", imageAlt: "Paul Newman"},
role: "Actor & Racing Driver",
company: "Hollywood Icon",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lady-red-posing-studio_651396-1333.jpg",
imageAlt: "Paul Newman",
},
{ {
id: "4", id: "4", name: "Martin Luther King Jr.", role: "Civil Rights Leader", company: "Nobel Laureate", rating: 5,
name: "Martin Luther King Jr.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg", imageAlt: "Martin Luther King Jr."},
role: "Civil Rights Leader",
company: "Nobel Laureate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg",
imageAlt: "Martin Luther King Jr.",
},
{ {
id: "5", id: "5", name: "Roger Federer", role: "Tennis Legend", company: "Athlete", rating: 5,
name: "Roger Federer", imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg", imageAlt: "Roger Federer"},
role: "Tennis Legend",
company: "Athlete",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg",
imageAlt: "Roger Federer",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "Unrivaled", value: "Unrivaled", label: "Craftsmanship"},
label: "Craftsmanship",
},
{ {
value: "Iconic", value: "Iconic", label: "Design"},
label: "Design",
},
{ {
value: "Timeless", value: "Timeless", label: "Heritage"},
label: "Heritage",
},
]} ]}
title="A Legacy Worn by Legends" title="A Legacy Worn by Legends"
description="Rolex watches have graced the wrists of explorers, pioneers, artists, and leaders throughout history. Hear from those who define excellence and embody the spirit of the crown." description="Rolex watches have graced the wrists of explorers, pioneers, artists, and leaders throughout history. Hear from those who define excellence and embody the spirit of the crown."
@@ -411,87 +260,51 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Collections", title: "Collections", items: [
items: [
{ {
label: "Submariner", label: "Submariner", href: "#collections"},
href: "#collections",
},
{ {
label: "Daytona", label: "Daytona", href: "#collections"},
href: "#collections",
},
{ {
label: "GMT-Master II", label: "GMT-Master II", href: "#collections"},
href: "#collections",
},
{ {
label: "Datejust", label: "Datejust", href: "#collections"},
href: "#collections",
},
{ {
label: "Day-Date", label: "Day-Date", href: "#collections"},
href: "#collections",
},
{ {
label: "Oyster Perpetual", label: "Oyster Perpetual", href: "#collections"},
href: "#collections",
},
], ],
}, },
{ {
title: "The Brand", title: "The Brand", items: [
items: [
{ {
label: "Our Heritage", label: "Our Heritage", href: "#about"},
href: "#about",
},
{ {
label: "Craftsmanship", label: "Craftsmanship", href: "#craftsmanship"},
href: "#craftsmanship",
},
{ {
label: "Excellence", label: "Excellence", href: "#metrics"},
href: "#metrics",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms & Conditions", label: "Terms & Conditions", href: "#"},
href: "#",
},
{ {
label: "Cookie Settings", label: "Cookie Settings", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ {
label: "Facebook", label: "Facebook", href: "https://facebook.com/rolex"},
href: "https://facebook.com/rolex",
},
{ {
label: "Instagram", label: "Instagram", href: "https://instagram.com/rolex"},
href: "https://instagram.com/rolex",
},
{ {
label: "YouTube", label: "YouTube", href: "https://youtube.com/rolex"},
href: "https://youtube.com/rolex",
},
], ],
}, },
]} ]}