From 8871e772a9bbc84f47e9f0d3ab7710075385a36f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 22:56:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 575 +++++++++++++----------------------------------
 1 file changed, 159 insertions(+), 416 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 46b8d10..ea5c2d8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,431 +29,174 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AgencyElite"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Services", id: "features" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="AgencyElite"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Scaling Brands in the Digital Era"
-      description="We craft elite social media strategies that turn engagement into measurable growth for premium brands."
-      testimonials={[
-        {
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Transformed our digital presence overnight.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg?_wi=1",
-          imageAlt: "digital agency background dark mode",
-        },
-        {
-          name: "Mike D.",
-          handle: "@miked",
-          testimonial: "The best agency in the industry.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=1",
-          imageAlt: "digital agency background dark mode",
-        },
-        {
-          name: "Alex R.",
-          handle: "@alexr",
-          testimonial: "Results exceeded all expectations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg?_wi=1",
-          imageAlt: "digital agency background dark mode",
-        },
-        {
-          name: "Elena V.",
-          handle: "@elenav",
-          testimonial: "Incredible creative and analytical team.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg?_wi=1",
-          imageAlt: "digital agency background dark mode",
-        },
-        {
-          name: "Chris B.",
-          handle: "@chrisb",
-          testimonial: "Real growth, not just vanity metrics.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg?_wi=1",
-          imageAlt: "digital agency background dark mode",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-businessman-glasses-looking-camera-cross-arms-chest-standing-white-backgroun_1258-113177.jpg",
-          alt: "Confident businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
-          alt: "Side view smiley modern female",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg",
-          alt: "Front view smiley woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-111768.jpg",
-          alt: "Skeptical bearded man",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
-          alt: "Happy smiling man",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Data-Driven",
-        },
-        {
-          type: "text",
-          text: "High ROI",
-        },
-        {
-          type: "text",
-          text: "Brand Authority",
-        },
-        {
-          type: "text",
-          text: "Global Scale",
-        },
-        {
-          type: "text",
-          text: "Viral Content",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            title="Scaling Brands in the Digital Era"
+            description="We craft elite social media strategies that turn engagement into measurable growth for premium brands."
+            testimonials={[
+              { name: "Sarah J.", handle: "@sarahj", testimonial: "Transformed our digital presence overnight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg", imageAlt: "digital agency background dark mode" },
+              { name: "Mike D.", handle: "@miked", testimonial: "The best agency in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg", imageAlt: "digital agency background dark mode" },
+              { name: "Alex R.", handle: "@alexr", testimonial: "Results exceeded all expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg", imageAlt: "digital agency background dark mode" },
+              { name: "Elena V.", handle: "@elenav", testimonial: "Incredible creative and analytical team.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg", imageAlt: "digital agency background dark mode" },
+              { name: "Chris B.", handle: "@chrisb", testimonial: "Real growth, not just vanity metrics.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg", imageAlt: "digital agency background dark mode" },
+            ]}
+            buttons={[{ text: "Get Started", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/confident-businessman-glasses-looking-camera-cross-arms-chest-standing-white-backgroun_1258-113177.jpg", alt: "Confident businessman" },
+              { src: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg", alt: "Side view smiley modern female" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg", alt: "Front view smiley woman" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-111768.jpg", alt: "Skeptical bearded man" },
+              { src: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg", alt: "Happy smiling man" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Data-Driven" },
+              { type: "text", text: "High ROI" },
+              { type: "text", text: "Brand Authority" },
+              { type: "text", text: "Global Scale" },
+              { type: "text", text: "Viral Content" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Redefining Agency Excellence"
-      buttons={[
-        {
-          text: "Learn More",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Redefining Agency Excellence"
+            buttons={[{ text: "Learn More" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Social Strategy",
-          description: "Holistic planning for brand authority.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Platform Optimization",
-            },
-            {
-              icon: CheckCircle,
-              text: "Audience Analysis",
-            },
-            {
-              icon: CheckCircle,
-              text: "Content Roadmap",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-fire-style-background_1017-3291.jpg?_wi=3",
-          imageAlt: "digital agency background dark mode",
-        },
-        {
-          title: "Creative Production",
-          description: "Stunning visuals that command attention.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "High-Res Photography",
-            },
-            {
-              icon: CheckCircle,
-              text: "Viral Video Ads",
-            },
-            {
-              icon: CheckCircle,
-              text: "Brand Assets",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=2",
-          imageAlt: "digital agency background dark mode",
-        },
-        {
-          title: "Performance Marketing",
-          description: "Data-driven advertising campaigns.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/reflection-from-laptop-glasses-dark-background_169016-63214.jpg",
-          },
-          items: [
-            {
-              icon: CheckCircle,
-              text: "Paid Media Management",
-            },
-            {
-              icon: CheckCircle,
-              text: "A/B Testing",
-            },
-            {
-              icon: CheckCircle,
-              text: "ROI Tracking",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg?_wi=2",
-          imageAlt: "digital agency background dark mode",
-        },
-      ]}
-      title="Core Agency Services"
-      description="Custom strategies tailored for high-growth digital platforms."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "Social Strategy",                description: "Holistic planning for brand authority.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-concept_1194-617406.jpg" },
+                items: [
+                  { icon: CheckCircle, text: "Platform Optimization" },
+                  { icon: CheckCircle, text: "Audience Analysis" },
+                  { icon: CheckCircle, text: "Content Roadmap" },
+                ],
+                reverse: false
+              },
+              {
+                title: "Creative Production",                description: "Stunning visuals that command attention.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/3d-futuristic-background-with-flowing-cyber-particles_1048-12206.jpg" },
+                items: [
+                  { icon: CheckCircle, text: "High-Res Photography" },
+                  { icon: CheckCircle, text: "Viral Video Ads" },
+                  { icon: CheckCircle, text: "Brand Assets" },
+                ],
+                reverse: true
+              },
+              {
+                title: "Performance Marketing",                description: "Data-driven advertising campaigns.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/reflection-from-laptop-glasses-dark-background_169016-63214.jpg" },
+                items: [
+                  { icon: CheckCircle, text: "Paid Media Management" },
+                  { icon: CheckCircle, text: "A/B Testing" },
+                  { icon: CheckCircle, text: "ROI Tracking" },
+                ],
+                reverse: false
+              },
+            ]}
+            title="Core Agency Services"
+            description="Custom strategies tailored for high-growth digital platforms."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "500+",
-          title: "Client Campaigns",
-          items: [
-            "Successfully managed",
-            "Industry leading",
-            "High satisfaction",
-          ],
-        },
-        {
-          id: "m2",
-          value: "200%",
-          title: "Avg. Growth",
-          items: [
-            "Year over year",
-            "Data verified",
-            "Proven results",
-          ],
-        },
-        {
-          id: "m3",
-          value: "1.2M",
-          title: "Engagement Total",
-          items: [
-            "Across channels",
-            "Real audience",
-            "True interaction",
-          ],
-        },
-      ]}
-      title="Measurable Impact"
-      description="Numbers speak louder than promises."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "500+", title: "Client Campaigns", items: ["Successfully managed", "Industry leading", "High satisfaction"] },
+              { id: "m2", value: "200%", title: "Avg. Growth", items: ["Year over year", "Data verified", "Proven results"] },
+              { id: "m3", value: "1.2M", title: "Engagement Total", items: ["Across channels", "Real audience", "True interaction"] },
+            ]}
+            title="Measurable Impact"
+            description="Numbers speak louder than promises."
+          />
+        </div>
 
