bender/cfa58436-0c1d-49db-bf7c-0c5ad31fad89
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

1 Commits
version_2 ... version_1

Author SHA1 Message Date
bender
9a483a7623 Update src/app/page.tsx 2026-04-15 23:29:20 +00:00
1 changed files with 39 additions and 81 deletions
Expand all files Collapse all files

120
src/app/page.tsx
View File

@@ -30,14 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Collection", id: "collection"},
{
name: "Craftsmanship", id: "craftsmanship"},
{
name: "Our Story", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Collection", id: "collection" },
{ name: "Craftsmanship", id: "craftsmanship" },
{ name: "Our Story", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="REICH"
/>
@@ -45,29 +41,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
title="TIME, PERFECTED."
description="Handcrafted Swiss movements. Timeless design. Uncompromising precision."
buttons={[
{
text: "Explore the Collection", href: "#collection"},
{
text: "Book a Private Viewing", href: "#contact"},
{ text: "Explore the Collection", href: "#collection" },
{ text: "Book a Private Viewing", href: "#contact" },
]}
carouselItems={[
{
id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo4di1", imageAlt: "Reich Sovereign front"},
{
id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vw93wf", imageAlt: "Reich Sovereign side"},
{
id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u50agh", imageAlt: "Reich Heritage movement"},
{
id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=spuf0h", imageAlt: "Reich Meridian dial"},
{
id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swxo22", imageAlt: "Reich watch ensemble"},
{
id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n1zzu8", imageAlt: "Reich luxury box"},
{ id: "h1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bo4di1", imageAlt: "Reich Sovereign front" },
{ id: "h2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vw93wf", imageAlt: "Reich Sovereign side" },
{ id: "h3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u50agh", imageAlt: "Reich Heritage movement" },
{ id: "h4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=spuf0h", imageAlt: "Reich Meridian dial" },
{ id: "h5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swxo22", imageAlt: "Reich watch ensemble" },
{ id: "h6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n1zzu8", imageAlt: "Reich luxury box" },
]}
/>
</div>
@@ -77,7 +64,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
names={[
"GQ", "Robb Report", "Hodinkee", "Forbes", "Financial Times", "Monocle", "Revolution"]}
"GQ", "Robb Report", "Hodinkee", "Forbes", "Financial Times", "Monocle", "Revolution"]}
title="Featured in"
description="The world's leading authorities on luxury horology recognize the Reich standard."
/>
@@ -90,18 +77,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1", name: "SOVEREIGN", price: "$12,500", variant: "Limited Edition", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=56aqpz"},
{
id: "p2", name: "HERITAGE", price: "$8,900", variant: "Signature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vqgkf1"},
{
id: "p3", name: "MERIDIAN", price: "$15,750", variant: "Grand Complication", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7xh80v"},
{
id: "p4", name: "MONARCH", price: "$19,500", variant: "Bespoke", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25wl1p"},
{
id: "p5", name: "ECLIPSE", price: "$9,200", variant: "Modern", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qc06yk"},
{
id: "p6", name: "VALIANT", price: "$11,300", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dew0az"},
{ id: "p1", name: "SOVEREIGN", price: "$12,500", variant: "Limited Edition", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=56aqpz" },
{ id: "p2", name: "HERITAGE", price: "$8,900", variant: "Signature", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vqgkf1" },
{ id: "p3", name: "MERIDIAN", price: "$15,750", variant: "Grand Complication", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7xh80v" },
{ id: "p4", name: "MONARCH", price: "$19,500", variant: "Bespoke", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=25wl1p" },
{ id: "p5", name: "ECLIPSE", price: "$9,200", variant: "Modern", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qc06yk" },
{ id: "p6", name: "VALIANT", price: "$11,300", variant: "Classic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dew0az" },
]}
title="THE COLLECTION"
description="Exquisite timepieces, limited by production, defined by excellence."
@@ -148,21 +129,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "t1", name: "Michael S.", role: "Collector", company: "New York", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5puv0"},
{
id: "t2", name: "Sarah J.", role: "Investor", company: "London", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ib3ziy"},
{
id: "t3", name: "David K.", role: "Architect", company: "Tokyo", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puyopw"},
{
id: "t4", name: "Elena R.", role: "Executive", company: "Paris", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5gal69"},
{
id: "t5", name: "Marcus V.", role: "Entreprenuer", company: "Dubai", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3mwa4"},
{ id: "t1", name: "Michael S.", role: "Collector", company: "New York", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a5puv0" },
{ id: "t2", name: "Sarah J.", role: "Investor", company: "London", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ib3ziy" },
{ id: "t3", name: "David K.", role: "Architect", company: "Tokyo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puyopw" },
{ id: "t4", name: "Elena R.", role: "Executive", company: "Paris", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5gal69" },
{ id: "t5", name: "Marcus V.", role: "Entreprenuer", company: "Dubai", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3mwa4" },
]}
title="FROM OUR COLLECTORS"
description="Join an inner circle of discerning individuals who value time as the ultimate luxury."
@@ -172,8 +143,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="EXCLUSIVITY"
title="JOIN THE INNER CIRCLE"
description="Early access to new releases, invitations to private viewing events, and monthly collector insights."
@@ -187,42 +157,30 @@ export default function LandingPage() {
columns={[
{
title: "Collections", items: [
{
label: "Sovereign", href: "#"},
{
label: "Heritage", href: "#"},
{
label: "Meridian", href: "#"},
{ label: "Sovereign", href: "#" },
{ label: "Heritage", href: "#" },
{ label: "Meridian", href: "#" },
],
},
{
title: "About", items: [
{
label: "Our Story", href: "#"},
{
label: "Craftsmanship", href: "#"},
{
label: "Press", href: "#"},
{ label: "Our Story", href: "#" },
{ label: "Craftsmanship", href: "#" },
{ label: "Press", href: "#" },
],
},
{
title: "Service", items: [
{
label: "Warranty", href: "#"},
{
label: "Care Guide", href: "#"},
{
label: "Authentication", href: "#"},
{ label: "Warranty", href: "#" },
{ label: "Care Guide", href: "#" },
{ label: "Authentication", href: "#" },
],
},
{
title: "Contact", items: [
{
label: "Schedule Call", href: "#"},
{
label: "Boutiques", href: "#"},
{
label: "WhatsApp", href: "#"},
{ label: "Schedule Call", href: "#" },
{ label: "Boutiques", href: "#" },
{ label: "WhatsApp", href: "#" },
],
},
]}
@@ -233,4 +191,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}