Merge version_1 into main #2
500
src/app/page.tsx
500
src/app/page.tsx
@@ -30,370 +30,162 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Upper Echelon"
|
||||
button={{
|
||||
text: "Consult",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Upper Echelon"
|
||||
button={{ text: "Consult", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Defining the Apex of Private Aviation"
|
||||
description="Upper Echelon Advisors provides bespoke consulting, acquisition strategy, and operational oversight for those who demand uncompromising performance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inquire Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-would-be-seated-airport-with-clock-beside_1122-989.jpg?_wi=1",
|
||||
imageAlt: "Private jet luxury cabin",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-passengers-travelling-by-airplane-commercial-flight-flying-with-international-airline-go-holiday-trip-travellers-sitting-plane-seats-aerial-transportation_482257-51147.jpg?_wi=1",
|
||||
imageAlt: "Jet flight over clouds",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aviation-crew-flying-airplane-with-engine-lever-throttle-using-dashboard-command-buttons-takeoff-control-panel-navigantion-windscreen-fly-plane-using-power-handle-close-up_482257-46838.jpg",
|
||||
imageAlt: "Jet turbine detail",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Defining the Apex of Private Aviation"
|
||||
description="Upper Echelon Advisors provides bespoke consulting, acquisition strategy, and operational oversight for those who demand uncompromising performance."
|
||||
buttons={[{ text: "Inquire Today", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-would-be-seated-airport-with-clock-beside_1122-989.jpg", imageAlt: "Private jet luxury cabin" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-passengers-travelling-by-airplane-commercial-flight-flying-with-international-airline-go-holiday-trip-travellers-sitting-plane-seats-aerial-transportation_482257-51147.jpg", imageAlt: "Jet flight over clouds" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aviation-crew-flying-airplane-with-engine-lever-throttle-using-dashboard-command-buttons-takeoff-control-panel-navigantion-windscreen-fly-plane-using-power-handle-close-up_482257-46838.jpg", imageAlt: "Jet turbine detail" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Decades of Aviation Excellence"
|
||||
description="We bridge the gap between aviation possibilities and operational reality. Our team of seasoned experts ensures every flight is an experience in security and performance."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Successful Acquisitions",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Client Retention",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-man-standing-phone-with-suitcase-airport-waiting-flight-xaxa_657883-700.jpg"
|
||||
imageAlt="Consulting team at work"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Decades of Aviation Excellence"
|
||||
description="We bridge the gap between aviation possibilities and operational reality. Our team of seasoned experts ensures every flight is an experience in security and performance."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Successful Acquisitions" },
|
||||
{ value: "99.9%", title: "Client Retention" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-business-man-standing-phone-with-suitcase-airport-waiting-flight-xaxa_657883-700.jpg"
|
||||
imageAlt="Consulting team at work"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fleet Strategy",
|
||||
description: "Asset valuation and lifecycle management.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-airplane-descending-from-clouded-sky_181624-26225.jpg",
|
||||
imageAlt: "private jet on runway",
|
||||
},
|
||||
{
|
||||
title: "Acquisition Support",
|
||||
description: "Global search, vetting, and negotiation.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-would-be-seated-airport-with-clock-beside_1122-989.jpg?_wi=2",
|
||||
imageAlt: "private jet on runway",
|
||||
},
|
||||
{
|
||||
title: "Operational Oversight",
|
||||
description: "Efficiency audits and safety standards.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-passengers-travelling-by-airplane-commercial-flight-flying-with-international-airline-go-holiday-trip-travellers-sitting-plane-seats-aerial-transportation_482257-51147.jpg?_wi=2",
|
||||
imageAlt: "private jet on runway",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Advisory Services"
|
||||
description="Unlocking value in every facet of the private aviation lifecycle."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fleet Strategy", description: "Asset valuation and lifecycle management.", bentoComponent: "reveal-icon", icon: Globe },
|
||||
{ title: "Acquisition Support", description: "Global search, vetting, and negotiation.", bentoComponent: "reveal-icon", icon: Search },
|
||||
{ title: "Operational Oversight", description: "Efficiency audits and safety standards.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
]}
|
||||
title="Comprehensive Advisory Services"
|
||||
description="Unlocking value in every facet of the private aviation lifecycle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30%",
|
||||
title: "Average Cost Reduction",
|
||||
items: [
|
||||
"Fuel audits",
|
||||
"Maintenance optimization",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Active Monitoring",
|
||||
items: [
|
||||
"Real-time logistics",
|
||||
"Global support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$1B+",
|
||||
title: "Assets Managed",
|
||||
items: [
|
||||
"Global aircraft fleet",
|
||||
"Value protection",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Impact Driven Results"
|
||||
description="Transparent data for calculated decisions."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "30%", title: "Average Cost Reduction", items: ["Fuel audits", "Maintenance optimization"] },
|
||||
{ id: "m2", value: "24/7", title: "Active Monitoring", items: ["Real-time logistics", "Global support"] },
|
||||
{ id: "m3", value: "$1B+", title: "Assets Managed", items: ["Global aircraft fleet", "Value protection"] },
|
||||
]}
|
||||
title="Impact Driven Results"
|
||||
description="Transparent data for calculated decisions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "Retainer",
|
||||
subtitle: "Strategic guidance",
|
||||
features: [
|
||||
"Monthly market insights",
|
||||
"Quarterly audit",
|
||||
"Direct email support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premier",
|
||||
price: "Custom",
|
||||
subtitle: "End-to-end management",
|
||||
features: [
|
||||
"All Essential features",
|
||||
"Full asset acquisition",
|
||||
"Crew oversight",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Advisory Packages"
|
||||
description="Tailored expertise for private owners and fleet managers."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", badge: "Essential", price: "Retainer", subtitle: "Strategic guidance", features: ["Monthly market insights", "Quarterly audit", "Direct email support"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
{
|
||||
id: "p2", badge: "Premier", price: "Custom", subtitle: "End-to-end management", features: ["All Essential features", "Full asset acquisition", "Crew oversight"],
|
||||
buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
title="Advisory Packages"
|
||||
description="Tailored expertise for private owners and fleet managers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Boeing",
|
||||
"Bombardier",
|
||||
"Gulfstream",
|
||||
"Embraer",
|
||||
"Textron Aviation",
|
||||
"Dassault",
|
||||
"NetJets",
|
||||
]}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with global aviation leaders."
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Boeing", "Bombardier", "Gulfstream", "Embraer", "Textron Aviation", "Dassault", "NetJets"]}
|
||||
title="Industry Partners"
|
||||
description="Collaborating with global aviation leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "CEO",
|
||||
company: "TechGlobal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Founder",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-young-businesswoman-standing-front-modern-building_23-2147941468.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Alex Rivera",
|
||||
role: "Investor",
|
||||
company: "Capital Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam Taylor",
|
||||
role: "Managing Dir",
|
||||
company: "Logistics Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-talkign-phone-cafe_23-2147689178.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan Lee",
|
||||
role: "Owner",
|
||||
company: "AeroGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our partners have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", role: "CEO", company: "TechGlobal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Founder", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-young-businesswoman-standing-front-modern-building_23-2147941468.jpg" },
|
||||
{ id: "t3", name: "Alex Rivera", role: "Investor", company: "Capital Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg" },
|
||||
{ id: "t4", name: "Sam Taylor", role: "Managing Dir", company: "Logistics Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/content-businessman-talkign-phone-cafe_23-2147689178.jpg" },
|
||||
{ id: "t5", name: "Jordan Lee", role: "Owner", company: "AeroGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-looking-camera-smiling-sitting-workplace-desk_482257-5730.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our partners have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you value an aircraft?",
|
||||
content: "We utilize proprietary market algorithms and physical inspections.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle maintenance audits?",
|
||||
content: "Yes, we perform full lifecycle maintenance and safety audits.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my confidentiality ensured?",
|
||||
content: "Total discretion is a pillar of our consulting practice.",
|
||||
},
|
||||
]}
|
||||
title="Expertise Insights"
|
||||
description="Common questions regarding private aviation advisory."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do you value an aircraft?", content: "We utilize proprietary market algorithms and physical inspections." },
|
||||
{ id: "q2", title: "Do you handle maintenance audits?", content: "Yes, we perform full lifecycle maintenance and safety audits." },
|
||||
{ id: "q3", title: "Is my confidentiality ensured?", content: "Total discretion is a pillar of our consulting practice." },
|
||||
]}
|
||||
title="Expertise Insights"
|
||||
description="Common questions regarding private aviation advisory."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to optimize your aviation assets? Contact us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Strategy Call",
|
||||
href: "mailto:info@upperechelon.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to optimize your aviation assets? Contact us today."
|
||||
buttons={[{ text: "Schedule Strategy Call", href: "mailto:info@upperechelon.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Upper Echelon"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#socialProof",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Strategy",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Upper Echelon"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Partners", href: "#socialProof" }] },
|
||||
{ title: "Services", items: [{ label: "Strategy", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user