From 2097a65b248e757079acedb3d24d39b0e1f3f056 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 06:59:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 483 ++++++++++++++---------------------------------
 1 file changed, 137 insertions(+), 346 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ad16e84..31ec43c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,363 +16,154 @@ import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="hover-bubble"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
+      defaultButtonVariant="hover-bubble"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-      ]}
-      brandName="AgencyGrow"
-      button={{
-        text: "Book a Call",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Services", id: "#features" },
+              { name: "Pricing", id: "#pricing" },
+              { name: "Testimonials", id: "#testimonials" },
+            ]}
+            brandName="AgencyGrow"
+            button={{ text: "Book a Call", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="Scale Your Agency with Predictable Growth"
-      description="We help service-based agencies generate more qualified leads and close more deals with our proven growth systems."
-      buttons={[
-        {
-          text: "Get Your Strategy",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg?_wi=1",
-          imageAlt: "creative agency meeting professional",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg?_wi=1",
-          imageAlt: "designer working creative tablet",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg?_wi=1",
-          imageAlt: "abstract data business growth",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg?_wi=1",
-          imageAlt: "team success meeting corporate",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg?_wi=1",
-          imageAlt: "modern boardroom high-end",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg",
-          imageAlt: "smartphone app dashboard analytics",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="Scale Your Agency with Predictable Growth"
+            description="We help service-based agencies generate more qualified leads and close more deals with our proven growth systems."
+            buttons={[{ text: "Get Your Strategy", href: "#contact" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg", imageAlt: "creative agency meeting professional" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg", imageAlt: "designer working creative tablet" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg", imageAlt: "abstract data business growth" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg", imageAlt: "team success meeting corporate" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg", imageAlt: "modern boardroom high-end" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169839.jpg", imageAlt: "smartphone app dashboard analytics" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Built for Agency Owners"
-      description={[
-        "Most agencies struggle with inconsistent lead flow. We build the engine that keeps your sales pipeline full every month.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Built for Agency Owners"
+            description={[
+              "Most agencies struggle with inconsistent lead flow. We build the engine that keeps your sales pipeline full every month."]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyOne
-      useInvertedBackground={false}
-      title="Our Proven Growth Framework"
-      description="Everything you need to scale your revenue without the chaos."
-      accordionItems={[
-        {
-          id: "1",
-          title: "Lead Generation Systems",
-          content: "Custom automated systems to find high-ticket clients.",
-        },
-        {
-          id: "2",
-          title: "Sales Enablement",
-          content: "Scripts and processes that help your team close deals faster.",
-        },
-        {
-          id: "3",
-          title: "Account Management",
-          content: "Client retention strategies to ensure consistent long-term revenue.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"
-      mediaAnimation="slide-up"
-      imageAlt="agency growth chart visual"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyOne
+            useInvertedBackground={false}
+            title="Our Proven Growth Framework"
+            description="Everything you need to scale your revenue without the chaos."
+            accordionItems={[
+              { id: "1", title: "Lead Generation Systems", content: "Custom automated systems to find high-ticket clients." },
+              { id: "2", title: "Sales Enablement", content: "Scripts and processes that help your team close deals faster." },
+              { id: "3", title: "Account Management", content: "Client retention strategies to ensure consistent long-term revenue." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg"
+            mediaAnimation="slide-up"
+            imageAlt="agency growth chart visual"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          title: "Agencies Scaled",
-          items: [
-            "Successfully scaled businesses",
-            "Cross-industry expertise",
-          ],
-        },
-        {
-          id: "m2",
-          value: "$50M+",
-          title: "Revenue Generated",
-          items: [
-            "Direct revenue impact",
-            "Measurable ROI results",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24h",
-          title: "Lead Response",
-          items: [
-            "Faster client outreach",
-            "Optimized sales cycles",
-          ],
-        },
-      ]}
-      title="Results You Can Bank On"
-      description="Quantifiable impact that helps your agency grow exponentially."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "150+", title: "Agencies Scaled", items: ["Successfully scaled businesses", "Cross-industry expertise"] },
+              { id: "m2", value: "$50M+", title: "Revenue Generated", items: ["Direct revenue impact", "Measurable ROI results"] },
+              { id: "m3", value: "24h", title: "Lead Response", items: ["Faster client outreach", "Optimized sales cycles"] },
+            ]}
+            title="Results You Can Bank On"
+            description="Quantifiable impact that helps your agency grow exponentially."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          price: "$2,500/mo",
-          name: "Starter",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Lead System",
-            "Email Support",
-            "Strategy Call",
-          ],
-        },
-        {
-          id: "p2",
-          price: "$5,000/mo",
-          name: "Scaling",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Advanced Lead Gen",
-            "Sales Training",
-            "Weekly Reporting",
-          ],
-        },
-        {
-          id: "p3",
-          price: "$10,000/mo",
-          name: "Partner",
-          buttons: [
-            {
-              text: "Join Now",
-              href: "#contact",
-            },
-          ],
-          features: [
-            "Dedicated Account Manager",
-            "Total Sales Overhaul",
-            "Priority Access",
-          ],
-        },
-      ]}
-      title="Choose Your Growth Path"
-      description="Select the partnership tier that matches your current agency scale."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", price: "$2,500/mo", name: "Starter", buttons: [{ text: "Join Now", href: "#contact" }], features: ["Lead System", "Email Support", "Strategy Call"] },
+              { id: "p2", price: "$5,000/mo", name: "Scaling", buttons: [{ text: "Join Now", href: "#contact" }], features: ["Advanced Lead Gen", "Sales Training", "Weekly Reporting"] },
+              { id: "p3", price: "$10,000/mo", name: "Partner", buttons: [{ text: "Join Now", href: "#contact" }], features: ["Dedicated Account Manager", "Total Sales Overhaul", "Priority Access"] },
+            ]}
+            title="Choose Your Growth Path"
+            description="Select the partnership tier that matches your current agency scale."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          date: "Jan 2024",
-          title: "Agency Owner",
-          quote: "We doubled our leads in 60 days. Highly recommend.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg?_wi=2",
-          imageAlt: "professional female headshot",
-        },
-        {
-          id: "t2",
-          name: "Mike D.",
-          date: "Feb 2024",
-          title: "CEO",
-          quote: "Finally, a framework that works. My sales team is happier.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg?_wi=2",
-          imageAlt: "professional female headshot",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          date: "March 2024",
-          title: "Founder",
-          quote: "The ROI was clear within the first week of implementation.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg?_wi=2",
-          imageAlt: "professional female headshot",
-        },
-        {
-          id: "t4",
-          name: "David W.",
-          date: "April 2024",
-          title: "Director",
-          quote: "The best investment I've made in my agency so far.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg?_wi=2",
-          imageAlt: "professional female headshot",
-        },
-        {
-          id: "t5",
-          name: "Chloe T.",
-          date: "May 2024",
-          title: "Partner",
-          quote: "Our revenue consistency has never been better.",
-          tag: "5 stars",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg?_wi=2",
-          imageAlt: "professional female headshot",
-        },
-      ]}
-      title="Client Success Stories"
-      description="Hear what agency owners have to say about working with us."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Sarah J.", date: "Jan 2024", title: "Agency Owner", quote: "We doubled our leads in 60 days. Highly recommend.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-executive-professional-success-concept_53876-137644.jpg", imageSrc: "http://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991368.jpg", imageAlt: "professional female headshot" },
+              { id: "t2", name: "Mike D.", date: "Feb 2024", title: "CEO", quote: "Finally, a framework that works. My sales team is happier.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vanlife-travel-planning_23-2151938571.jpg", imageAlt: "professional female headshot" },
+              { id: "t3", name: "Emily R.", date: "March 2024", title: "Founder", quote: "The ROI was clear within the first week of implementation.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-tablet_1134-215.jpg", imageAlt: "professional female headshot" },
+              { id: "t4", name: "David W.", date: "April 2024", title: "Director", quote: "The best investment I've made in my agency so far.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/men-giving-high-five_23-2147710856.jpg", imageAlt: "professional female headshot" },
+              { id: "t5", name: "Chloe T.", date: "May 2024", title: "Partner", quote: "Our revenue consistency has never been better.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-tablet-work-while-his-female-colleagues-are-using-laptop_23-2149330956.jpg", imageAlt: "professional female headshot" },
+            ]}
+            title="Client Success Stories"
+            description="Hear what agency owners have to say about working with us."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How long until I see results?",
-          content: "Most clients see improvements within 30 days.",
-        },
-        {
-          id: "q2",
-          title: "Can I cancel at any time?",
-          content: "Yes, we offer month-to-month contracts.",
-        },
-        {
-          id: "q3",
-          title: "Is this for new agencies?",
-          content: "We work best with agencies doing at least $5k/mo.",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Find answers to the most common questions about our partnership model."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg"
-      imageAlt="Group of diverse people having a business meeting"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "How long until I see results?", content: "Most clients see improvements within 30 days." },
+              { id: "q2", title: "Can I cancel at any time?", content: "Yes, we offer month-to-month contracts." },
+              { id: "q3", title: "Is this for new agencies?", content: "We work best with agencies doing at least $5k/mo." },
+            ]}
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Find answers to the most common questions about our partnership model."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/group-diverse-people-having-business-meeting_53876-20851.jpg"
+            imageAlt="Group of diverse people having a business meeting"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      text="Ready to scale your agency to the next level?"
-      buttons={[
-        {
-          text: "Book a Free Strategy Session",
-          href: "#contact",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "rotated-rays-animated" }}
+            text="Ready to scale your agency to the next level?"
+            buttons={[{ text: "Book a Free Strategy Session", href: "#contact" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="AgencyGrow"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+            logoText="AgencyGrow"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1