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

---
 src/app/page.tsx | 526 ++++++++++++++---------------------------------
 1 file changed, 150 insertions(+), 376 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8b7eef7..fd4d281 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,391 +29,165 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-      ]}
-      brandName="AutoVid"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Features", id: "#features" },
+              { name: "Pricing", id: "#pricing" },
+              { name: "FAQ", id: "#faq" },
+            ]}
+            brandName="AutoVid"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Publish Videos on Autopilot"
-      description="Transform topics into professional, ready-to-post videos in seconds using our AI-powered engine."
-      tag="Revolutionize Your Content"
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-running-code-apartment-pc-monitors_482257-88591.jpg?_wi=1",
-          imageAlt: "saas dashboard interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg",
-          imageAlt: "saas dashboard interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg",
-          imageAlt: "saas dashboard interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074307.jpg",
-          imageAlt: "saas dashboard interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg",
-          imageAlt: "saas dashboard interface",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="Publish Videos on Autopilot"
+            description="Transform topics into professional, ready-to-post videos in seconds using our AI-powered engine."
+            tag="Revolutionize Your Content"
+            buttons={[{ text: "Get Started", href: "#" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-running-code-apartment-pc-monitors_482257-88591.jpg", imageAlt: "saas dashboard interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-work-environment-empty-office-business-industry-enterprise-culture_482257-118995.jpg", imageAlt: "saas dashboard interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/person-having-conversation-with-ai-virtual-assistant-producing-clips_482257-127292.jpg", imageAlt: "saas dashboard interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074307.jpg", imageAlt: "saas dashboard interface" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg", imageAlt: "saas dashboard interface" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Mission"
-      title="Minimal Effort, Maximum Impact"
-      description="AutoVid Publisher is built for the next generation of content creators who want to scale their presence without the manual grind."
-      subdescription="From topic generation to video assembly, we handle the technical lifting so you can focus on your creative vision."
-      icon={Zap}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Mission"
+            title="Minimal Effort, Maximum Impact"
+            description="AutoVid Publisher is built for the next generation of content creators who want to scale their presence without the manual grind."
+            subdescription="From topic generation to video assembly, we handle the technical lifting so you can focus on your creative vision."
+            icon={Zap}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "AI-Powered Scripting",
-          description: "Generate high-engagement scripts tailored to any tone or niche in seconds.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg",
-            imageAlt: "automation flow chart tech",
-          },
-          items: [
-            {
-              icon: Pen,
-              text: "Multi-tone support",
-            },
-            {
-              icon: Clock,
-              text: "Short & Long form",
-            },
-            {
-              icon: TrendingUp,
-              text: "SEO-optimized",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-running-code-apartment-pc-monitors_482257-88591.jpg?_wi=2",
-          imageAlt: "automation flow chart tech",
-        },
-        {
-          title: "Automated Assembly",
-          description: "Combine voice, stock clips, and music into high-quality MP4 exports.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/focus-notebook-used-by-engineers-server-hub-blurry-background_482257-115436.jpg",
-            imageAlt: "ai software interface code",
-          },
-          items: [
-            {
-              icon: Video,
-              text: "Automated editing",
-            },
-            {
-              icon: Music,
-              text: "Music library",
-            },
-            {
-              icon: Check,
-              text: "Ready to post",
-            },
-          ],
-          reverse: true,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg?_wi=2",
-          imageAlt: "automation flow chart tech",
-        },
-        {
-          title: "Intelligent Scheduling",
-          description: "Queue your content and manage your entire calendar from one unified dashboard.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg",
-            imageAlt: "digital video editor interface",
-          },
-          items: [
-            {
-              icon: Calendar,
-              text: "Daily scheduling",
-            },
-            {
-              icon: BarChart,
-              text: "Queue management",
-            },
-            {
-              icon: Zap,
-              text: "One-click export",
-            },
-          ],
-          reverse: false,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg?_wi=1",
-          imageAlt: "automation flow chart tech",
-        },
-      ]}
-      title="Everything You Need to Scale"
-      description="A comprehensive suite of tools built for speed, consistency, and quality in content production."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "AI-Powered Scripting",                description: "Generate high-engagement scripts tailored to any tone or niche in seconds.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-center-cityscape_23-2152020917.jpg", imageAlt: "automation flow chart tech" },
+                items: [{ icon: Pen, text: "Multi-tone support" }, { icon: Clock, text: "Short & Long form" }, { icon: TrendingUp, text: "SEO-optimized" }],
+                reverse: false
+              },
+              {
+                title: "Automated Assembly",                description: "Combine voice, stock clips, and music into high-quality MP4 exports.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/focus-notebook-used-by-engineers-server-hub-blurry-background_482257-115436.jpg", imageAlt: "ai software interface code" },
+                items: [{ icon: Video, text: "Automated editing" }, { icon: Music, text: "Music library" }, { icon: Check, text: "Ready to post" }],
+                reverse: true
+              },
+              {
+                title: "Intelligent Scheduling",                description: "Queue your content and manage your entire calendar from one unified dashboard.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg", imageAlt: "digital video editor interface" },
+                items: [{ icon: Calendar, text: "Daily scheduling" }, { icon: BarChart, text: "Queue management" }, { icon: Zap, text: "One-click export" }],
+                reverse: false
+              },
+            ]}
+            title="Everything You Need to Scale"
+            description="A comprehensive suite of tools built for speed, consistency, and quality in content production."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      title="Impact by the Numbers"
-      tag="Proven Results"
-      metrics={[
-        {
-          id: "m1",
-          value: "10x",
-          description: "Faster Production",
-        },
-        {
-          id: "m2",
-          value: "95%",
-          description: "Manual Time Saved",
-        },
-        {
-          id: "m3",
-          value: "500+",
-          description: "Creators Assisted",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardFourteen
+            useInvertedBackground={false}
+            title="Impact by the Numbers"
+            tag="Proven Results"
+            metrics={[
+              { id: "m1", value: "10x", description: "Faster Production" },
+              { id: "m2", value: "95%", description: "Manual Time Saved" },
+              { id: "m3", value: "500+", description: "Creators Assisted" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "starter",
-          badge: "Entry",
-          price: "$0",
-          subtitle: "Perfect for side hustlers",
-          features: [
-            "10 videos/mo",
-            "Basic AI scripting",
-            "Standard stock library",
-          ],
-        },
-        {
-          id: "pro",
-          badge: "Recommended",
-          price: "$29",
-          subtitle: "Best for professional growth",
-          features: [
-            "100 videos/mo",
-            "Advanced AI scripting",
-            "Premium stock media",
-            "Bulk export",
-          ],
-        },
-        {
-          id: "elite",
-          badge: "Pro Level",
-          price: "$99",
-          subtitle: "For content agencies",
-          features: [
-            "Unlimited videos",
-            "Full API automation",
-            "Priority support",
-            "Custom branding",
-          ],
-        },
-      ]}
-      title="Simple, Scalable Pricing"
-      description="Choose the plan that fits your growth goals."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              {
+                id: "starter",                badge: "Entry",                price: "$0",                subtitle: "Perfect for side hustlers",                features: ["10 videos/mo", "Basic AI scripting", "Standard stock library"],
+              },
+              {
+                id: "pro",                badge: "Recommended",                price: "$29",                subtitle: "Best for professional growth",                features: ["100 videos/mo", "Advanced AI scripting", "Premium stock media", "Bulk export"],
+              },
+              {
+                id: "elite",                badge: "Pro Level",                price: "$99",                subtitle: "For content agencies",                features: ["Unlimited videos", "Full API automation", "Priority support", "Custom branding"],
+              },
+            ]}
+            title="Simple, Scalable Pricing"
+            description="Choose the plan that fits your growth goals."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Game Changer",
-          quote: "My engagement skyrocketed once I switched to automated publishing.",
-          name: "Sarah Miller",
-          role: "Faceless Page Owner",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          title: "Effortless",
-          quote: "I spend 90% less time editing. This is exactly what I needed.",
-          name: "Mark Chen",
-          role: "Tech Influencer",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg",
-        },
-        {
-          id: "3",
-          title: "Highly Recommended",
-          quote: "The AI scripts are actually good. Truly efficient.",
-          name: "Elena Rodriguez",
-          role: "Educational Creator",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg",
-        },
-        {
-          id: "4",
-          title: "Growth Engine",
-          quote: "Scaling my video output has never been easier.",
-          name: "David Kim",
-          role: "Startup founder",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19669.jpg",
-        },
-        {
-          id: "5",
-          title: "Incredible Tool",
-          quote: "AutoVid saves me hours every day. Essential for growth.",
-          name: "Lisa Wang",
-          role: "YouTube Strategist",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg",
-        },
-      ]}
-      title="Join Successful Creators"
-      description="Hear what our users have to say about the AutoVid workflow."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Game Changer", quote: "My engagement skyrocketed once I switched to automated publishing.", name: "Sarah Miller", role: "Faceless Page Owner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-male-professional-standing-with-arms-crossed-while-making-eye-contact-against-isolated-background_662251-838.jpg" },
+              { id: "2", title: "Effortless", quote: "I spend 90% less time editing. This is exactly what I needed.", name: "Mark Chen", role: "Tech Influencer", imageSrc: "http://img.b2bpic.net/free-photo/smiling-camera-with-crossed-arms-happy-confident-satisfied-expression-lateral-view_1194-632052.jpg" },
+              { id: "3", title: "Highly Recommended", quote: "The AI scripts are actually good. Truly efficient.", name: "Elena Rodriguez", role: "Educational Creator", imageSrc: "http://img.b2bpic.net/free-photo/smiling-youngster-with-gadget-classroom_23-2147666808.jpg" },
+              { id: "4", title: "Growth Engine", quote: "Scaling my video output has never been easier.", name: "David Kim", role: "Startup founder", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19669.jpg" },
+              { id: "5", title: "Incredible Tool", quote: "AutoVid saves me hours every day. Essential for growth.", name: "Lisa Wang", role: "YouTube Strategist", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" },
+            ]}
+            title="Join Successful Creators"
+            description="Hear what our users have to say about the AutoVid workflow."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is full automation included?",
-          content: "The MVP focuses on generation. Full auto-posting is coming soon via API integrations.",
-        },
-        {
-          id: "q2",
-          title: "Can I use my own footage?",
-          content: "Yes, our engine allows you to upload custom clips to mix with stock media.",
-        },
-        {
-          id: "q3",
-          title: "Is it really free to start?",
-          content: "Our starter tier provides sufficient credits to experiment with video publishing.",
-        },
-        {
-          id: "q4",
-          title: "Are there platform restrictions?",
-          content: "We follow standard platform API guidelines to keep your accounts safe.",
-        },
-        {
-          id: "q5",
-          title: "How is my data handled?",
-          content: "We prioritize privacy and use standard encryption for all user generated content.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to know about getting started."
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Is full automation included?", content: "The MVP focuses on generation. Full auto-posting is coming soon via API integrations." },
+              { id: "q2", title: "Can I use my own footage?", content: "Yes, our engine allows you to upload custom clips to mix with stock media." },
+              { id: "q3", title: "Is it really free to start?", content: "Our starter tier provides sufficient credits to experiment with video publishing." },
+              { id: "q4", title: "Are there platform restrictions?", content: "We follow standard platform API guidelines to keep your accounts safe." },
+              { id: "q5", title: "How is my data handled?", content: "We prioritize privacy and use standard encryption for all user generated content." },
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Everything you need to know about getting started."
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Join the Beta"
-      title="Start Publishing Today"
-      description="Don't get left behind. Subscribe to get early access to our full automation features."
-      imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-blue-purple-light-effect_53876-103687.jpg"
-      mediaPosition="left"
-      buttonText="Subscribe"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Join the Beta"
+            title="Start Publishing Today"
+            description="Don't get left behind. Subscribe to get early access to our full automation features."
+            imageSrc="http://img.b2bpic.net/free-photo/gradient-background-with-blue-purple-light-effect_53876-103687.jpg"
+            mediaPosition="left"
+            buttonText="Subscribe"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-            {
-              label: "Roadmap",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="AutoVid Publisher"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Roadmap", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Contact", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+            ]}
+            logoText="AutoVid Publisher"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1