-  <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Apex",
-        "Nebula",
-        "Zenith",
-        "Flux",
-        "Core",
-        "Orbit",
-        "Prime",
-      ]}
-      title="Trusted by Leaders"
-      description="Collaborating with visionaries globally."
-    />
-  </div>
+        <div id="socialproof" data-section="socialproof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Apex", "Nebula", "Zenith", "Flux", "Core", "Orbit", "Prime"]}
+            title="Trusted by Leaders"
+            description="Collaborating with visionaries globally."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "CEO",
-          company: "Apex",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg?_wi=3",
-        },
-        {
-          id: "t2",
-          name: "Mike D.",
-          role: "CTO",
-          company: "Nebula",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Alex R.",
-          role: "Founder",
-          company: "Zenith",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg?_wi=2",
-        },
-        {
-          id: "t4",
-          name: "Elena V.",
-          role: "Manager",
-          company: "Flux",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
-        },
-        {
-          id: "t5",
-          name: "Chris B.",
-          role: "Director",
-          company: "Core",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-with-tablet_23-2149457730.jpg",
-        },
-      ]}
-      title="Partner Insights"
-      description="What our clients think of our work."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", role: "CEO", company: "Apex", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-looking-disappointed-cross-arms-chest-frowning-displeased-standing-white-b_1258-113650.jpg" },
+              { id: "t2", name: "Mike D.", role: "CTO", company: "Nebula", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371898.jpg" },
+              { id: "t3", name: "Alex R.", role: "Founder", company: "Zenith", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-mulatto-male-model-black-hat-indoor-photo-cheerful-young-man-with-brown-skin_197531-21943.jpg" },
+              { id: "t4", name: "Elena V.", role: "Manager", company: "Flux", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg" },
+              { id: "t5", name: "Chris B.", role: "Director", company: "Core", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-with-tablet_23-2149457730.jpg" },
+            ]}
+            title="Partner Insights"
+            description="What our clients think of our work."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do we start?",
-          content: "Book a discovery call with our team.",
-        },
-        {
-          id: "q2",
-          title: "What platforms?",
-          content: "We support all major social platforms.",
-        },
-        {
-          id: "q3",
-          title: "Custom pricing?",
-          content: "Yes, we tailor quotes to your scale.",
-        },
-      ]}
-      sideTitle="Questions"
-      sideDescription="Everything you need to know about our services."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How do we start?", content: "Book a discovery call with our team." },
+              { id: "q2", title: "What platforms?", content: "We support all major social platforms." },
+              { id: "q3", title: "Custom pricing?", content: "Yes, we tailor quotes to your scale." },
+            ]}
+            sideTitle="Questions"
+            sideDescription="Everything you need to know about our services."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Ready to launch your campaign? Let's talk strategy."
-      buttons={[
-        {
-          text: "Contact Us",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            text="Ready to launch your campaign? Let's talk strategy."
+            buttons={[{ text: "Contact Us" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="AgencyElite"
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Social Strategy",
-              href: "#features",
-            },
-            {
-              label: "Creative",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="AgencyElite"
+            columns={[
+              { title: "Services", items: [{ label: "Social Strategy", href: "#features" }, { label: "Creative", href: "#features" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1