Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d26bd8641c | |||
| 6be0e48592 | |||
| 58da6db137 |
319
src/app/page.tsx
319
src/app/page.tsx
@@ -33,144 +33,74 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Get Started",
|
||||
id: "#get-started",
|
||||
},
|
||||
name: "Get Started", id: "#get-started"},
|
||||
{
|
||||
name: "Developers",
|
||||
id: "#developers",
|
||||
},
|
||||
name: "Developers", id: "#developers"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Resources",
|
||||
id: "#resources",
|
||||
},
|
||||
name: "Resources", id: "#resources"},
|
||||
]}
|
||||
brandName="LOGOIPSUM"
|
||||
brandName="ROLEX"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Web3 at the Speed of Experience"
|
||||
description="Powering seamless experiences and real-time connections, EOS is the base for creators who move with purpose, leveraging resilience, speed, and scale to shape the future."
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision at the Peak of Perfection"
|
||||
description="A legacy of excellence crafted for those who value time. Rolex embodies the intersection of heritage, innovation, and uncompromising precision."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg?_wi=1",
|
||||
imageAlt: "Hero scene 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg?_wi=1", imageAlt: "Hero scene 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-flowing-particles-design_1048-20453.jpg",
|
||||
imageAlt: "Hero scene 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-rainbow-coloured-flowing-particles-design_1048-20453.jpg", imageAlt: "Hero scene 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg",
|
||||
imageAlt: "Hero scene 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg", imageAlt: "Hero scene 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-flowing-particle-background_1048-11869.jpg",
|
||||
imageAlt: "Hero scene 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-flowing-particle-background_1048-11869.jpg", imageAlt: "Hero scene 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg",
|
||||
imageAlt: "Hero scene 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg", imageAlt: "Hero scene 5"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg",
|
||||
imageAlt: "Hero scene 7",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg", imageAlt: "Hero scene 7"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-dots_1048-6618.jpg",
|
||||
imageAlt: "Hero scene 8",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-dots_1048-6618.jpg", imageAlt: "Hero scene 8"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-particle-burst-background_1017-3286.jpg",
|
||||
imageAlt: "Hero scene 9",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-particle-burst-background_1017-3286.jpg", imageAlt: "Hero scene 9"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg",
|
||||
imageAlt: "Hero scene 10",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg", imageAlt: "Hero scene 10"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-particles-flow_23-2152020908.jpg",
|
||||
imageAlt: "Hero scene 11",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-particles-flow_23-2152020908.jpg", imageAlt: "Hero scene 11"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Discover Models", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg",
|
||||
alt: "Avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151099212.jpg", alt: "Avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
alt: "Avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg", alt: "Avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg",
|
||||
alt: "Avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-typing-keyboard_23-2149101167.jpg", alt: "Avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg",
|
||||
alt: "Avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-black-working-laptop-cafe_23-2147962625.jpg", alt: "Avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-woman-with-tablet-emotion-concept_169016-66294.jpg",
|
||||
alt: "Avatar 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ builders worldwide."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833091.jpg",
|
||||
alt: "TechCorp",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-holding-skype-icon_53876-71095.jpg",
|
||||
alt: "InnovateLab",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dnzrwj",
|
||||
alt: "GrowthCo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/cardano-blockchain-cryptocurrency-logo-vector-open-source-finance-concept_53876-126022.jpg",
|
||||
alt: "StartupXYZ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/logo-collection-with-pastel-colors_23-2148386005.jpg",
|
||||
alt: "ChainLinkers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-young-woman-with-tablet-emotion-concept_169016-66294.jpg", alt: "Avatar 5"},
|
||||
]}
|
||||
avatarText="Trusted by visionaries for over a century."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Built for the Next Generation"
|
||||
title="A Century of Craft"
|
||||
description={[
|
||||
"EOS is engineered to be the definitive base for digital builders. We prioritize resilience and speed so you can focus on building the impossible.",
|
||||
"Our infrastructure eliminates latency and unlocks high-frequency interactions for decentralized applications.",
|
||||
]}
|
||||
"For over 100 years, Rolex has set the standard for luxury timepieces. Each watch is a masterpiece of precision and reliability.", "Our commitment to quality ensures that every movement remains a beacon of human achievement."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -181,35 +111,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hyper-Scalability",
|
||||
tags: [
|
||||
"Performance",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-uses-node-tree-programming-identify-performance-issues_482257-126071.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Superior Caliber", tags: [
|
||||
"Precision", "Heritage"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-uses-node-tree-programming-identify-performance-issues_482257-126071.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Immutable Security",
|
||||
tags: [
|
||||
"Trust",
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/computer-security-isometric-icons-set_107791-4912.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "Oyster Architecture", tags: [
|
||||
"Durability", "Robust"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/computer-security-isometric-icons-set_107791-4912.jpg?_wi=1"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Instant Connectivity",
|
||||
tags: [
|
||||
"Real-time",
|
||||
"Low-latency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-performer-s-hand-touching-stage-remixed-media_53876-104262.jpg?_wi=1",
|
||||
},
|
||||
id: "f3", title: "Perpetual Rotor", tags: [
|
||||
"Innovation", "Timeless"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-performer-s-hand-touching-stage-remixed-media_53876-104262.jpg?_wi=1"},
|
||||
]}
|
||||
title="Core Advantages"
|
||||
description="Unlock unprecedented capabilities with our specialized Web3 architecture."
|
||||
title="The Rolex Standard"
|
||||
description="Discover the core elements that distinguish a Rolex timepiece from all others."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,29 +136,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M",
|
||||
title: "TPS Capacity",
|
||||
description: "High-frequency throughput",
|
||||
icon: Zap,
|
||||
id: "m1", value: "100+", title: "Years of Innovation", description: "Defining modern timekeeping.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500ms",
|
||||
title: "Finality",
|
||||
description: "Near-instant transactions",
|
||||
icon: Clock,
|
||||
id: "m2", value: "COSC", title: "Certified Chronometer", description: "Unmatched precision standards.", icon: Clock,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Unmatched reliability",
|
||||
icon: Shield,
|
||||
id: "m3", value: "Everose", title: "Exclusive Materials", description: "In-house foundry excellence.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our growth and performance in the ecosystem."
|
||||
title="Legacy in Numbers"
|
||||
description="A testament to our unwavering dedication to craft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -253,63 +156,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
date: "Jan 2026",
|
||||
title: "CTO",
|
||||
quote: "The speed is incomparable. It changed our dev workflow.",
|
||||
tag: "Dev",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
id: "t1", name: "Jameson P.", date: "2026", title: "Collector", quote: "The craftsmanship is simply unparalleled in my collection.", tag: "Heritage", avatarSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-digital-particles-design_1048-15444.jpg?_wi=2", imageAlt: "classic luxury enthusiast"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Ross",
|
||||
date: "Dec 2025",
|
||||
title: "Founder",
|
||||
quote: "Scalability that actually works at scale.",
|
||||
tag: "Startup",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-holding-her-laptop_23-2147611480.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-uses-node-tree-programming-identify-performance-issues_482257-126071.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
id: "t2", name: "Elena V.", date: "2025", title: "Explorer", quote: "Rugged, reliable, and incredibly elegant.", tag: "Performance", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-smiling-while-holding-her-laptop_23-2147611480.jpg", imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-uses-node-tree-programming-identify-performance-issues_482257-126071.jpg?_wi=2", imageAlt: "adventurous spirit"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Nov 2025",
|
||||
title: "Engineer",
|
||||
quote: "The most secure infrastructure I've utilized.",
|
||||
tag: "Enterprise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/computer-security-isometric-icons-set_107791-4912.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "Oct 2025",
|
||||
title: "Designer",
|
||||
quote: "Seamless integration, flawless execution.",
|
||||
tag: "UI/UX",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/solar-panels-manufacturing-factory-specialist-explains-production-process_482257-119833.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-performer-s-hand-touching-stage-remixed-media_53876-104262.jpg?_wi=2",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alex Smith",
|
||||
date: "Sep 2025",
|
||||
title: "DevOps",
|
||||
quote: "EOS removed our bottleneck in production.",
|
||||
tag: "DevOps",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15888.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833091.jpg",
|
||||
imageAlt: "tech ceo portrait professional",
|
||||
},
|
||||
id: "t3", name: "Arthur D.", date: "2025", title: "Professional", quote: "A lifetime piece that carries heritage forward.", tag: "Timeless", avatarSrc: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg", imageSrc: "http://img.b2bpic.net/free-vector/computer-security-isometric-icons-set_107791-4912.jpg?_wi=2", imageAlt: "professional portrait"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="See why developers around the world choose us."
|
||||
title="Enduring Excellence"
|
||||
description="Words from those who value time above all else."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -318,16 +172,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"ChainLinkers",
|
||||
"DigitalFuture",
|
||||
"NextEra Labs",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="We are backed by leaders in technology and innovation."
|
||||
"Swiss Made", "Certified", "Everose Gold", "Cerachrom", "Oystersteel", "Perpetual", "Chronergy"]}
|
||||
title="Quality Standards"
|
||||
description="Our commitment to materials and performance is verified globally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -337,23 +184,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is EOS different?",
|
||||
content: "Our specialized architecture provides true decentralization without sacrificing speed.",
|
||||
},
|
||||
id: "q1", title: "Where are Rolex watches made?", content: "All Rolex timepieces are designed and crafted in Switzerland."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is it easy to migrate?",
|
||||
content: "We provide seamless migration tools that ensure zero downtime.",
|
||||
},
|
||||
id: "q2", title: "What is a Perpetual movement?", content: "It is an automatic self-winding mechanism pioneered by Rolex in 1931."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How secure is it?",
|
||||
content: "Our audited smart contracts and security nodes protect your assets.",
|
||||
},
|
||||
id: "q3", title: "How often should I service it?", content: "To ensure precision, we recommend a full service approximately every 10 years."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about the EOS ecosystem."
|
||||
description="Answers regarding the Rolex experience."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -362,61 +200,46 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Waitlist Open"
|
||||
title="Ready to Start?"
|
||||
description="Sign up to get early access on May 1st."
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Boutique Appointments"
|
||||
title="Find Your Rolex"
|
||||
description="Contact us to inquire about our current collection and local boutique availability."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="LOGOIPSUM"
|
||||
logoText="ROLEX"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Oyster Perpetual", href: "#"},
|
||||
{
|
||||
label: "Waitlist",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Professional", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Developers",
|
||||
href: "#developers",
|
||||
},
|
||||
label: "Service Centers", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Care Guides", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Corporate", items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Rolex", href: "#about"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Legal Notice", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Rolex"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user