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

---
 src/app/page.tsx | 380 ++++++-----------------------------------------
 1 file changed, 47 insertions(+), 333 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a1eb3d8..78c96c2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Pricing",
-          id: "#pricing",
-        },
-        {
-          name: "FAQ",
-          id: "#faq",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "pricing" },
+        { name: "FAQ", id: "faq" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="VideoGen AI"
     />
@@ -56,113 +44,32 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Create Professional AI Videos in Seconds"
       description="Harness the power of CogVideoX and modern open-source models to turn text into stunning, high-quality video content without massive hardware overhead."
       testimonials={[
-        {
-          name: "Alex Rivera",
-          handle: "@arivera",
-          testimonial: "The quality from this platform is unmatched. CogVideoX integration works flawlessly.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=1",
-          imageAlt: "ai technology interface",
-        },
-        {
-          name: "Jordan Chen",
-          handle: "@jchen_ai",
-          testimonial: "Finally, a simple way to access powerful video models. Saved me hours of manual rendering.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg?_wi=1",
-          imageAlt: "ai technology interface",
-        },
-        {
-          name: "Sarah Miller",
-          handle: "@smiller_prod",
-          testimonial: "FastAPI backend integration is lightning fast. Highly recommended for devs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg?_wi=1",
-          imageAlt: "ai technology interface",
-        },
-        {
-          name: "Mike Henderson",
-          handle: "@mhenderson",
-          testimonial: "Game changer for my content workflow. AI-generated video is finally accessible.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg?_wi=1",
-          imageAlt: "ai technology interface",
-        },
-        {
-          name: "Emma Watson",
-          handle: "@ewatson_studio",
-          testimonial: "I love how easy it is to swap between models for different aesthetic styles.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          imageAlt: "ai technology interface",
-        },
+        { name: "Alex Rivera", handle: "@arivera", testimonial: "The quality from this platform is unmatched. CogVideoX integration works flawlessly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "ai technology interface" },
+        { name: "Jordan Chen", handle: "@jchen_ai", testimonial: "Finally, a simple way to access powerful video models. Saved me hours of manual rendering.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg", imageAlt: "ai technology interface" },
+        { name: "Sarah Miller", handle: "@smiller_prod", testimonial: "FastAPI backend integration is lightning fast. Highly recommended for devs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg", imageAlt: "ai technology interface" },
+        { name: "Mike Henderson", handle: "@mhenderson", testimonial: "Game changer for my content workflow. AI-generated video is finally accessible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg", imageAlt: "ai technology interface" },
+        { name: "Emma Watson", handle: "@ewatson_studio", testimonial: "I love how easy it is to swap between models for different aesthetic styles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageAlt: "ai technology interface" },
       ]}
-      buttons={[
-        {
-          text: "Start Generating",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#features",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=2"
+      buttons={[{ text: "Start Generating", href: "#contact" }, { text: "Learn More", href: "#features" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
       imageAlt="AI video generation interface showing fluid animation"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-          alt: "Confident businessman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-          alt: "Positive executive",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-          alt: "Smiling businesswoman",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
-          alt: "Young business man",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
-          alt: "Handsome man in suit",
-        },
+        { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Confident businessman" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Positive executive" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Smiling businesswoman" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Young business man" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg", alt: "Handsome man in suit" },
       ]}
       marqueeItems={[
-        {
-          type: "text-icon",
-          text: "FastAPI Optimized",
-          icon: Zap,
-        },
-        {
-          type: "text-icon",
-          text: "CogVideoX Engine",
-          icon: Database,
-        },
-        {
-          type: "text-icon",
-          text: "Scalable Infrastructure",
-          icon: Server,
-        },
-        {
-          type: "text-icon",
-          text: "Model Agnostic",
-          icon: Layers,
-        },
-        {
-          type: "text-icon",
-          text: "Developer First",
-          icon: Code,
-        },
+        { type: "text-icon", text: "FastAPI Optimized", icon: Zap },
+        { type: "text-icon", text: "CogVideoX Engine", icon: Database },
+        { type: "text-icon", text: "Scalable Infrastructure", icon: Server },
+        { type: "text-icon", text: "Model Agnostic", icon: Layers },
+        { type: "text-icon", text: "Developer First", icon: Code },
       ]}
     />
   </div>
@@ -172,21 +79,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Performance at Scale"
       metrics={[
-        {
-          icon: Zap,
-          label: "Generation Speed",
-          value: "2x Faster",
-        },
-        {
-          icon: Shield,
-          label: "Model Integrity",
-          value: "100% Open",
-        },
-        {
-          icon: Database,
-          label: "GPU Optimization",
-          value: "24GB Cap",
-        },
+        { icon: Zap, label: "Generation Speed", value: "2x Faster" },
+        { icon: Shield, label: "Model Integrity", value: "100% Open" },
+        { icon: Database, label: "GPU Optimization", value: "24GB Cap" },
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -198,30 +93,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "CogVideoX Engine",
-          description: "High-fidelity video synthesis powered by the latest open-source weight sets.",
-          bentoComponent: "reveal-icon",
-          icon: Database,
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
-          imageAlt: "Desktop PC on the wooden desk showcases infographics and client reach data",
-        },
-        {
-          title: "FastAPI Backbone",
-          description: "A robust, scalable backend for rapid model serving and inference.",
-          bentoComponent: "reveal-icon",
-          icon: Server,
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg?_wi=3",
-          imageAlt: "Desktop PC on the wooden desk showcases infographics and client reach data",
-        },
-        {
-          title: "Flexible Model Swap",
-          description: "Easily integrate Wan2.2, Mochi, or HunyuanVideo models into your stack.",
-          bentoComponent: "reveal-icon",
-          icon: Layers,
-          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg?_wi=2",
-          imageAlt: "Desktop PC on the wooden desk showcases infographics and client reach data",
-        },
+        { title: "CogVideoX Engine", description: "High-fidelity video synthesis powered by the latest open-source weight sets.", bentoComponent: "reveal-icon", icon: Database },
+        { title: "FastAPI Backbone", description: "A robust, scalable backend for rapid model serving and inference.", bentoComponent: "reveal-icon", icon: Server },
+        { title: "Flexible Model Swap", description: "Easily integrate Wan2.2, Mochi, or HunyuanVideo models into your stack.", bentoComponent: "reveal-icon", icon: Layers },
       ]}
       title="Powerful Features for Creators"
       description="Everything you need to generate high-quality AI videos in one unified, developer-friendly interface."
@@ -234,30 +108,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Always ready to render",
-          imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg?_wi=3",
-          imageAlt: "speed icon modern",
-        },
-        {
-          id: "m2",
-          value: "5ms",
-          title: "API Latency",
-          description: "Minimal delay on requests",
-          imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg?_wi=2",
-          imageAlt: "radar scan interface",
-        },
-        {
-          id: "m3",
-          value: "50+",
-          title: "Formats",
-          description: "Output in any resolution",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg?_wi=2",
-          imageAlt: "file format icons",
-        },
+        { id: "m1", value: "99.9%", title: "Uptime", description: "Always ready to render", imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529715.jpg" },
+        { id: "m2", value: "5ms", title: "API Latency", description: "Minimal delay on requests", imageSrc: "http://img.b2bpic.net/free-vector/digital-connectivity-technology-icon-vector-white-gradient-background_53876-112191.jpg" },
+        { id: "m3", value: "50+", title: "Formats", description: "Output in any resolution", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-still-life-printers-assortment_23-2149120680.jpg" },
       ]}
       title="Built for Developers"
       description="Our platform minimizes technical debt by providing a clean abstraction layer for complex AI tasks."
@@ -266,60 +119,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardEight
+      animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "p1",
-          badge: "Entry",
-          price: "$0",
-          subtitle: "Perfect for testing models",
-          features: [
-            "Limited generations",
-            "CogVideoX Base",
-            "Community support",
-          ],
-          buttons: [
-            {
-              text: "Get Started",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Pro",
-          price: "$49",
-          subtitle: "For power users",
-          features: [
-            "Unlimited generations",
-            "All models included",
-            "Priority access",
-          ],
-          buttons: [
-            {
-              text: "Upgrade Pro",
-              href: "#",
-            },
-          ],
-        },
-        {
-          id: "p3",
-          badge: "Enterprise",
-          price: "$199",
-          subtitle: "Dedicated infrastructure",
-          features: [
-            "Dedicated GPUs",
-            "Custom fine-tuning",
-            "24/7 support",
-          ],
-          buttons: [
-            {
-              text: "Contact Us",
-              href: "#",
-            },
-          ],
-        },
+        { id: "p1", badge: "Entry", price: "$0", subtitle: "Perfect for testing models", features: ["Limited generations", "CogVideoX Base", "Community support"], buttons: [{ text: "Get Started", href: "#" }] },
+        { id: "p2", badge: "Pro", price: "$49", subtitle: "For power users", features: ["Unlimited generations", "All models included", "Priority access"], buttons: [{ text: "Upgrade Pro", href: "#" }] },
+        { id: "p3", badge: "Enterprise", price: "$199", subtitle: "Dedicated infrastructure", features: ["Dedicated GPUs", "Custom fine-tuning", "24/7 support"], buttons: [{ text: "Contact Us", href: "#" }] },
       ]}
       title="Transparent Pricing"
       description="Select the plan that best fits your project's compute requirements."
@@ -331,56 +137,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Alex R.",
-          date: "Oct 2023",
-          title: "Lead Developer",
-          quote: "Finally, accessible GPU power for video.",
-          tag: "Dev",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-diy-flowing-texture-experimental-art_53876-108102.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jordan C.",
-          date: "Nov 2023",
-          title: "Creative Dir",
-          quote: "My workflow is 3x faster now.",
-          tag: "Creative",
-          avatarSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workspace-with-keyboard-pencils_23-2148210421.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah M.",
-          date: "Dec 2023",
-          title: "Product Owner",
-          quote: "Simple, efficient, and robust.",
-          tag: "SaaS",
-          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/lighting-corridor_1127-2020.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mike H.",
-          date: "Jan 2024",
-          title: "Tech Lead",
-          quote: "The model swapping feature is genius.",
-          tag: "AI",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
-        },
-        {
-          id: "t5",
-          name: "Emma W.",
-          date: "Feb 2024",
-          title: "Studio Lead",
-          quote: "The best AI tool I've used this year.",
-          tag: "Studio",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107885.jpg",
-        },
+        { id: "t1", name: "Alex R.", date: "Oct 2023", title: "Lead Developer", quote: "Finally, accessible GPU power for video.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-liquid-marble-background-diy-flowing-texture-experimental-art_53876-108102.jpg" },
+        { id: "t2", name: "Jordan C.", date: "Nov 2023", title: "Creative Dir", quote: "My workflow is 3x faster now.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/asian-architect-woman_53876-31462.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-workspace-with-keyboard-pencils_23-2148210421.jpg" },
+        { id: "t3", name: "Sarah M.", date: "Dec 2023", title: "Product Owner", quote: "Simple, efficient, and robust.", tag: "SaaS", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-business-woman-portrait-outdoors_23-2148603027.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lighting-corridor_1127-2020.jpg" },
+        { id: "t4", name: "Mike H.", date: "Jan 2024", title: "Tech Lead", quote: "The model swapping feature is genius.", tag: "AI", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg" },
+        { id: "t5", name: "Emma W.", date: "Feb 2024", title: "Studio Lead", quote: "The best AI tool I've used this year.", tag: "Studio", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg", imageSrc: "http://img.b2bpic.net/free-photo/retro-product-with-vintage-packaging_52683-107885.jpg" },
       ]}
       title="Loved by Creators"
       description="Hear what our early adopters say about the video synthesis platform."
@@ -391,21 +152,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Is it free to use?",
-          content: "Yes, we offer a free tier for developers to test and prototype with our available models.",
-        },
-        {
-          id: "f2",
-          title: "What models are supported?",
-          content: "Currently CogVideoX, with support for Wan2.2, Mochi, and LTX-Video coming soon.",
-        },
-        {
-          id: "f3",
-          title: "Can I use my own hardware?",
-          content: "The system is built on open source tools, allowing local deployments on 24GB+ VRAM hardware.",
-        },
+        { id: "f1", title: "Is it free to use?", content: "Yes, we offer a free tier for developers to test and prototype with our available models." },
+        { id: "f2", title: "What models are supported?", content: "Currently CogVideoX, with support for Wan2.2, Mochi, and LTX-Video coming soon." },
+        { id: "f3", title: "Can I use my own hardware?", content: "The system is built on open source tools, allowing local deployments on 24GB+ VRAM hardware." },
       ]}
       sideTitle="Frequently Asked Questions"
       sideDescription="Everything you need to know about getting started."
@@ -416,9 +165,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get Started"
       title="Ready to Start Generating?"
       description="Sign up today to join the waitlist for early access to our model-swapping platform."
@@ -428,42 +175,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Documentation",
-              href: "#",
-            },
-            {
-              label: "API",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { items: [{ label: "Documentation", href: "#" }, { label: "API", href: "#" }] },
+        { items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
       ]}
       logoText="VideoGen AI"
     />
-- 
2.49.1