From e59234444a44141977a54987972ddc5ca85c5b7a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 15 May 2026 11:51:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 289 ++++++++++-------------------------------------
 1 file changed, 61 insertions(+), 228 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 593e83d..070d12a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Features", id: "#features" },
+        { name: "Pricing", id: "#pricing" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="VidAI"
     />
@@ -51,65 +42,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "cell-wave",
-      }}
+        variant: "cell-wave"}}
       title="Create Professional AI Videos in Seconds"
       description="The next generation of AI video generation. Transform text into cinematic masterpieces with our cutting-edge AI engine."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/employee-talking-with-coworker-ai-silicon-valley-workplace_482257-119028.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453477.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-          alt: "User 5",
-        },
+        { src: "http://img.b2bpic.net/free-photo/employee-talking-with-coworker-ai-silicon-valley-workplace_482257-119028.jpg", alt: "User 1" },
+        { src: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg", alt: "User 2" },
+        { src: "http://img.b2bpic.net/free-photo/traditional-japanese-wagasa-umbrella-background_23-2149661141.jpg", alt: "User 3" },
+        { src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453477.jpg", alt: "User 4" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "User 5" },
       ]}
       avatarText="Join 10,000+ creators"
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "View Features",
-          href: "#features",
-        },
+        { text: "Get Started", href: "#contact" },
+        { text: "View Features", href: "#features" },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text",
-          text: "Ultra-Fast Rendering",
-        },
-        {
-          type: "text",
-          text: "4K Cinematic Resolution",
-        },
-        {
-          type: "text",
-          text: "Commercial Rights Included",
-        },
-        {
-          type: "text",
-          text: "Advanced Neural Engine",
-        },
-        {
-          type: "text",
-          text: "Seamless Workflow Integration",
-        },
+        { type: "text", text: "Ultra-Fast Rendering" },
+        { type: "text", text: "4K Cinematic Resolution" },
+        { type: "text", text: "Commercial Rights Included" },
+        { type: "text", text: "Advanced Neural Engine" },
+        { type: "text", text: "Seamless Workflow Integration" },
       ]}
     />
   </div>
@@ -120,18 +74,9 @@ export default function LandingPage() {
       title="Precision AI Power"
       description="Our custom-trained neural architecture delivers unmatched clarity and cinematic quality, putting professional video production at your fingertips."
       metrics={[
-        {
-          value: "10x",
-          title: "Faster Generation",
-        },
-        {
-          value: "4K",
-          title: "Cinematic Quality",
-        },
-        {
-          value: "99.9%",
-          title: "Uptime Reliability",
-        },
+        { value: "10x", title: "Faster Generation" },
+        { value: "4K", title: "Cinematic Quality" },
+        { value: "99.9%", title: "Uptime Reliability" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
       mediaAnimation="slide-up"
@@ -146,26 +91,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "AI Motion",
-          title: "Advanced Motion Capture",
-          subtitle: "Realistic movement",
-          description: "Seamlessly translate text into lifelike character movements and complex animation sequences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-glowing-dots-with-motion-effect_1048-11158.jpg",
-        },
+          tag: "AI Motion",          title: "Advanced Motion Capture",          subtitle: "Realistic movement",          description: "Seamlessly translate text into lifelike character movements and complex animation sequences.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-male-figure-glowing-dots-with-motion-effect_1048-11158.jpg"},
         {
-          tag: "Generative",
-          title: "Text-to-Video Engine",
-          subtitle: "From prompt to reality",
-          description: "Generate high-definition clips simply by entering your creative prompts in natural language.",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light_181624-21142.jpg",
-        },
+          tag: "Generative",          title: "Text-to-Video Engine",          subtitle: "From prompt to reality",          description: "Generate high-definition clips simply by entering your creative prompts in natural language.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light_181624-21142.jpg"},
         {
-          tag: "Pro Edit",
-          title: "Automated Rendering",
-          subtitle: "Edit smarter, not harder",
-          description: "Our automated pipeline handles color correction, lighting adjustments, and rendering in real-time.",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg",
-        },
+          tag: "Pro Edit",          title: "Automated Rendering",          subtitle: "Edit smarter, not harder",          description: "Our automated pipeline handles color correction, lighting adjustments, and rendering in real-time.",          imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-taking-break-after-doing-color-grading-images-relaxing-by-using-smartphone_482257-82262.jpg"},
       ]}
       title="Built for Creators"
       description="Unlock infinite possibilities with our robust suite of AI-driven editing and generation tools."
@@ -177,14 +107,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Netflix",
-        "Google",
-        "Adobe",
-        "Meta",
-        "Amazon",
-        "Apple",
-        "Disney",
-      ]}
+        "Netflix",        "Google",        "Adobe",        "Meta",        "Amazon",        "Apple",        "Disney"]}
       title="Trusted by Industry Giants"
       description="Leading studios and creators worldwide choose us to power their content generation workflow."
     />
