Merge version_1 into main #2
457
src/app/page.tsx
457
src/app/page.tsx
@@ -28,338 +28,149 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Profile",
|
||||
id: "profile",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Portal",
|
||||
id: "portal",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Leo.luxury"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Profile", id: "profile" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Portal", id: "portal" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Leo.luxury"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Leo.luxury"
|
||||
description="Private Network. Strategic Excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enter Portal",
|
||||
href: "#portal",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg?_wi=1",
|
||||
imageAlt: "Minimalist architectural space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-business-team-discussing-report-sitting-meeting-table-with-monitor-holding-looking-documents-business-meeting-teamwork-concept_74855-11909.jpg?_wi=1",
|
||||
imageAlt: "Luxury office environment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-paint-background_53876-88895.jpg?_wi=1",
|
||||
imageAlt: "Abstract luxury texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-elements_23-2147986581.jpg?_wi=1",
|
||||
imageAlt: "Executive workspace",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-cosmetic-jar-reflective-dark-surface-with-dramatic-lighting_84443-91361.jpg?_wi=1",
|
||||
imageAlt: "Polished platinum surface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-purple-yellow-light-painting_23-2149679075.jpg",
|
||||
imageAlt: "Refined digital abstraction",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Leo.luxury"
|
||||
description="Private Network. Strategic Excellence."
|
||||
buttons={[
|
||||
{ text: "Enter Portal", href: "#portal" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg", imageAlt: "Minimalist architectural space" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/positive-business-team-discussing-report-sitting-meeting-table-with-monitor-holding-looking-documents-business-meeting-teamwork-concept_74855-11909.jpg", imageAlt: "Luxury office environment" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/silver-paint-background_53876-88895.jpg", imageAlt: "Abstract luxury texture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-elements_23-2147986581.jpg", imageAlt: "Executive workspace" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-cosmetic-jar-reflective-dark-surface-with-dramatic-lighting_84443-91361.jpg", imageAlt: "Polished platinum surface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bright-purple-yellow-light-painting_23-2149679075.jpg", imageAlt: "Refined digital abstraction" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="profile" data-section="profile">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Architectural Foundation of Excellence",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/binders-organized-documents_23-2149396708.jpg",
|
||||
alt: "Luxury interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="profile" data-section="profile">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "The Architectural Foundation of Excellence" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/binders-organized-documents_23-2149396708.jpg", alt: "Luxury interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Deep market insight",
|
||||
"Global perspective",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Successful Ventures",
|
||||
items: [
|
||||
"Proven methodology",
|
||||
"Strategic growth",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Institutional Partners",
|
||||
items: [
|
||||
"Trusted ecosystem",
|
||||
"Elite network",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Strategic Impact"
|
||||
description="Quantifying exclusivity through performance."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Experience", items: ["Deep market insight", "Global perspective"] },
|
||||
{ id: "m2", value: "200+", title: "Successful Ventures", items: ["Proven methodology", "Strategic growth"] },
|
||||
{ id: "m3", value: "50+", title: "Institutional Partners", items: ["Trusted ecosystem", "Elite network"] },
|
||||
]}
|
||||
title="Strategic Impact"
|
||||
description="Quantifying exclusivity through performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Leo Sterling",
|
||||
role: "Principal",
|
||||
description: "Managing all operations and strategic visions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Vane",
|
||||
role: "Legal Counsel",
|
||||
description: "Expert in high-end international structuring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-classy-suit-by-office-center_1303-25334.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Croft",
|
||||
role: "Operations",
|
||||
description: "Ensuring precision and seamless execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Moss",
|
||||
role: "Client Relations",
|
||||
description: "Your primary liaison for network engagement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Network"
|
||||
description="Leadership and specialized experts at your disposal."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{ id: "t1", name: "Leo Sterling", role: "Principal", description: "Managing all operations and strategic visions.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
|
||||
{ id: "t2", name: "Sarah Vane", role: "Legal Counsel", description: "Expert in high-end international structuring.", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-classy-suit-by-office-center_1303-25334.jpg" },
|
||||
{ id: "t3", name: "James Croft", role: "Operations", description: "Ensuring precision and seamless execution.", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg" },
|
||||
{ id: "t4", name: "Elena Moss", role: "Client Relations", description: "Your primary liaison for network engagement.", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg" },
|
||||
]}
|
||||
title="The Network"
|
||||
description="Leadership and specialized experts at your disposal."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portal" data-section="portal">
|
||||
<PricingCardNine
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Direct Communication",
|
||||
price: "Inquire",
|
||||
period: "Direct",
|
||||
features: [
|
||||
"Encrypted channels",
|
||||
"24/7 priority support",
|
||||
],
|
||||
button: {
|
||||
text: "Initiate",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780731.jpg",
|
||||
imageAlt: "Modern and minimalist office",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Executive Payments",
|
||||
price: "Secure",
|
||||
period: "Global",
|
||||
features: [
|
||||
"Institutional gateway",
|
||||
"Bank-grade security",
|
||||
],
|
||||
button: {
|
||||
text: "Execute",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg?_wi=2",
|
||||
imageAlt: "Modern and minimalist office",
|
||||
},
|
||||
]}
|
||||
title="Client Services"
|
||||
description="Secure access points for our private ecosystem."
|
||||
/>
|
||||
</div>
|
||||
<div id="portal" data-section="portal">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", title: "Direct Communication", price: "Inquire", period: "Direct", features: ["Encrypted channels", "24/7 priority support"], button: { text: "Initiate", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780731.jpg", imageAlt: "Modern and minimalist office" },
|
||||
{ id: "p2", title: "Executive Payments", price: "Secure", period: "Global", features: ["Institutional gateway", "Bank-grade security"], button: { text: "Execute", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg", imageAlt: "Modern and minimalist office" },
|
||||
]}
|
||||
title="Client Services"
|
||||
description="Secure access points for our private ecosystem."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "A. Chen",
|
||||
date: "2024",
|
||||
title: "Founder",
|
||||
quote: "Unparalleled discretion.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-covering-her-face-with-yellow-card_23-2148255309.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg?_wi=3",
|
||||
imageAlt: "minimalist abstract headshot",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "B. Thorne",
|
||||
date: "2024",
|
||||
title: "Investor",
|
||||
quote: "A hub of true excellence.",
|
||||
tag: "Private",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-suit-posing-black-white_23-2149411393.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-business-team-discussing-report-sitting-meeting-table-with-monitor-holding-looking-documents-business-meeting-teamwork-concept_74855-11909.jpg?_wi=2",
|
||||
imageAlt: "minimalist abstract headshot",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "C. Dupont",
|
||||
date: "2024",
|
||||
title: "Executive",
|
||||
quote: "Efficiency beyond expectation.",
|
||||
tag: "Corporate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-black-white_23-2149675525.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-paint-background_53876-88895.jpg?_wi=2",
|
||||
imageAlt: "minimalist abstract headshot",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "D. Miller",
|
||||
date: "2024",
|
||||
title: "Partner",
|
||||
quote: "The standard in luxury.",
|
||||
tag: "Institutional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005082.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-elements_23-2147986581.jpg?_wi=2",
|
||||
imageAlt: "minimalist abstract headshot",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "E. Vance",
|
||||
date: "2024",
|
||||
title: "Entrepreneur",
|
||||
quote: "Unmatched operational flow.",
|
||||
tag: "Network",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/adult-woman-with-inhale-life-motivation-word_53876-121428.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-cosmetic-jar-reflective-dark-surface-with-dramatic-lighting_84443-91361.jpg?_wi=2",
|
||||
imageAlt: "minimalist abstract headshot",
|
||||
},
|
||||
]}
|
||||
title="Verified Trust"
|
||||
description="Discreet endorsements from our core network."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "A. Chen", date: "2024", title: "Founder", quote: "Unparalleled discretion.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/woman-covering-her-face-with-yellow-card_23-2148255309.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-relaxing-couch-with-magazine_23-2148415908.jpg", imageAlt: "minimalist abstract headshot" },
|
||||
{ id: "2", name: "B. Thorne", date: "2024", title: "Investor", quote: "A hub of true excellence.", tag: "Private", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-suit-posing-black-white_23-2149411393.jpg", imageSrc: "http://img.b2bpic.net/free-photo/positive-business-team-discussing-report-sitting-meeting-table-with-monitor-holding-looking-documents-business-meeting-teamwork-concept_74855-11909.jpg", imageAlt: "minimalist abstract headshot" },
|
||||
{ id: "3", name: "C. Dupont", date: "2024", title: "Executive", quote: "Efficiency beyond expectation.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-black-white_23-2149675525.jpg", imageSrc: "http://img.b2bpic.net/free-photo/silver-paint-background_53876-88895.jpg", imageAlt: "minimalist abstract headshot" },
|
||||
{ id: "4", name: "D. Miller", date: "2024", title: "Partner", quote: "The standard in luxury.", tag: "Institutional", avatarSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005082.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-business-elements_23-2147986581.jpg", imageAlt: "minimalist abstract headshot" },
|
||||
{ id: "5", name: "E. Vance", date: "2024", title: "Entrepreneur", quote: "Unmatched operational flow.", tag: "Network", avatarSrc: "http://img.b2bpic.net/free-photo/adult-woman-with-inhale-life-motivation-word_53876-121428.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glowing-blue-cosmetic-jar-reflective-dark-surface-with-dramatic-lighting_84443-91361.jpg", imageAlt: "minimalist abstract headshot" },
|
||||
]}
|
||||
title="Verified Trust"
|
||||
description="Discreet endorsements from our core network."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sterling Ventures",
|
||||
"Vane & Assoc",
|
||||
"Croft Global",
|
||||
"Moss Capital",
|
||||
"Alpha Network",
|
||||
"Summit Group",
|
||||
"Elite Equity",
|
||||
]}
|
||||
title="Network Ecosystem"
|
||||
description="Associated institutional and private partnerships."
|
||||
/>
|
||||
</div>
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sterling Ventures", "Vane & Assoc", "Croft Global", "Moss Capital", "Alpha Network", "Summit Group", "Elite Equity"]}
|
||||
title="Network Ecosystem"
|
||||
description="Associated institutional and private partnerships."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquire"
|
||||
title="Digital Concierge"
|
||||
description="For inquiries regarding network access or professional collaboration."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire"
|
||||
title="Digital Concierge"
|
||||
description="For inquiries regarding network access or professional collaboration."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Leo.luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Access",
|
||||
items: [
|
||||
{
|
||||
label: "Client Portal",
|
||||
href: "#portal",
|
||||
},
|
||||
{
|
||||
label: "Direct Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Discretion Notice",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Leo.luxury"
|
||||
columns={[
|
||||
{
|
||||
title: "Access", items: [
|
||||
{ label: "Client Portal", href: "#portal" },
|
||||
{ label: "Direct Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Discretion Notice", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user