From 45bde7a9389d732109b6c3ff1a5d1edca4aabd99 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 14 Apr 2026 09:06:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 392 +++++++++++++----------------------------------
 1 file changed, 108 insertions(+), 284 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 852694c..9e77237 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,296 +26,120 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="VoiceFlow"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Features", id: "features" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "FAQ", id: "faq" },
+            ]}
+            brandName="VoiceFlow"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "plain",
-      }}
-      title="VoiceFlow: Convert Text to Natural Audio"
-      description="Transform any text document into high-fidelity speech in seconds. Powered by advanced neural networks for human-like narration."
-      kpis={[
-        {
-          value: "99.9%",
-          label: "Accuracy Rate",
-        },
-        {
-          value: "1.2M+",
-          label: "Audios Generated",
-        },
-        {
-          value: "50+",
-          label: "Global Languages",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-design-with-cyber-particles_1048-13350.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-business-female-office_23-2148411861.jpg",
-          alt: "Portrait of professional woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
-          alt: "Happy woman with tablet",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg",
-          alt: "Senior female executive",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
-          alt: "Blond business woman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
-          alt: "Cheerful man on desk",
-        },
-      ]}
-      avatarText="Join 50,000+ happy creators"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "High Fidelity",
-          icon: Waves,
-        },
-        {
-          type: "text-icon",
-          text: "Ultra Fast",
-          icon: Zap,
-        },
-        {
-          type: "text-icon",
-          text: "Cloud Secure",
-          icon: Shield,
-        },
-        {
-          type: "text-icon",
-          text: "Multi-Lingual",
-          icon: Globe,
-        },
-        {
-          type: "text-icon",
-          text: "API Enabled",
-          icon: Code,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "plain" }}
+            title="VoiceFlow: Convert Text to Natural Audio"
+            description="Transform any text document into high-fidelity speech in seconds. Powered by advanced neural networks for human-like narration."
+            kpis={[
+              { value: "99.9%", label: "Accuracy Rate" },
+              { value: "1.2M+", label: "Audios Generated" },
+              { value: "50+", label: "Global Languages" },
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "Get Started", href: "#" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/3d-render-flowing-particles-design-with-cyber-particles_1048-13350.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/front-view-business-female-office_23-2148411861.jpg", alt: "Portrait of professional woman" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg", alt: "Happy woman with tablet" },
+              { src: "http://img.b2bpic.net/free-photo/experienced-senior-female-executive-eyeglasses_1262-5027.jpg", alt: "Senior female executive" },
+              { src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg", alt: "Blond business woman" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", alt: "Cheerful man on desk" },
+            ]}
+            avatarText="Join 50,000+ happy creators"
+            marqueeItems={[
+              { type: "text-icon", text: "High Fidelity", icon: Waves },
+              { type: "text-icon", text: "Ultra Fast", icon: Zap },
+              { type: "text-icon", text: "Cloud Secure", icon: Shield },
+              { type: "text-icon", text: "Multi-Lingual", icon: Globe },
+              { type: "text-icon", text: "API Enabled", icon: Code },
+            ]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Speech",
-          title: "Neural Clarity",
-          subtitle: "Ultra-realistic",
-          description: "AI models that simulate natural human breathing and intonation patterns.",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-volume-icon_187299-47019.jpg",
-        },
-        {
-          tag: "Workflow",
-          title: "Batch Processing",
-          description: "Convert thousands of pages into audio with one click. Save hours of time.",
-          imageSrc: "http://img.b2bpic.net/free-vector/basic-ui-elements-25-line-icon-pack-including-down-arrow-magnifier-person-male_1142-23775.jpg",
-        },
-        {
-          tag: "Global",
-          title: "Multi-language Support",
-          description: "Reach audiences anywhere with support for over 50 major global languages.",
-          imageSrc: "http://img.b2bpic.net/free-vector/halftone-style-abstract-dotted-sphere-shape-design_1017-53748.jpg",
-        },
-        {
-          tag: "Scalable",
-          title: "Enterprise API",
-          description: "Seamless integration into your apps and platforms with our robust API.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sound-volume-up-front-side-white-background_187299-40214.jpg",
-        },
-        {
-          tag: "Custom",
-          title: "Voice Cloning",
-          description: "Create a unique, personalized voice model for your specific brand identity.",
-          imageSrc: "http://img.b2bpic.net/free-vector/youtube-25-flat-color-icon-pack-including-gear-ui-basic-globe-basic_1142-21249.jpg",
-        },
-      ]}
-      title="Powerful Audio Features"
-      description="Everything you need to create professional-grade voice content."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Speech", title: "Neural Clarity", subtitle: "Ultra-realistic", description: "AI models that simulate natural human breathing and intonation patterns.", imageSrc: "http://img.b2bpic.net/free-photo/blue-volume-icon_187299-47019.jpg" },
+              { tag: "Workflow", title: "Batch Processing", subtitle: "Efficient", description: "Convert thousands of pages into audio with one click. Save hours of time.", imageSrc: "http://img.b2bpic.net/free-vector/basic-ui-elements-25-line-icon-pack-including-down-arrow-magnifier-person-male_1142-23775.jpg" },
+              { tag: "Global", title: "Multi-language Support", subtitle: "Universal", description: "Reach audiences anywhere with support for over 50 major global languages.", imageSrc: "http://img.b2bpic.net/free-vector/halftone-style-abstract-dotted-sphere-shape-design_1017-53748.jpg" },
+              { tag: "Scalable", title: "Enterprise API", subtitle: "Robust", description: "Seamless integration into your apps and platforms with our robust API.", imageSrc: "http://img.b2bpic.net/free-photo/sound-volume-up-front-side-white-background_187299-40214.jpg" },
+              { tag: "Custom", title: "Voice Cloning", subtitle: "Personalized", description: "Create a unique, personalized voice model for your specific brand identity.", imageSrc: "http://img.b2bpic.net/free-vector/youtube-25-flat-color-icon-pack-including-gear-ui-basic-globe-basic_1142-21249.jpg" },
+            ]}
+            title="Powerful Audio Features"
+            description="Everything you need to create professional-grade voice content."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Content Creator",
-          company: "CreativeMedia",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21368.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Lead Developer",
-          company: "TechInnovate",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Founder",
-          company: "GrowthSpire",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-real-estate-agent-assistant-smiling-hold-hands-together-how-may-i-help-you-smiling-friendly-polite-assist-customer-white-background_176420-45257.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Educator",
-          company: "EduHub",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert B.",
-          role: "Podcast Host",
-          company: "VoiceTalks",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-35195.jpg",
-        },
-      ]}
-      title="Loved by Creators Globally"
-      description="See why top professionals choose VoiceFlow for their audio projects."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Content Creator", company: "CreativeMedia", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21368.jpg" },
+              { id: "2", name: "Mark D.", role: "Lead Developer", company: "TechInnovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg" },
+              { id: "3", name: "Elena R.", role: "Founder", company: "GrowthSpire", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-corporate-man-real-estate-agent-assistant-smiling-hold-hands-together-how-may-i-help-you-smiling-friendly-polite-assist-customer-white-background_176420-45257.jpg" },
+              { id: "4", name: "David K.", role: "Educator", company: "EduHub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-digital-nomad-standing-office-with-laptop-smiling-working-her_1258-195350.jpg" },
+              { id: "5", name: "Robert B.", role: "Podcast Host", company: "VoiceTalks", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-35195.jpg" },
+            ]}
+            title="Loved by Creators Globally"
+            description="See why top professionals choose VoiceFlow for their audio projects."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Is my text secure?",
-          content: "Yes, we use industry-standard encryption for all text uploaded and processed on our platform.",
-        },
-        {
-          id: "q2",
-          title: "How fast is the conversion?",
-          content: "Most documents are processed within seconds depending on length.",
-        },
-        {
-          id: "q3",
-          title: "Can I use it for commercial projects?",
-          content: "All pro plans include full commercial usage rights for your audio files.",
-        },
-        {
-          id: "q4",
-          title: "What file formats are supported?",
-          content: "We support MP3, WAV, and OGG formats for all exports.",
-        },
-        {
-          id: "q5",
-          title: "Is there a free trial available?",
-          content: "Yes, we offer a generous free tier for users to test our neural voice engines.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Quick answers to help you get started with VoiceFlow."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Is my text secure?", content: "Yes, we use industry-standard encryption for all text uploaded and processed on our platform." },
+              { id: "q2", title: "How fast is the conversion?", content: "Most documents are processed within seconds depending on length." },
+              { id: "q3", title: "Can I use it for commercial projects?", content: "All pro plans include full commercial usage rights for your audio files." },
+              { id: "q4", title: "What file formats are supported?", content: "We support MP3, WAV, and OGG formats for all exports." },
+              { id: "q5", title: "Is there a free trial available?", content: "Yes, we offer a generous free tier for users to test our neural voice engines." },
+            ]}
+            title="Frequently Asked Questions"
+            description="Quick answers to help you get started with VoiceFlow."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      title="Stay Updated"
-      description="Join thousands of creators receiving the latest AI audio updates and tips."
-      tag="Newsletter"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            title="Stay Updated"
+            description="Join thousands of creators receiving the latest AI audio updates and tips."
+            tag="Newsletter"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Support",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="VoiceFlow"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+              { items: [{ label: "Support", href: "#" }, { label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
+            ]}
+            logoText="VoiceFlow"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1