@@ -194,48 +117,24 @@ export default function LandingPage() {
       <TestimonialCardOne
       textboxLayout="split-description"
       gridVariant="asymmetric-60-wide-40-narrow"
+      animationType="slide-up"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex Rivet",
-          role: "Creative Director",
-          company: "RivStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg",
-        },
+          id: "1",          name: "Alex Rivet",          role: "Creative Director",          company: "RivStudio",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg"},
         {
-          id: "2",
-          name: "Sarah Chen",
-          role: "Film Producer",
-          company: "Cinemax",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-browsing-tablet_23-2148452626.jpg",
-        },
+          id: "2",          name: "Sarah Chen",          role: "Film Producer",          company: "Cinemax",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-browsing-tablet_23-2148452626.jpg"},
         {
-          id: "3",
-          name: "Marcus Thorne",
-          role: "Digital Artist",
-          company: "ThorneArts",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-streaming-chat-empty-gaming-studio-online-video-games-tournament_482257-553.jpg",
-        },
+          id: "3",          name: "Marcus Thorne",          role: "Digital Artist",          company: "ThorneArts",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-streaming-chat-empty-gaming-studio-online-video-games-tournament_482257-553.jpg"},
         {
-          id: "4",
-          name: "Elena Rossi",
-          role: "Media Executive",
-          company: "VisionMedia",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/tech-specialist-filming-sponsored-content-unboxing-newly-released-vr-glasses_482257-119852.jpg",
-        },
+          id: "4",          name: "Elena Rossi",          role: "Media Executive",          company: "VisionMedia",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/tech-specialist-filming-sponsored-content-unboxing-newly-released-vr-glasses_482257-119852.jpg"},
         {
-          id: "5",
-          name: "Jamie Lee",
-          role: "Content Lead",
-          company: "FlowSocial",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-desk-high-end-loft-apartment-workspace_482257-120872.jpg",
-        },
+          id: "5",          name: "Jamie Lee",          role: "Content Lead",          company: "FlowSocial",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-empty-desk-high-end-loft-apartment-workspace_482257-120872.jpg"},
       ]}
       title="Hear From Our Creators"
       description="See why top video professionals and creators rely on VidAI for their daily production pipeline."
@@ -249,55 +148,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "starter",
-          badge: "Entry",
-          price: "$29/mo",
-          subtitle: "Perfect for freelancers",
-          features: [
-            "100 mins generation",
-            "720p resolution",
-            "Standard support",
-          ],
+          id: "starter",          badge: "Entry",          price: "$29/mo",          subtitle: "Perfect for freelancers",          features: [
+            "100 mins generation",            "720p resolution",            "Standard support"],
           buttons: [
             {
-              text: "Get Starter",
-              href: "#",
-            },
+              text: "Get Starter",              href: "#"},
           ],
         },
         {
-          id: "pro",
-          badge: "Recommended",
-          price: "$99/mo",
-          subtitle: "Power for pros",
-          features: [
-            "500 mins generation",
-            "4K resolution",
-            "Priority support",
-            "Watermark-free",
-          ],
+          id: "pro",          badge: "Recommended",          price: "$99/mo",          subtitle: "Power for pros",          features: [
+            "500 mins generation",            "4K resolution",            "Priority support",            "Watermark-free"],
           buttons: [
             {
-              text: "Choose Pro",
-              href: "#",
-            },
+              text: "Choose Pro",              href: "#"},
           ],
         },
         {
-          id: "studio",
-          badge: "Scale",
-          price: "$299/mo",
-          subtitle: "For large production teams",
-          features: [
-            "Unlimited generation",
-            "Enterprise API access",
-            "Dedicated manager",
-          ],
+          id: "studio",          badge: "Scale",          price: "$299/mo",          subtitle: "For large production teams",          features: [
+            "Unlimited generation",            "Enterprise API access",            "Dedicated manager"],
           buttons: [
             {
-              text: "Contact Studio",
-              href: "#contact",
-            },
+              text: "Contact Studio",              href: "#contact"},
           ],
         },
       ]}
@@ -312,20 +183,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
-          title: "How fast is rendering?",
-          content: "Our pipeline processes videos in real-time, delivering 4K cinematic quality in minutes.",
-        },
+          id: "q1",          title: "How fast is rendering?",          content: "Our pipeline processes videos in real-time, delivering 4K cinematic quality in minutes."},
         {
-          id: "q2",
-          title: "Can I use for commercial?",
-          content: "Yes, all Pro and Studio plans grant full commercial ownership and usage rights.",
-        },
+          id: "q2",          title: "Can I use for commercial?",          content: "Yes, all Pro and Studio plans grant full commercial ownership and usage rights."},
         {
-          id: "q3",
-          title: "Is my data secure?",
-          content: "Security is our priority. All your project files and prompts are encrypted and private.",
-        },
+          id: "q3",          title: "Is my data secure?",          content: "Security is our priority. All your project files and prompts are encrypted and private."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139280.jpg"
       title="Frequently Asked Questions"
@@ -342,22 +204,14 @@ export default function LandingPage() {
       description="Ready to transform your production workflow? Contact our team for a personalized demo or enterprise solution."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
         },
       ]}
       textarea={{
-        name: "message",
-        placeholder: "Tell us about your project...",
-      }}
+        name: "message",        placeholder: "Tell us about your project..."}}
       imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797755.jpg"
       buttonText="Send Request"
       imageAlt="tech company office modern"
@@ -369,54 +223,33 @@ export default function LandingPage() {
       logoText="VidAI"
       columns={[
         {
-          title: "Product",
-          items: [
+          title: "Product",          items: [
             {
-              label: "Features",
-              href: "#features",
-            },
+              label: "Features",              href: "#features"},
             {
-              label: "Pricing",
-              href: "#pricing",
-            },
+              label: "Pricing",              href: "#pricing"},
             {
-              label: "Support",
-              href: "#contact",
-            },
+              label: "Support",              href: "#contact"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Careers",              href: "#"},
             {
-              label: "Legal",
-              href: "#",
-            },
+              label: "Legal",              href: "#"},
           ],
         },
         {
-          title: "Resources",
-          items: [
+          title: "Resources",          items: [
             {
-              label: "Blog",
-              href: "#",
-            },
+              label: "Blog",              href: "#"},
             {
-              label: "API",
-              href: "#",
-            },
+              label: "API",              href: "#"},
             {
-              label: "Guides",
-              href: "#",
-            },
+              label: "Guides",              href: "#"},
           ],
         },
       ]}