From 4627d0d714cd7fb44effd4e6e5a9efd3d5cb754b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 16:41:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 449 ++++++++++++++---------------------------------
 1 file changed, 135 insertions(+), 314 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 74b7c47..98ad25b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,328 +28,149 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="TheNotable Business Enterprise"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="TheNotable Business Enterprise"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Innovation Meets Enterprise"
-      description="We are TheNotable Business Enterprise. We scale businesses, invest in local ventures, and craft high-performance digital experiences."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-graph-chart-data-statistic-report-information-icon-symbol-sign-website-element-concept-illustration-white-background-3d-rendering_56104-1212.jpg",
-          imageAlt: "3D growth chart",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg",
-          imageAlt: "3D web tech",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-delivery-boy_23-2151952971.jpg",
-          imageAlt: "3D e-commerce",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/chrome-spheres-attached-red-sphere_1156-675.jpg",
-          imageAlt: "3D networking",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg",
-          imageAlt: "3D web portal",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-indian-businessman_183364-114500.jpg",
-          imageAlt: "3D local development",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154812.jpg",
-          imageAlt: "3D architecture",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-computer-device-with-peripheral-devices_23-2150714049.jpg",
-          imageAlt: "3D portal",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg",
-          imageAlt: "3D networking",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-christmas-gift-boxes_23-2147965650.jpg",
-          imageAlt: "3D e-commerce",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_52683-108577.jpg",
-          imageAlt: "3D web tech",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-immersed-digital-data-binary-code_23-2152004080.jpg",
-          imageAlt: "3D growth",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg",
-          alt: "Portrait young, confident businessman wearing glasses",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-          alt: "Closeup of Handsome Middle-aged Business Leader",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",
-          alt: "Cheerful businessman smiling",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smart-business-executive-forlmalwear-standing-outside-office-building-have-his-takeaway-coffee_1098-19265.jpg",
-          alt: "Medium shot of smart business executive in forlmalwear standing outside the office building to have his takeaway coffee",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg",
-          alt: "Portrait of smart young woman posing at the office",
-        },
-      ]}
-      avatarText="Trusted by 200+ industry leaders worldwide."
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/elegant-minimal-logo-design-set-six_1017-36989.jpg",
-          alt: "Minimalist logo design element",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/minimalist-line-logo-concept-design_1017-33246.jpg",
-          alt: "Minimalist line logo design element",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/minimal-logo-collection-two-colors_23-2148383904.jpg",
-          alt: "Minimal logo collection element",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148374486.jpg",
-          alt: "Minimal logo pastel element",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-vector/minimal-logo-collection-with-pastel-colors_23-2148367261.jpg",
-          alt: "Minimal logo set element",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="Innovation Meets Enterprise"
+            description="We are TheNotable Business Enterprise. We scale businesses, invest in local ventures, and craft high-performance digital experiences."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/blue-graph-chart-data-statistic-report-information-icon-symbol-sign-website-element-concept-illustration-white-background-3d-rendering_56104-1212.jpg", imageAlt: "3D growth chart" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-plexus-low-poly-design-with-selective-focus_1048-12167.jpg", imageAlt: "3D web tech" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/happy-delivery-boy_23-2151952971.jpg", imageAlt: "3D e-commerce" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/chrome-spheres-attached-red-sphere_1156-675.jpg", imageAlt: "3D networking" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg", imageAlt: "3D web portal" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-indian-businessman_183364-114500.jpg", imageAlt: "3D local development" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154812.jpg", imageAlt: "3D architecture" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-computer-device-with-peripheral-devices_23-2150714049.jpg", imageAlt: "3D portal" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-landscape-shiny-cubes-monotone_1048-12329.jpg", imageAlt: "3D networking" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/seamless-pattern-christmas-gift-boxes_23-2147965650.jpg", imageAlt: "3D e-commerce" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-house_52683-108577.jpg", imageAlt: "3D web tech" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-immersed-digital-data-binary-code_23-2152004080.jpg", imageAlt: "3D growth" }
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5355.jpg", alt: "Portrait young, confident businessman" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Closeup of Handsome Business Leader" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg", alt: "Cheerful businessman" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smart-business-executive-forlmalwear-standing-outside-office-building-have-his-takeaway-coffee_1098-19265.jpg", alt: "Smart business executive" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-smart-young-woman-posing-office_23-2148452668.jpg", alt: "Portrait of smart young woman" }
+            ]}
+            avatarText="Trusted by 200+ industry leaders worldwide."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Us"
-      title="Building Legacies Through Enterprise"
-      description="TheNotable Business Enterprise is committed to shaping the local commercial landscape through strategic investments and digital excellence."
-      subdescription="Founded in 2011, we have built a reputation for driving growth and creating impactful solutions for our clients."
-      icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/gradient-pink-diamond-geometric-shapes_23-2149824301.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="About Us"
+            title="Building Legacies Through Enterprise"
+            description="TheNotable Business Enterprise is committed to shaping the local commercial landscape through strategic investments and digital excellence."
+            subdescription="Founded in 2011, we have built a reputation for driving growth and creating impactful solutions for our clients."
+            icon={Zap}
+            imageSrc="http://img.b2bpic.net/free-photo/gradient-pink-diamond-geometric-shapes_23-2149824301.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Merchandise Sales",
-          description: "High-quality selection of products for every need.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833107.jpg",
-        },
-        {
-          title: "Local Investment",
-          description: "Empowering local businesses through strategic capital.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gold-growing-arrow-with-gold-coin-money-stacks-gold-bar-business-finance-savings-investment-concept-background-3d-illustration_56104-1960.jpg",
-        },
-        {
-          title: "Web Development",
-          description: "Custom websites that bring your business online.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg",
-        },
-      ]}
-      title="Our Core Agendas"
-      description="Comprehensive business solutions designed for the modern local enterprise."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            features={[
+              { title: "Merchandise Sales", description: "High-quality selection of products for every need.", imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sales-sign-neon-light_23-2151833107.jpg" },
+              { title: "Local Investment", description: "Empowering local businesses through strategic capital.", imageSrc: "http://img.b2bpic.net/free-photo/gold-growing-arrow-with-gold-coin-money-stacks-gold-bar-business-finance-savings-investment-concept-background-3d-illustration_56104-1960.jpg" },
+              { title: "Web Development", description: "Custom websites that bring your business online.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg" }
+            ]}
+            title="Our Core Agendas"
+            description="Comprehensive business solutions designed for the modern local enterprise."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "13+",
-          description: "Years of Excellence",
-        },
-        {
-          id: "m2",
-          value: "200+",
-          description: "Business Partners",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Professional Dedication",
-        },
-      ]}
-      title="Enterprise Milestones"
-      description="Quantifiable impact and professional commitment since 2011."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="depth-3d"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "13+", description: "Years of Excellence" },
+              { id: "m2", value: "200+", description: "Business Partners" },
+              { id: "m3", value: "100%", description: "Professional Dedication" }
+            ]}
+            title="Enterprise Milestones"
+            description="Quantifiable impact and professional commitment since 2011."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Exceptional service and professional approach.",
-          imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Transformed our local business completely.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
-        {
-          id: "t3",
-          name: "Alex Riv",
-          handle: "@alexriv",
-          testimonial: "Their investment strategy is truly visionary.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah Lee",
-          handle: "@sarahlee",
-          testimonial: "Reliable, efficient, and innovative web designs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
-        },
-        {
-          id: "t5",
-          name: "Bob Brown",
-          handle: "@bobbrown",
-          testimonial: "The best enterprise partner in town.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-manager-formal-suit-his-female-assistant_273609-4719.jpg",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Hear from the partners who trusted us to build their future."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSix
+            textboxLayout="default"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            testimonials={[
+              { id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Exceptional service and professional approach.", imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg" },
+              { id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Transformed our local business completely.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
+              { id: "t3", name: "Alex Riv", handle: "@alexriv", testimonial: "Their investment strategy is truly visionary.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg" },
+              { id: "t4", name: "Sarah Lee", handle: "@sarahlee", testimonial: "Reliable, efficient, and innovative web designs.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
+              { id: "t5", name: "Bob Brown", handle: "@bobbrown", testimonial: "The best enterprise partner in town.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-manager-formal-suit-his-female-assistant_273609-4719.jpg" }
+            ]}
+            title="Client Success Stories"
+            description="Hear from the partners who trusted us to build their future."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Alpha Corp",
-        "Beta Labs",
-        "Gamma Inc",
-        "Delta Flow",
-        "Epsilon Tech",
-        "Zeta Systems",
-        "Eta Global",
-      ]}
-      title="Our Trusted Network"
-      description="Collaborating with excellence to drive sustainable business value."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Alpha Corp", "Beta Labs", "Gamma Inc", "Delta Flow", "Epsilon Tech", "Zeta Systems", "Eta Global"]}
+            title="Our Trusted Network"
+            description="Collaborating with excellence to drive sustainable business value."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      title="Get in touch with us"
-      description="Questions? Reach us at 0780477718 or thenotable2011@gmail.com"
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Get in touch with us"
+            description="Questions? Reach us at 0780477718 or thenotable2011@gmail.com"
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="TheNotable Business Enterprise"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Email Us",
-              href: "mailto:thenotable2011@gmail.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2011 TheNotable Business Enterprise"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="TheNotable Business Enterprise"
+            columns={[
+              {
+                title: "Company",                items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }]
+              },
+              {
+                title: "Support",                items: [{ label: "Contact", href: "#contact" }, { label: "Email Us", href: "mailto:thenotable2011@gmail.com" }]
+              }
+            ]}
+            copyrightText="© 2011 TheNotable Business Enterprise"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );