Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 57f8b6b1b2 | |||
| 5c88aa7008 |
120
src/app/page.tsx
120
src/app/page.tsx
@@ -30,10 +30,14 @@ 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"
|
||||
/>
|
||||
@@ -41,20 +45,29 @@ 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>
|
||||
@@ -64,7 +77,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."
|
||||
/>
|
||||
@@ -77,12 +90,18 @@ 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."
|
||||
@@ -129,11 +148,21 @@ 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."
|
||||
@@ -143,7 +172,8 @@ 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."
|
||||
@@ -157,30 +187,42 @@ 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -191,4 +233,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user