Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2a75143ea5 | |||
| 7aacc8e72b |
327
src/app/page.tsx
327
src/app/page.tsx
@@ -17,232 +17,123 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ 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."
|
||||
buttons={[{ text: "Inquire", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ 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" },
|
||||
{ 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">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Established",
|
||||
value: "25+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Client Retention",
|
||||
value: "98%",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Global Projects",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Excellence"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Established", value: "25+" },
|
||||
{ icon: Shield, label: "Client Retention", value: "98%" },
|
||||
{ icon: Star, label: "Global Projects", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "01",
|
||||
title: "Strategic Consulting",
|
||||
items: [
|
||||
"Executive Advisory",
|
||||
"Market Penetration",
|
||||
"Scalable Growth",
|
||||
],
|
||||
},
|
||||
{
|
||||
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="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
title="Curated Services"
|
||||
description="Bespoke business solutions designed to navigate complexity with absolute precision."
|
||||
features={[
|
||||
{ id: "s1", label: "01", title: "Strategic Consulting", items: ["Executive Advisory", "Market Penetration", "Scalable Growth"] },
|
||||
{ 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"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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: "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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="blur-reveal"
|
||||
testimonials={[
|
||||
{ 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: "4", name: "Isabella Rossi", imageSrc: "http://img.b2bpic.net/free-photo/open-drawer-linear-perspective-dark-interior_169016-69134.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is our consultation private?",
|
||||
content: "Absolutely. All sessions are strictly confidential.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do we begin?",
|
||||
content: "Simply schedule an introductory call to discuss your objectives.",
|
||||
},
|
||||
]}
|
||||
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="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
ctaTitle="Request a Private Session"
|
||||
ctaDescription="Our partners are available for discreet, comprehensive consultations."
|
||||
ctaButton={{ text: "Schedule Session" }}
|
||||
ctaIcon={Calendar}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is our consultation private?", content: "Absolutely. All sessions are strictly confidential." },
|
||||
{ id: "f2", title: "How do we begin?", content: "Simply schedule an introductory call to discuss your objectives." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Firm",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Advisory",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Elysium Elite. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Firm", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Consulting", href: "#features" },
|
||||
{ label: "Advisory", href: "#features" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Elysium Elite. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user