From b25ba21e5efc881881c99f9fb0ebd2e9d7e82987 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 16:33:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 391 ++++++++++++++---------------------------------
 1 file changed, 115 insertions(+), 276 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8ceed97..e4aa2fc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,290 +28,129 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="ELITE"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "services" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="ELITE"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Elevate Your Experience"
-      description="Premium service. Unmatched quality. Built for those who expect more."
-      buttons={[
-        {
-          text: "Get a Quote",
-          href: "#contact",
-        },
-        {
-          text: "Book Now",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg"
-      showDimOverlay={true}
-      showBlur={true}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ elite clients"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Elevate Your Experience"
+            description="Premium service. Unmatched quality. Built for those who expect more."
+            buttons={[{ text: "Get a Quote", href: "#contact" }, { text: "Book Now", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-man_23-2151020303.jpg"
+            showDimOverlay={true}
+            showBlur={true}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg", alt: "Client 5" },
+            ]}
+            avatarText="Trusted by 500+ elite clients"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "⭐ 5-Star Rated",
-        "✔ Trusted by 500+ Clients",
-        "✔ Fast Delivery",
-        "✔ Reliable Support",
-        "✔ Professional Excellence",
-      ]}
-      title="Credibility"
-      description="Why we are the industry standard."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["⭐ 5-Star Rated", "✔ Trusted by 500+ Clients", "✔ Fast Delivery", "✔ Reliable Support", "✔ Professional Excellence"]}
+            title="Credibility"
+            description="Why we are the industry standard."
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Sparkles,
-          title: "Bespoke Solutions",
-          description: "Tailored strategies designed for your specific business requirements.",
-        },
-        {
-          icon: Shield,
-          title: "Elite Security",
-          description: "Unrivaled protection and reliability for your most sensitive data.",
-        },
-        {
-          icon: Zap,
-          title: "Rapid Execution",
-          description: "Lightning-fast deployment without compromising on luxury quality standards.",
-        },
-      ]}
-      title="Our Premium Services"
-      description="Excellence in every detail."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Sparkles, title: "Bespoke Solutions", description: "Tailored strategies designed for your specific business requirements." },
+              { icon: Shield, title: "Elite Security", description: "Unrivaled protection and reliability for your most sensitive data." },
+              { icon: Zap, title: "Rapid Execution", description: "Lightning-fast deployment without compromising on luxury quality standards." },
+            ]}
+            title="Our Premium Services"
+            description="Excellence in every detail."
+          />
+        </div>
 
-  <div id="why-choose-us" data-section="why-choose-us">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Why Clients Choose Us"
-      description="We don't just provide services; we provide an elite experience defined by precision."
-      metrics={[
-        {
-          value: "100%",
-          title: "Satisfaction",
-        },
-        {
-          value: "500+",
-          title: "Global Clients",
-        },
-        {
-          value: "24/7",
-          title: "Concierge Support",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="why-choose-us" data-section="why-choose-us">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Why Clients Choose Us"
+            description="We don't just provide services; we provide an elite experience defined by precision."
+            metrics={[{ value: "100%", title: "Satisfaction" }, { value: "500+", title: "Global Clients" }, { value: "24/7", title: "Concierge Support" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797668.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardFour
-      textboxLayout="default"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Executive Suite",
-          price: "Premium",
-          variant: "Luxury",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg",
-        },
-        {
-          id: "2",
-          name: "Corporate Identity",
-          price: "Elite",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063184.jpg",
-        },
-        {
-          id: "3",
-          name: "Private Collection",
-          price: "Exclusive",
-          variant: "Elite",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
-        },
-        {
-          id: "4",
-          name: "Modern Interior",
-          price: "Bespoke",
-          variant: "Elite",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-home-with-healthy-plants_23-2149383711.jpg",
-        },
-      ]}
-      title="Visual Showcase"
-      description="A glimpse into our premium results."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Executive Suite", price: "Premium", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/hot-tea-table-vintage-style-room_53876-145030.jpg" },
+              { id: "2", name: "Corporate Identity", price: "Elite", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/mystery-box-with-gifts-concept_23-2150063184.jpg" },
+              { id: "3", name: "Private Collection", price: "Exclusive", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg" },
+              { id: "4", name: "Modern Interior", price: "Bespoke", variant: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-home-with-healthy-plants_23-2149383711.jpg" },
+            ]}
+            title="Visual Showcase"
+            description="A glimpse into our premium results."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "CEO",
-          company: "Global Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael D.",
-          role: "Director",
-          company: "Venture",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Founder",
-          company: "Studio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
-        },
-        {
-          id: "4",
-          name: "James L.",
-          role: "VP",
-          company: "Capital",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
-        },
-        {
-          id: "5",
-          name: "Marcus A.",
-          role: "Architect",
-          company: "Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "5.0",
-          label: "Avg Rating",
-        },
-        {
-          value: "500+",
-          label: "Reviews",
-        },
-        {
-          value: "100%",
-          label: "Retention",
-        },
-      ]}
-      title="Client Experiences"
-      description="What those who expect more say about us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "CEO", company: "Global Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
+              { id: "2", name: "Michael D.", role: "Director", company: "Venture", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg" },
+              { id: "3", name: "Elena R.", role: "Founder", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
+              { id: "4", name: "James L.", role: "VP", company: "Capital", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
+              { id: "5", name: "Marcus A.", role: "Architect", company: "Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
+            ]}
+            kpiItems={[{ value: "5.0", label: "Avg Rating" }, { value: "500+", label: "Reviews" }, { value: "100%", label: "Retention" }]}
+            title="Client Experiences"
+            description="What those who expect more say about us."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Limited Bookings"
-      title="Ready to Get Started?"
-      description="Experience the difference of true premium service. Same-day availability for select packages."
-      buttonText="Book Now"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Limited Bookings"
+            title="Ready to Get Started?"
+            description="Experience the difference of true premium service. Same-day availability for select packages."
+            buttonText="Book Now"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="ELITE"
-      columns={[
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Contact Info",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Elite Services. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="ELITE"
+            columns={[
+              { title: "Connect", items: [{ label: "Contact Info", href: "#" }, { label: "Instagram", href: "#" }] },
+              { title: "Support", items: [{ label: "FAQ", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2024 Elite Services. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );