Merge version_2 into main #3
@@ -8,24 +8,31 @@ import ContactText from '@/components/sections/contact/ContactText';
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider 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>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
<ContactText
|
||||
text="Inquire for a private, confidential session."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
className="pt-32"
|
||||
/>
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Inquire for a private, confidential session."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
className="pt-32"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -4,30 +4,38 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
|
||||
export default function GalleryPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider 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>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
<MetricCardEleven
|
||||
title="Portfolio Gallery"
|
||||
description="A visual chronicle of our most distinguished projects."
|
||||
animationType="scale-rotate"
|
||||
metrics={[]}
|
||||
className="pt-32"
|
||||
/>
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Portfolio Gallery"
|
||||
description="A visual chronicle of our most distinguished projects."
|
||||
animationType="scale-rotate"
|
||||
metrics={[]}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
className="pt-32"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,34 +2,43 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function OfferingsPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider 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>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Our Exclusive Offerings"
|
||||
description="Precision-crafted services for discerning leaders."
|
||||
features={[
|
||||
{ id: "1", label: "01", title: "Strategic Foresight", items: ["Market Analysis", "Global Vision"] },
|
||||
{ id: "2", label: "02", title: "Brand Elevation", items: ["Identity Crafting", "Digital Presence"] }
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
<FeatureCardSixteen
|
||||
title="Our Exclusive Offerings"
|
||||
description="Precision-crafted services for discerning leaders."
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
positiveCard={{ items: ["Strategic Foresight", "Brand Elevation", "Global Asset Management"] }}
|
||||
negativeCard={{ items: ["Inefficient Processes", "Generic Positioning", "Unmanaged Risk"] }}
|
||||
className="pt-32"
|
||||
/>
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
className="pt-32"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
114
src/app/page.tsx
114
src/app/page.tsx
@@ -17,21 +17,23 @@ 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: "/"},
|
||||
{
|
||||
name: "Offerings", id: "/offerings"},
|
||||
{
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
{ name: "Home", id: "/"},
|
||||
{ name: "Offerings", id: "/offerings"},
|
||||
{ name: "Gallery", id: "/gallery"},
|
||||
{ name: "Pricing", id: "/pricing"},
|
||||
{ name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
@@ -39,27 +41,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
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"},
|
||||
]}
|
||||
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"},
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -69,15 +58,9 @@ export default function LandingPage() {
|
||||
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+"},
|
||||
{ icon: Award, label: "Years Established", value: "25+" },
|
||||
{ icon: Shield, label: "Client Retention", value: "98%" },
|
||||
{ icon: Star, label: "Global Projects", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -85,21 +68,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="blur-reveal"
|
||||
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"],
|
||||
},
|
||||
{ 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."
|
||||
@@ -110,59 +85,34 @@ export default function LandingPage() {
|
||||
<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"},
|
||||
{ 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" },
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardAnimation="blur-reveal"
|
||||
cardTag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="blur-reveal"
|
||||
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."},
|
||||
{ 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"}}
|
||||
ctaButton={{ text: "Schedule Session" }}
|
||||
ctaIcon={Calendar}
|
||||
title="Private Consultation"
|
||||
description="Begin your journey with Elysium Elite."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Firm", items: [
|
||||
{
|
||||
label: "About", href: "/"},
|
||||
{
|
||||
label: "Careers", href: "/"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Offerings", href: "/offerings"},
|
||||
{
|
||||
label: "Pricing", href: "/pricing"},
|
||||
],
|
||||
},
|
||||
{ title: "Firm", items: [{ label: "About", href: "/" }, { label: "Careers", href: "/" }] },
|
||||
{ title: "Services", items: [{ label: "Offerings", href: "/offerings" }, { label: "Pricing", href: "/pricing" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Elysium Elite. All rights reserved."
|
||||
bottomRightText="Privacy Policy | Terms of Service"
|
||||
|
||||
@@ -8,30 +8,37 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
|
||||
export default function PricingPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<ThemeProvider 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>
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
<PricingCardThree
|
||||
title="Premium Packages"
|
||||
description="Select the level of luxury advisory that fits your vision."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
plans={[
|
||||
{ id: "p1", name: "Essential", price: "$5,000", features: ["Core Strategy", "Monthly Check-ins"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "p2", name: "Executive", price: "$15,000", features: ["Deep Consulting", "Brand Strategy", "Risk Analysis"], buttons: [{ text: "Get Started" }] }
|
||||
]}
|
||||
className="pt-32"
|
||||
/>
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Offerings", id: "/offerings" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Elysium Elite"
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Premium Packages"
|
||||
description="Select the level of luxury advisory that fits your vision."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", name: "Essential", price: "$5,000", features: ["Core Strategy", "Monthly Check-ins"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "p2", name: "Executive", price: "$15,000", features: ["Deep Consulting", "Brand Strategy", "Risk Analysis"], buttons: [{ text: "Get Started" }] }
|
||||
]}
|
||||
className="pt-32"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple columns={[]} bottomLeftText="© 2024 Elysium Elite." bottomRightText="" />
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user