From b0a30295ed13f12292c426c81e9c9a86ccb95d58 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 15:24:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 500 ++++++++++++++---------------------------------
 1 file changed, 146 insertions(+), 354 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 937d80c..1b29081 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-- 
2.49.1