From 9a3bea306cf77fff5164086c4c813cc99b5ffe1a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 16:29:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 441 ++++++++++++++++-------------------------------
 1 file changed, 147 insertions(+), 294 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 165d8bf..32c9e4a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,311 +20,164 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         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">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="AI Intelligence Agency"
-    />
-  </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="AI Intelligence Agency"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Revolutionize Your Business with AI"
-      description="Expert AI implementation that saves time, cuts costs, and ensures you never miss a client opportunity again."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg",
-          imageAlt: "AI Neural Visualization",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg",
-          imageAlt: "Data Interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/experts-using-ai-computing-simulation_482257-80913.jpg",
-          imageAlt: "Automation Concept",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
-          imageAlt: "Data Stream",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-man-vr-glasses-touching-air_74855-2691.jpg",
-          imageAlt: "User Interaction",
-        },
-      ]}
-      mediaAnimation="blur-reveal"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="Revolutionize Your Business with AI"
+            description="Expert AI implementation that saves time, cuts costs, and ensures you never miss a client opportunity again."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/abstract-digital-network-flow_84443-74097.jpg", imageAlt: "AI Neural Visualization" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/executive-manager-modern-office-engaged-infographics-analysis_482257-122660.jpg", imageAlt: "Data Interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/experts-using-ai-computing-simulation_482257-80913.jpg", imageAlt: "Automation Concept" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg", imageAlt: "Data Stream" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-talking-man-vr-glasses-touching-air_74855-2691.jpg", imageAlt: "User Interaction" },
+            ]}
+            mediaAnimation="blur-reveal"
+            buttons={[
+              { text: "Get Started", href: "#contact" },
+              { text: "Learn More", href: "#about" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Your AI Transformation Partner"
-      description="We help agencies and businesses bridge the gap between manual processes and intelligent automation, ensuring maximum efficiency and 24/7 service availability."
-      metrics={[
-        {
-          value: "70%",
-          title: "Time Saved",
-        },
-        {
-          value: "40%",
-          title: "Operational Costs",
-        },
-        {
-          value: "100%",
-          title: "Lead Coverage",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg"
-      imageAlt="AI Expert Workspace"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Your AI Transformation Partner"
+            description="We help agencies and businesses bridge the gap between manual processes and intelligent automation, ensuring maximum efficiency and 24/7 service availability."
+            metrics={[
+              { value: "70%", title: "Time Saved" },
+              { value: "40%", title: "Operational Costs" },
+              { value: "100%", title: "Lead Coverage" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg"
+            imageAlt="AI Expert Workspace"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "feat-1",
-          title: "Automated Scheduling",
-          tags: [
-            "AI",
-            "Efficiency",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg",
-        },
-        {
-          id: "feat-2",
-          title: "24/7 Intelligent Support",
-          tags: [
-            "Sales",
-            "Growth",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg",
-        },
-        {
-          id: "feat-3",
-          title: "Predictive Analytics",
-          tags: [
-            "Data",
-            "Insight",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg",
-        },
-      ]}
-      title="Expert Solutions"
-      description="Proven AI expertise tailored to handle your scaling challenges."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "feat-1", title: "Automated Scheduling", tags: ["AI", "Efficiency"], imageSrc: "http://img.b2bpic.net/free-photo/finger-touching-smartwatch-s-screen_1134-388.jpg" },
+              { id: "feat-2", title: "24/7 Intelligent Support", tags: ["Sales", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg" },
+              { id: "feat-3", title: "Predictive Analytics", tags: ["Data", "Insight"], imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884869.jpg" },
+            ]}
+            title="Expert Solutions"
+            description="Proven AI expertise tailored to handle your scaling challenges."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "Clients Onboarded",
-          value: "500+",
-          icon: Users,
-        },
-        {
-          id: "m2",
-          title: "Tasks Automated",
-          value: "10k+",
-          icon: Zap,
-        },
-        {
-          id: "m3",
-          title: "Revenue Growth",
-          value: "150%",
-          icon: TrendingUp,
-        },
-      ]}
-      title="Impact at Scale"
-      description="Measurable results delivered through intelligent technology."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            animationType="scale-rotate"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", title: "Clients Onboarded", value: "500+", icon: Users },
+              { id: "m2", title: "Tasks Automated", value: "10k+", icon: Zap },
+              { id: "m3", title: "Revenue Growth", value: "150%", icon: TrendingUp },
+            ]}
+            title="Impact at Scale"
+            description="Measurable results delivered through intelligent technology."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alex Rivers",
-          role: "Marketing Director",
-          testimonial: "The AI integration saved us countless hours. Total game changer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-making-hand-gesture-with-laptop-desk-restaurant_23-2147956345.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Miller",
-          role: "CEO",
-          testimonial: "Never losing a client due to response times again. Incredible.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
-        },
-        {
-          id: "t3",
-          name: "James Chen",
-          role: "Operations",
-          testimonial: "Efficiency levels are through the roof. Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",
-        },
-        {
-          id: "t4",
-          name: "Lisa Wong",
-          role: "Sales Manager",
-          testimonial: "Seamless automation. It feels like having a larger team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
-        },
-        {
-          id: "t5",
-          name: "David Smith",
-          role: "Product Lead",
-          testimonial: "Expert guidance and flawless AI implementation.",
-          imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg",
-        },
-      ]}
-      title="Client Success"
-      description="See how businesses have transformed their workflow."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            textboxLayout="default"
+            useInvertedBackground={true}
+            animationType="scale-rotate"
+            testimonials={[
+              { id: "t1", name: "Alex Rivers", role: "Marketing Director", testimonial: "The AI integration saved us countless hours. Total game changer.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-making-hand-gesture-with-laptop-desk-restaurant_23-2147956345.jpg" },
+              { id: "t2", name: "Sarah Miller", role: "CEO", testimonial: "Never losing a client due to response times again. Incredible.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
+              { id: "t3", name: "James Chen", role: "Operations", testimonial: "Efficiency levels are through the roof. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg" },
+              { id: "t4", name: "Lisa Wong", role: "Sales Manager", testimonial: "Seamless automation. It feels like having a larger team.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg" },
+              { id: "t5", name: "David Smith", role: "Product Lead", testimonial: "Expert guidance and flawless AI implementation.", imageSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-middle-aged-business-woman_1262-3072.jpg" },
+            ]}
+            title="Client Success"
+            description="See how businesses have transformed their workflow."
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TechCorp",
-        "FinGlobal",
-        "GrowthX",
-        "DataStream",
-        "BotAuto",
-        "CloudScale",
-        "InnovateHub",
-      ]}
-      title="Trusted by Leaders"
-      description="Empowering innovators in diverse industries."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["TechCorp", "FinGlobal", "GrowthX", "DataStream", "BotAuto", "CloudScale", "InnovateHub"]}
+            title="Trusted by Leaders"
+            description="Empowering innovators in diverse industries."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long does implementation take?",
-          content: "Typically 2-4 weeks depending on complexity.",
-        },
-        {
-          id: "f2",
-          title: "Do I need technical knowledge?",
-          content: "No, we handle the full technical implementation.",
-        },
-        {
-          id: "f3",
-          title: "Will this replace my staff?",
-          content: "No, it augments your existing team's capability.",
-        },
-      ]}
-      title="Common Questions"
-      description="Learn more about our AI agency services."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/girl-coding-interactive-screen_53876-97188.jpg"
-      imageAlt="FAQ Support"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How long does implementation take?", content: "Typically 2-4 weeks depending on complexity." },
+              { id: "f2", title: "Do I need technical knowledge?", content: "No, we handle the full technical implementation." },
+              { id: "f3", title: "Will this replace my staff?", content: "No, it augments your existing team's capability." },
+            ]}
+            title="Common Questions"
+            description="Learn more about our AI agency services."
+            faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/girl-coding-interactive-screen_53876-97188.jpg"
+            imageAlt="FAQ Support"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get Started"
-      title="Ready to Scale?"
-      description="Send us an email to get a custom AI automation strategy for your agency."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Get Started"
+            title="Ready to Scale?"
+            description="Send us an email to get a custom AI automation strategy for your agency."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "AI Automation",
-              href: "#",
-            },
-            {
-              label: "Sales AI",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Agency",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 AI Agency"
-      bottomRightText="Privacy Policy"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Services",                items: [{ label: "AI Automation", href: "#" }, { label: "Sales AI", href: "#" }],
+              },
+              {
+                title: "Agency",                items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }],
+              },
+            ]}
+            bottomLeftText="© 2024 AI Agency"
+            bottomRightText="Privacy Policy"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1