From 44252e513717f098f63943761522d608b62dcdc7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 17:57:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 494 +++++++++++++----------------------------------
 1 file changed, 138 insertions(+), 356 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e8244b..a8efb54 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { BarChart3, Target, Zap, Rocket, Shield, ArrowRight, Star } from 'lucide-react';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
@@ -28,371 +29,152 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Case Studies",
-          id: "cases",
-        },
-        {
-          name: "Process",
-          id: "process",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-      ]}
-      brandName="AgencyElite"
-      button={{
-        text: "Strategy Call",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "services" },
+              { name: "Case Studies", id: "cases" },
+              { name: "Process", id: "process" },
+              { name: "Testimonials", id: "testimonials" },
+            ]}
+            brandName="AgencyElite"
+            button={{ text: "Strategy Call", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="We Build Websites That Generate Leads & Revenue"
-      description="We craft premium digital experiences engineered for maximum ROI and long-term business growth."
-      buttons={[
-        {
-          text: "Book a Strategy Call",
-          href: "#contact",
-        },
-        {
-          text: "View Case Studies",
-          href: "#cases",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-rise-buildings-blue-tone_1359-1088.jpg",
-          imageAlt: "modern luxury agency background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg",
-          imageAlt: "modern web design portfolio",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg",
-          imageAlt: "mobile responsive web design",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-blurred-office-buildings_1160-202.jpg",
-          imageAlt: "modern luxury agency background",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg",
-          imageAlt: "modern web design portfolio",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-back-view-photo-handsome-african-man-chatting_171337-17651.jpg",
-          imageAlt: "mobile responsive web design",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "gradient-bars" }}
+            title="We Build Websites That Generate Leads & Revenue"
+            description="We craft premium digital experiences engineered for maximum ROI and long-term business growth."
+            buttons={[
+              { text: "Book a Strategy Call", href: "#contact" },
+              { text: "View Case Studies", href: "#cases" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-rise-buildings-blue-tone_1359-1088.jpg", imageAlt: "modern luxury agency background" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-medium-shot_23-2149930939.jpg", imageAlt: "modern web design portfolio" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769962.jpg", imageAlt: "mobile responsive web design" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-blurred-office-buildings_1160-202.jpg", imageAlt: "modern luxury agency background" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/person-using-tablet_53876-41005.jpg", imageAlt: "modern web design portfolio" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cropped-back-view-photo-handsome-african-man-chatting_171337-17651.jpg", imageAlt: "mobile responsive web design" },
+            ]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TechCorp",
-        "GrowthCo",
-        "InnovateLab",
-        "StartUpXYZ",
-        "GlobalTrade",
-        "FutureSystems",
-        "AlphaCapital",
-      ]}
-      title="Trusted By Growing Businesses"
-      description="50+ Projects Delivered | 3x Average Conversion Increase"
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["TechCorp", "GrowthCo", "InnovateLab", "StartUpXYZ", "GlobalTrade", "FutureSystems", "AlphaCapital"]}
+            title="Trusted By Growing Businesses"
+            description="50+ Projects Delivered | 3x Average Conversion Increase"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "s1",
-          title: "Website Design",
-          tags: [
-            "Premium UI",
-            "UX Focus",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-style_23-2147937592.jpg",
-        },
-        {
-          id: "s2",
-          title: "Landing Pages",
-          tags: [
-            "Conversion",
-            "Speed",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-yellow-arrows-cardboard-white-background_23-2148459941.jpg",
-        },
-        {
-          id: "s3",
-          title: "Lead Funnels",
-          tags: [
-            "Revenue",
-            "Automated",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/retro-flat-business-elements_23-2147492660.jpg",
-        },
-      ]}
-      title="Premium Web Services"
-      description="High-conversion digital products designed for business growth."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            features={[
+              { id: "s1", title: "Website Design", tags: ["Premium UI", "UX Focus"], imageSrc: "http://img.b2bpic.net/free-vector/modern-web-design-concept-with-flat-style_23-2147937592.jpg" },
+              { id: "s2", title: "Landing Pages", tags: ["Conversion", "Speed"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-yellow-arrows-cardboard-white-background_23-2148459941.jpg" },
+              { id: "s3", title: "Lead Funnels", tags: ["Revenue", "Automated"], imageSrc: "http://img.b2bpic.net/free-vector/retro-flat-business-elements_23-2147492660.jpg" },
+            ]}
+            title="Premium Web Services"
+            description="High-conversion digital products designed for business growth."
+          />
+        </div>
 
-  <div id="cases" data-section="cases">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "c1",
-          name: "TechCorp Redesign",
-          price: "300% ROI",
-          brand: "B2B SaaS",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg",
-          rating: 5,
-        },
-        {
-          id: "c2",
-          name: "GlobalTrade Funnel",
-          price: "120% Leads",
-          brand: "E-Commerce",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-dark-background_9975-134305.jpg",
-          rating: 5,
-        },
-        {
-          id: "c3",
-          name: "InnovateLab Site",
-          price: "2.5x Conv",
-          brand: "Tech Lab",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
-          rating: 5,
-        },
-        {
-          id: "c4",
-          name: "GrowthCo Site",
-          price: "200% ROI",
-          brand: "Consulting",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg",
-          rating: 5,
-        },
-        {
-          id: "c5",
-          name: "StartupXYZ UI",
-          price: "40% Speed",
-          brand: "Fintech",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laptop_23-2147626305.jpg",
-          rating: 5,
-        },
-        {
-          id: "c6",
-          name: "AlphaCapital Site",
-          price: "150% Leads",
-          brand: "Finance",
-          imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-clean-phone-16_187299-45896.jpg",
-          rating: 5,
-        },
-      ]}
-      title="Case Studies"
-      description="Evidence-based results for our clients."
-    />
-  </div>
+        <div id="cases" data-section="cases">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "c1", name: "TechCorp Redesign", price: "300% ROI", brand: "B2B SaaS", imageSrc: "http://img.b2bpic.net/free-photo/male-entrepreneur-conducting-financial-planning-goal-setting_482257-122658.jpg", rating: 5, reviewCount: "150" },
+              { id: "c2", name: "GlobalTrade Funnel", price: "120% Leads", brand: "E-Commerce", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-blank-white-screen-dark-background_9975-134305.jpg", rating: 5, reviewCount: "210" },
+              { id: "c3", name: "InnovateLab Site", price: "2.5x Conv", brand: "Tech Lab", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg", rating: 5, reviewCount: "95" },
+              { id: "c4", name: "GrowthCo Site", price: "200% ROI", brand: "Consulting", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-nutritional-counter-app_23-2149880604.jpg", rating: 5, reviewCount: "320" },
+              { id: "c5", name: "StartupXYZ UI", price: "40% Speed", brand: "Fintech", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-laptop_23-2147626305.jpg", rating: 5, reviewCount: "115" },
+              { id: "c6", name: "AlphaCapital Site", price: "150% Leads", brand: "Finance", imageSrc: "http://img.b2bpic.net/free-photo/floating-screen-clean-phone-16_187299-45896.jpg", rating: 5, reviewCount: "180" },
+            ]}
+            title="Case Studies"
+            description="Evidence-based results for our clients."
+          />
+        </div>
 
-  <div id="process" data-section="process">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="split-description"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "p1",
-          title: "Strategy",
-          value: "Step 01",
-        },
-        {
-          id: "p2",
-          title: "Design",
-          value: "Step 02",
-        },
-        {
-          id: "p3",
-          title: "Development",
-          value: "Step 03",
-        },
-        {
-          id: "p4",
-          title: "Launch & Optimize",
-          value: "Step 04",
-        },
-      ]}
-      title="Our Proven Process"
-      description="A clear, strategic 4-step path to your business growth."
-    />
-  </div>
+        <div id="process" data-section="process">
+          <MetricCardThree
+            animationType="slide-up"
+            textboxLayout="split-description"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "p1", title: "Strategy", value: "Step 01", icon: Target },
+              { id: "p2", title: "Design", value: "Step 02", icon: Zap },
+              { id: "p3", title: "Development", value: "Step 03", icon: Rocket },
+              { id: "p4", title: "Launch & Optimize", value: "Step 04", icon: BarChart3 },
+            ]}
+            title="Our Proven Process"
+            description="A clear, strategic 4-step path to your business growth."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Johnson",
-          role: "CEO",
-          testimonial: "Increased our revenue by 3x within 4 months. Professional, reliable, high-end work.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael Chen",
-          role: "Founder",
-          testimonial: "The funnel automation has been a game changer for our business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily Rodriguez",
-          role: "Marketing Dir.",
-          testimonial: "Exceptional eye for design and performance. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-grey-suit_1303-9743.jpg",
-        },
-        {
-          id: "t4",
-          name: "David Kim",
-          role: "Product Manager",
-          testimonial: "Delivered a high-end experience that our users love.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anna Petrova",
-          role: "Owner",
-          testimonial: "Best investment we made this year. High ROI guaranteed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-working-computer-out-office_1303-21140.jpg",
-        },
-      ]}
-      title="Client Results"
-      description="What our clients say about the growth we've delivered."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah Johnson", role: "CEO", testimonial: "Increased our revenue by 3x within 4 months. Professional, reliable, high-end work.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-posing-black-white_23-2149411411.jpg" },
+              { id: "t2", name: "Michael Chen", role: "Founder", testimonial: "The funnel automation has been a game changer for our business.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
+              { id: "t3", name: "Emily Rodriguez", role: "Marketing Dir.", testimonial: "Exceptional eye for design and performance. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-grey-suit_1303-9743.jpg" },
+              { id: "t4", name: "David Kim", role: "Product Manager", testimonial: "Delivered a high-end experience that our users love.", imageSrc: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg" },
+              { id: "t5", name: "Anna Petrova", role: "Owner", testimonial: "Best investment we made this year. High ROI guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-working-computer-out-office_1303-21140.jpg" },
+            ]}
+            title="Client Results"
+            description="What our clients say about the growth we've delivered."
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Ready to Grow Your Business?"
-      description={[
-        "Let’s build a high-performance website that attracts customers and drives revenue.",
-      ]}
-      buttons={[
-        {
-          text: "Book Free Consultation",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Ready to Grow Your Business?"
+            description={["Let’s build a high-performance website that attracts customers and drives revenue."]}
+            buttons={[{ text: "Book Free Consultation", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Let's Start a Project"
-      description="Fill out the form below and we will contact you within 24 hours."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-        },
-        {
-          name: "btype",
-          type: "text",
-          placeholder: "Business Type",
-        },
-      ]}
-      textarea={{
-        name: "msg",
-        placeholder: "Project details or requirements...",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Let's Start a Project"
+            description="Fill out the form below and we will contact you within 24 hours."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name" },
+              { name: "phone", type: "tel", placeholder: "Phone Number" },
+              { name: "btype", type: "text", placeholder: "Business Type" },
+            ]}
+            textarea={{ name: "msg", placeholder: "Project details or requirements..." }}
+            imageSrc="http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg"
-      logoText="AgencyElite"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Case Studies",
-              href: "#cases",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 AgencyElite | Premium Web Solutions"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/pencil-right-side-with-white-background_187299-39926.jpg"
+            logoText="AgencyElite"
+            columns={[
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
+              { title: "Resources", items: [{ label: "Case Studies", href: "#cases" }, { label: "Blog", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            copyrightText="© 2025 AgencyElite | Premium Web Solutions"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1