From d8beb33ff2a136c7fe7d483213ca80245cb53fca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 15:06:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 455 +++++++++++++++--------------------------------
 1 file changed, 145 insertions(+), 310 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d3b8ce7..04f39cb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,327 +16,162 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "Agency",
-          id: "#about",
-        },
-        {
-          name: "Results",
-          id: "#metrics",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Autopilot"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+            ]}
+            brandName="Autopilot"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Your Business on Autopilot"
-      description="We handle web design, SEO, social media, and digital marketing so you focus on growth. Watch your online presence transform into a powerful lead-generating machine."
-      buttons={[
-        {
-          text: "Start Your Free Audit",
-          href: "#contact",
-        },
-        {
-          text: "View Our Results",
-          href: "#metrics",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 150+ growing businesses"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Google Certified",
-        },
-        {
-          type: "text",
-          text: "Meta Partner",
-        },
-        {
-          type: "text",
-          text: "Shopify Expert",
-        },
-        {
-          type: "text",
-          text: "WordPress Master",
-        },
-        {
-          type: "text",
-          text: "Data-Driven ROI",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="Your Business on Autopilot"
+            description="We handle web design, SEO, social media, and digital marketing so you focus on growth. Watch your online presence transform into a powerful lead-generating machine."
+            buttons={[
+              { text: "Start Your Free Audit", href: "#contact" },
+              { text: "View Our Results", href: "#metrics" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1083.jpg", alt: "Client 5" }
+            ]}
+            avatarText="Trusted by 150+ growing businesses"
+            marqueeItems={[
+              { type: "text", text: "Google Certified" },
+              { type: "text", text: "Meta Partner" },
+              { type: "text", text: "Shopify Expert" },
+              { type: "text", text: "WordPress Master" },
+              { type: "text", text: "Data-Driven ROI" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Data-Driven Marketing Partners"
-      description="Autopilot is not just an agency; we are your dedicated growth engine. Our experts bridge the gap between technical complexity and business results, ensuring your marketing works as hard as you do."
-      bulletPoints={[
-        {
-          title: "Scalable Strategies",
-          description: "Tailored solutions for SMBs at every stage of growth.",
-        },
-        {
-          title: "Proven ROI Focus",
-          description: "Everything we do is backed by clear analytics and measurable results.",
-        },
-        {
-          title: "Integrated Expertise",
-          description: "Web design, SEO, and social combined into one cohesive strategy.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-team-people-working-with-documents-calculating-earnings_1098-17380.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Data-Driven Marketing Partners"
+            description="Autopilot is not just an agency; we are your dedicated growth engine. Our experts bridge the gap between technical complexity and business results, ensuring your marketing works as hard as you do."
+            bulletPoints={[
+              { title: "Scalable Strategies", description: "Tailored solutions for SMBs at every stage of growth." },
+              { title: "Proven ROI Focus", description: "Everything we do is backed by clear analytics and measurable results." },
+              { title: "Integrated Expertise", description: "Web design, SEO, and social combined into one cohesive strategy." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-team-people-working-with-documents-calculating-earnings_1098-17380.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "1",
-          title: "Strategic SEO",
-          tags: [
-            "Visibility",
-            "Growth",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg",
-        },
-        {
-          id: "2",
-          title: "High-Converting Web Design",
-          tags: [
-            "UX/UI",
-            "Sales",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
-        },
-        {
-          id: "3",
-          title: "Social Media Management",
-          tags: [
-            "Engagement",
-            "Brand",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-telephone-receivers-with-paper-shape-chat-bubbles_23-2148796028.jpg",
-        },
-      ]}
-      title="Integrated Growth Services"
-      description="Comprehensive digital solutions built to convert."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "1", title: "Strategic SEO", tags: ["Visibility", "Growth"], imageSrc: "http://img.b2bpic.net/free-photo/research-analysis-ideas-strategy-information-concept_53876-123886.jpg" },
+              { id: "2", title: "High-Converting Web Design", tags: ["UX/UI", "Sales"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg" },
+              { id: "3", title: "Social Media Management", tags: ["Engagement", "Brand"], imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-telephone-receivers-with-paper-shape-chat-bubbles_23-2148796028.jpg" }
+            ]}
+            title="Integrated Growth Services"
+            description="Comprehensive digital solutions built to convert."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Results You Can Count On"
-      tag="Proven Success"
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Active Growth Campaigns",
-        },
-        {
-          id: "m2",
-          value: "2.4x",
-          description: "Average Revenue Increase",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Client Retention Rate",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Results You Can Count On"
+            tag="Proven Success"
+            metrics={[
+              { id: "m1", value: "150+", description: "Active Growth Campaigns" },
+              { id: "m2", value: "2.4x", description: "Average Revenue Increase" },
+              { id: "m3", value: "98%", description: "Client Retention Rate" }
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Alpha Corp",
-        "Beta Solutions",
-        "Gamma Retail",
-        "Delta Tech",
-        "Epsilon Systems",
-        "Zeta Creative",
-        "Theta Digital",
-      ]}
-      title="Trusted by Growing Businesses"
-      description="We partner with ambitious companies across diverse industries."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Alpha Corp", "Beta Solutions", "Gamma Retail", "Delta Tech", "Epsilon Systems", "Zeta Creative", "Theta Digital"]}
+            title="Trusted by Growing Businesses"
+            description="We partner with ambitious companies across diverse industries."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          role: "CEO",
-          testimonial: "Autopilot completely transformed our online presence in months.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
-        },
-        {
-          id: "2",
-          name: "David Chen",
-          role: "Marketing Director",
-          testimonial: "Their SEO strategies are unlike any we have seen before.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Watson",
-          role: "Owner",
-          testimonial: "Finally, marketing that drives actual sales results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/casually-dressed-female-designer-spectacles-working-remotely-generic-laptop-looking-with-joyful-smile_273609-1917.jpg",
-        },
-        {
-          id: "4",
-          name: "James Park",
-          role: "Manager",
-          testimonial: "Excellent communication and professional execution every time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Reed",
-          role: "Founder",
-          testimonial: "Autopilot is the best investment we made for our scaling.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-customer-man-smiling-happy-holding-credit-card-clothing-store_839833-13935.jpg",
-        },
-      ]}
-      title="What Our Partners Say"
-      description="Hear how we've helped businesses scale their operations through targeted digital strategy."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", role: "CEO", testimonial: "Autopilot completely transformed our online presence in months.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg" },
+              { id: "2", name: "David Chen", role: "Marketing Director", testimonial: "Their SEO strategies are unlike any we have seen before.", imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10626.jpg" },
+              { id: "3", name: "Emily Watson", role: "Owner", testimonial: "Finally, marketing that drives actual sales results.", imageSrc: "http://img.b2bpic.net/free-photo/casually-dressed-female-designer-spectacles-working-remotely-generic-laptop-looking-with-joyful-smile_273609-1917.jpg" },
+              { id: "4", name: "James Park", role: "Manager", testimonial: "Excellent communication and professional execution every time.", imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg" },
+              { id: "5", name: "Linda Reed", role: "Founder", testimonial: "Autopilot is the best investment we made for our scaling.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-customer-man-smiling-happy-holding-credit-card-clothing-store_839833-13935.jpg" }
+            ]}
+            title="What Our Partners Say"
+            description="Hear how we've helped businesses scale their operations through targeted digital strategy."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long until I see results?",
-          content: "Results typically begin within the first 60 days of strategy implementation.",
-        },
-        {
-          id: "f2",
-          title: "What tools do you use?",
-          content: "We utilize industry-leading analytics and automation tools for maximum ROI.",
-        },
-        {
-          id: "f3",
-          title: "Do you handle all marketing channels?",
-          content: "Yes, our integrated services cover everything from web to social.",
-        },
-      ]}
-      sideTitle="Questions? We have answers."
-      sideDescription="Everything you need to know about working with Autopilot."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How long until I see results?", content: "Results typically begin within the first 60 days of strategy implementation." },
+              { id: "f2", title: "What tools do you use?", content: "We utilize industry-leading analytics and automation tools for maximum ROI." },
+              { id: "f3", title: "Do you handle all marketing channels?", content: "Yes, our integrated services cover everything from web to social." }
+            ]}
+            sideTitle="Questions? We have answers."
+            sideDescription="Everything you need to know about working with Autopilot."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Get Started"
-      title="Start Your Free Growth Audit"
-      description="Ready to put your marketing on autopilot? Let's talk."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "gradient-bars" }}
+            tag="Get Started"
+            title="Start Your Free Growth Audit"
+            description="Ready to put your marketing on autopilot? Let's talk."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Autopilot"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Services", href: "#features" }, { label: "About", href: "#about" }] },
+              { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
+            ]}
+            logoText="Autopilot"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1