bender/ebf0db14-937d-4ba7-b9a4-9c6342666a7c
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:main
Branches Tags
bender:main bender:version_1 bender:version_2
...
pull from: bender:version_1
Branches Tags
bender:main bender:version_1 bender:version_2

2 Commits

Author SHA1 Message Date
bender
2a75143ea5 Update src/app/page.tsx 2026-03-26 17:58:51 +00:00
bender
7aacc8e72b Update src/app/page.tsx 2026-03-26 17:56:42 +00:00
1 changed files with 109 additions and 218 deletions
Expand all files Collapse all files

327
src/app/page.tsx
View File

@@ -17,232 +17,123 @@ export default function LandingPage() {
defaultButtonVariant="text-stagger" defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "About", id: "about" },
id: "hero", { name: "Services", id: "features" },
}, { name: "Contact", id: "contact" },
{ ]}
name: "About", brandName="Elysium Elite"
id: "about", />
}, </div>
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Elysium Elite"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Defining the Future of Prestige"
}} description="Where visionary business strategy meets timeless elegance, creating unparalleled value for the world's most discerning organizations."
title="Defining the Future of Prestige" buttons={[{ text: "Inquire", href: "#contact" }]}
description="Where visionary business strategy meets timeless elegance, creating unparalleled value for the world's most discerning organizations." mediaItems={[
buttons={[ { imageSrc: "http://img.b2bpic.net/free-vector/abstract-polygonal-business-card-template_23-2148289520.jpg", imageAlt: "luxury lifestyle editorial aesthetic" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/roll-wallpaper-illuminated-by-artificial-light_122409-89.jpg", imageAlt: "minimalist luxury architecture detail" },
text: "Inquire", { imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149377404.jpg", imageAlt: "abstract gold and silk texture" },
href: "#contact", { imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg", imageAlt: "luxurious dark business office" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/sample-white-cotton-textile_1220-7596.jpg", imageAlt: "elegant premium service concept" },
]} { imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-young-woman-white-blouse-wide-black-pants-black-classic-high-heels-sitting-stairs-working-her-laptop_627829-9850.jpg", imageAlt: "sophisticated business lifestyle shot" }
mediaItems={[ ]}
{ />
imageSrc: "http://img.b2bpic.net/free-vector/abstract-polygonal-business-card-template_23-2148289520.jpg", </div>
imageAlt: "luxury lifestyle editorial aesthetic",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/roll-wallpaper-illuminated-by-artificial-light_122409-89.jpg",
imageAlt: "minimalist luxury architecture detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149377404.jpg",
imageAlt: "abstract gold and silk texture",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/relax-area-hotel_1150-10812.jpg",
imageAlt: "luxurious dark business office",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sample-white-cotton-textile_1220-7596.jpg",
imageAlt: "elegant premium service concept",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/goodlooking-young-woman-white-blouse-wide-black-pants-black-classic-high-heels-sitting-stairs-working-her-laptop_627829-9850.jpg",
imageAlt: "sophisticated business lifestyle shot",
},
]}
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
useInvertedBackground={false} useInvertedBackground={false}
title="A Legacy of Excellence" title="A Legacy of Excellence"
metrics={[ metrics={[
{ { icon: Award, label: "Years Established", value: "25+" },
icon: Award, { icon: Shield, label: "Client Retention", value: "98%" },
label: "Years Established", { icon: Star, label: "Global Projects", value: "500+" },
value: "25+", ]}
}, metricsAnimation="blur-reveal"
{ />
icon: Shield, </div>
label: "Client Retention",
value: "98%",
},
{
icon: Star,
label: "Global Projects",
value: "500+",
},
]}
metricsAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwelve <FeatureCardTwelve
textboxLayout="split-description" animationType="blur-reveal"
useInvertedBackground={true} textboxLayout="split-description"
features={[ useInvertedBackground={true}
{ title="Curated Services"
id: "s1", description="Bespoke business solutions designed to navigate complexity with absolute precision."
label: "01", features={[
title: "Strategic Consulting", { id: "s1", label: "01", title: "Strategic Consulting", items: ["Executive Advisory", "Market Penetration", "Scalable Growth"] },
items: [ { id: "s2", label: "02", title: "Brand Realization", items: ["Identity Crafting", "Luxury Positioning", "Digital Presence"] },
"Executive Advisory", { id: "s3", label: "03", title: "Capital Management", items: ["Portfolio Optimization", "Risk Mitigation", "Asset Stewardship"] },
"Market Penetration", ]}
"Scalable Growth", />
], </div>
},
{
id: "s2",
label: "02",
title: "Brand Realization",
items: [
"Identity Crafting",
"Luxury Positioning",
"Digital Presence",
],
},
{
id: "s3",
label: "03",
title: "Capital Management",
items: [
"Portfolio Optimization",
"Risk Mitigation",
"Asset Stewardship",
],
},
]}
title="Curated Services"
description="Bespoke business solutions designed to navigate complexity with absolute precision."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve <TestimonialCardTwelve
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ cardTitle="Client Voices"
{ cardTag="Testimonials"
id: "1", cardAnimation="blur-reveal"
name: "Alistair Sterling", testimonials={[
imageSrc: "http://img.b2bpic.net/free-photo/drawer-lighting-warm-led-profile-blue-fronts_169016-69064.jpg", { id: "1", name: "Alistair Sterling", imageSrc: "http://img.b2bpic.net/free-photo/drawer-lighting-warm-led-profile-blue-fronts_169016-69064.jpg" },
}, { id: "2", name: "Eleanor Vance", imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-suit-holds-hands-crossed-chest-stands-power-pose-street_1258-123439.jpg" },
{ { id: "3", name: "Julian Thorne", imageSrc: "http://img.b2bpic.net/free-photo/two-focused-colleagues-watching-discussing-content-computer-monitor-holding-pen-mouse-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-12034.jpg" },
id: "2", { id: "4", name: "Isabella Rossi", imageSrc: "http://img.b2bpic.net/free-photo/open-drawer-linear-perspective-dark-interior_169016-69134.jpg" },
name: "Eleanor Vance", ]}
imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-suit-holds-hands-crossed-chest-stands-power-pose-street_1258-123439.jpg", />
}, </div>
{
id: "3",
name: "Julian Thorne",
imageSrc: "http://img.b2bpic.net/free-photo/two-focused-colleagues-watching-discussing-content-computer-monitor-holding-pen-mouse-talking-while-sitting-meeting-room-with-panoramic-window-business-communication-concept_74855-12034.jpg",
},
{
id: "4",
name: "Isabella Rossi",
imageSrc: "http://img.b2bpic.net/free-photo/open-drawer-linear-perspective-dark-interior_169016-69134.jpg",
},
]}
cardTitle="Client Voices"
cardAnimation="blur-reveal"
cardTag="Testimonials"
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactFaq <ContactFaq
useInvertedBackground={true} animationType="blur-reveal"
faqs={[ useInvertedBackground={true}
{ ctaTitle="Request a Private Session"
id: "f1", ctaDescription="Our partners are available for discreet, comprehensive consultations."
title: "Is our consultation private?", ctaButton={{ text: "Schedule Session" }}
content: "Absolutely. All sessions are strictly confidential.", ctaIcon={Calendar}
}, faqs={[
{ { id: "f1", title: "Is our consultation private?", content: "Absolutely. All sessions are strictly confidential." },
id: "f2", { id: "f2", title: "How do we begin?", content: "Simply schedule an introductory call to discuss your objectives." },
title: "How do we begin?", ]}
content: "Simply schedule an introductory call to discuss your objectives.", />
}, </div>
]}
ctaTitle="Request a Private Session"
ctaDescription="Our partners are available for discreet, comprehensive consultations."
ctaButton={{
text: "Schedule Session",
}}
ctaIcon={Calendar}
title="Private Consultation"
description="Begin your journey with Elysium Elite."
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Firm", title: "Firm", items: [
items: [ { label: "About", href: "#about" },
{ { label: "Careers", href: "#" },
label: "About", ],
href: "#about", },
}, {
{ title: "Services", items: [
label: "Careers", { label: "Consulting", href: "#features" },
href: "#", { label: "Advisory", href: "#features" },
}, ],
], },
}, ]}
{ bottomLeftText="© 2024 Elysium Elite. All rights reserved."
title: "Services", bottomRightText="Privacy Policy | Terms of Service"
items: [ />
{ </div>
label: "Consulting",
href: "#features",
},
{
label: "Advisory",
href: "#features",
},
],
},
]}
bottomLeftText="© 2024 Elysium Elite. All rights reserved."
bottomRightText="Privacy Policy | Terms of Service"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }