From 3a58a51fffff57e9d2512dd00b877e89b5e6473d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 08:10:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 520 +++++++++++++----------------------------------
 1 file changed, 137 insertions(+), 383 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 234189a..43bed0f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,397 +28,151 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Music",
-          id: "music",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="NexusAI"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Features", id: "features" },
+              { name: "Music", id: "music" },
+              { name: "Pricing", id: "pricing" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="NexusAI"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Unleash Creativity with NexusAI"
-      description="Generate videos, images, music, and voices in seconds. The most powerful AI creation suite in one interface."
-      tag="All-in-One Content Platform"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=1",
-          imageAlt: "AI Analytics Dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=1",
-          imageAlt: "Digital Neural Brain",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ambitious-leader-works-office-infographics-reports-setting-objectives_482257-116840.jpg",
-          imageAlt: "Ambitious leader works in office on infographics reports and setting objectives",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg",
-          imageAlt: "Modern and equipped computer lab",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
-          imageAlt: "Financial program user interface on PC screen on home office desk",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="Loved by 10,000+ creators"
-      tagIcon={Sparkles}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "gradient-bars" }}
+            title="Unleash Creativity with NexusAI"
+            description="Generate videos, images, music, and voices in seconds. The most powerful AI creation suite in one interface."
+            tag="All-in-One Content Platform"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg", imageAlt: "AI Analytics Dashboard" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg", imageAlt: "Digital Neural Brain" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="Loved by 10,000+ creators"
+            tagIcon={Sparkles}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "AI Video Generation",
-          description: "Text-to-video with scene-by-scene intelligence, camera control, and automated editing.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/videographer-operating-computer-editing-systems-equipment_482257-121749.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/video-editor-transforming-raw-clips-video-footage_482257-128175.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=2",
-          imageAlt: "video editing interface",
-        },
-        {
-          title: "Generative Art",
-          description: "High-quality 4K AI images with style transfer, prompt enhancement, and ultra-HD rendering.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tools-painting_23-2148451499.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/view-paint-brushes-display-with-brush-strokes-paint_23-2150351755.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=2",
-          imageAlt: "video editing interface",
-        },
-        {
-          title: "Voice & Chat",
-          description: "Human-like TTS with emotion control and a context-aware smart chat assistant.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459556.jpg",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=1",
-          imageAlt: "video editing interface",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Comprehensive AI Toolkit"
-      description="Harness the power of next-gen AI models to build content at the speed of thought."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              {
+                title: "AI Video Generation",                description: "Text-to-video with scene-by-scene intelligence, camera control, and automated editing.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/videographer-operating-computer-editing-systems-equipment_482257-121749.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/video-editor-transforming-raw-clips-video-footage_482257-128175.jpg" }
+              },
+              {
+                title: "Generative Art",                description: "High-quality 4K AI images with style transfer, prompt enhancement, and ultra-HD rendering.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tools-painting_23-2148451499.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/view-paint-brushes-display-with-brush-strokes-paint_23-2150351755.jpg" }
+              },
+              {
+                title: "Voice & Chat",                description: "Human-like TTS with emotion control and a context-aware smart chat assistant.",                phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459556.jpg" }
+              }
+            ]}
+            showStepNumbers={false}
+            title="Comprehensive AI Toolkit"
+            description="Harness the power of next-gen AI models to build content at the speed of thought."
+          />
+        </div>
 
-  <div id="music" data-section="music">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "m1",
-          name: "Cinematic Mood",
-          price: "AI-Gen",
-          variant: "Music",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          name: "Pop Rap Vocals",
-          price: "AI-Gen",
-          variant: "Song",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-music_23-2149199980.jpg",
-        },
-        {
-          id: "m3",
-          name: "Relaxing Lo-fi",
-          price: "AI-Gen",
-          variant: "Music",
-          imageSrc: "http://img.b2bpic.net/free-photo/musical-keyboard-tablet-dark-room-music-production_169016-48768.jpg",
-        },
-        {
-          id: "m4",
-          name: "Voice-over English",
-          price: "AI-Gen",
-          variant: "Voice",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music_169016-3815.jpg",
-        },
-        {
-          id: "m5",
-          name: "Hindi Voice-over",
-          price: "AI-Gen",
-          variant: "Voice",
-          imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-5232.jpg",
-        },
-        {
-          id: "m6",
-          name: "Devotional Hymns",
-          price: "AI-Gen",
-          variant: "Song",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-sound-waves-design-with-flowing-particles_1048-12655.jpg",
-        },
-      ]}
-      title="AI Music & Audio Studio"
-      description="Generate professional music, songs, and audio tracks based on mood and genre preferences."
-    />
-  </div>
+        <div id="music" data-section="music">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "m1", name: "Cinematic Mood", price: "AI-Gen", variant: "Music", imageSrc: "http://img.b2bpic.net/free-photo/empty-desk-equipped-with-mixing-console-music-recording-tools-home-studio_482257-100228.jpg" },
+              { id: "m2", name: "Pop Rap Vocals", price: "AI-Gen", variant: "Song", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-making-music_23-2149199980.jpg" },
+              { id: "m3", name: "Relaxing Lo-fi", price: "AI-Gen", variant: "Music", imageSrc: "http://img.b2bpic.net/free-photo/musical-keyboard-tablet-dark-room-music-production_169016-48768.jpg" },
+              { id: "m4", name: "Voice-over English", price: "AI-Gen", variant: "Voice", imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music_169016-3815.jpg" },
+              { id: "m5", name: "Hindi Voice-over", price: "AI-Gen", variant: "Voice", imageSrc: "http://img.b2bpic.net/free-photo/fader-digital-mixing-console-with-volume-meter_169016-5232.jpg" },
+              { id: "m6", name: "Devotional Hymns", price: "AI-Gen", variant: "Song", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-sound-waves-design-with-flowing-particles_1048-12655.jpg" }
+            ]}
+            title="AI Music & Audio Studio"
+            description="Generate professional music, songs, and audio tracks based on mood and genre preferences."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          title: "Basic User",
-          price: "Free",
-          period: "/forever",
-          features: [
-            "10 Videos/day",
-            "Unlimited Images",
-            "Public Generation",
-          ],
-          button: {
-            text: "Start Creating",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
-          imageAlt: "Representation of user experience and interface design",
-        },
-        {
-          id: "p2",
-          title: "Creator Pro",
-          price: "Free",
-          period: "/forever",
-          features: [
-            "Unlimited Videos",
-            "4K Ultra-HD",
-            "Custom Styles",
-          ],
-          button: {
-            text: "Start Creating",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg?_wi=3",
-          imageAlt: "Representation of user experience and interface design",
-        },
-        {
-          id: "p3",
-          title: "Studio Plus",
-          price: "Free",
-          period: "/forever",
-          features: [
-            "Priority Render",
-            "Batch Generation",
-            "Commercial License",
-          ],
-          button: {
-            text: "Start Creating",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg?_wi=3",
-          imageAlt: "Representation of user experience and interface design",
-        },
-      ]}
-      title="Unlimited Access"
-      description="Everything in our platform is free. No sign-ups required. Generate your heart out."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", title: "Basic User", price: "Free", period: "/forever", features: ["10 Videos/day", "Unlimited Images", "Public Generation"], button: { text: "Start Creating" } },
+              { id: "p2", title: "Creator Pro", price: "Free", period: "/forever", features: ["Unlimited Videos", "4K Ultra-HD", "Custom Styles"], button: { text: "Start Creating" } },
+              { id: "p3", title: "Studio Plus", price: "Free", period: "/forever", features: ["Priority Render", "Batch Generation", "Commercial License"], button: { text: "Start Creating" } }
+            ]}
+            title="Unlimited Access"
+            description="Everything in our platform is free. No sign-ups required. Generate your heart out."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Game Changer",
-          quote: "I produced my entire brand video in under 30 minutes. Absolutely revolutionary.",
-          name: "Alex Riv",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-break_23-2148317329.jpg",
-        },
-        {
-          id: "2",
-          title: "Stellar Quality",
-          quote: "The image fidelity and music generation are consistently professional quality.",
-          name: "Mia Chen",
-          role: "Marketing Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg",
-        },
-        {
-          id: "3",
-          title: "Blazing Fast",
-          quote: "The async processing for video generation is incredibly snappy.",
-          name: "Jordan P",
-          role: "Independent Creator",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198546.jpg",
-        },
-        {
-          id: "4",
-          title: "So Intuitive",
-          quote: "I didn't even need a tutorial. Everything is drag-and-drop and intuitive.",
-          name: "Sam K",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55183.jpg",
-        },
-        {
-          id: "5",
-          title: "Best Free Tool",
-          quote: "Can't believe this is free. The output quality rivals paid services.",
-          name: "Elena M",
-          role: "Content Maker",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg",
-        },
-      ]}
-      title="Creators Trust NexusAI"
-      description="Join thousands of creators who have streamlined their content production pipeline."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Game Changer", quote: "I produced my entire brand video in under 30 minutes. Absolutely revolutionary.", name: "Alex Riv", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-break_23-2148317329.jpg" },
+              { id: "2", title: "Stellar Quality", quote: "The image fidelity and music generation are consistently professional quality.", name: "Mia Chen", role: "Marketing Lead", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg" },
+              { id: "3", title: "Blazing Fast", quote: "The async processing for video generation is incredibly snappy.", name: "Jordan P", role: "Independent Creator", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-plants-deco_23-2149198546.jpg" },
+              { id: "4", title: "So Intuitive", quote: "I didn't even need a tutorial. Everything is drag-and-drop and intuitive.", name: "Sam K", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55183.jpg" },
+              { id: "5", title: "Best Free Tool", quote: "Can't believe this is free. The output quality rivals paid services.", name: "Elena M", role: "Content Maker", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg" }
+            ]}
+            title="Creators Trust NexusAI"
+            description="Join thousands of creators who have streamlined their content production pipeline."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split-description"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Is this service truly free?",
-          content: "Yes, our mission is to make content creation accessible for everyone globally.",
-        },
-        {
-          id: "f2",
-          title: "Do I need to sign up?",
-          content: "No, we strictly believe in privacy and convenience. Use the tools without any sign-up process.",
-        },
-        {
-          id: "f3",
-          title: "Can I export in 4K?",
-          content: "Yes, our premium render nodes allow up to 4K resolution exports for all videos and images.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Got questions about the engine? We have answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split-description"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Is this service truly free?", content: "Yes, our mission is to make content creation accessible for everyone globally." },
+              { id: "f2", title: "Do I need to sign up?", content: "No, we strictly believe in privacy and convenience. Use the tools without any sign-up process." },
+              { id: "f3", title: "Can I export in 4K?", content: "Yes, our premium render nodes allow up to 4K resolution exports for all videos and images." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Got questions about the engine? We have answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Request Custom Models"
-      description="Have specific project needs or want to suggest new AI features? Let us know."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your feature request or project details...",
-        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Request Custom Models"
+            description="Have specific project needs or want to suggest new AI features? Let us know."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Your feature request or project details...", rows: 4, required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="NexusAI"
-      columns={[
-        {
-          title: "Products",
-          items: [
-            {
-              label: "Video Gen",
-              href: "#",
-            },
-            {
-              label: "Art Studio",
-              href: "#",
-            },
-            {
-              label: "Music Lab",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="NexusAI"
+            columns={[
+              { title: "Products", items: [{ label: "Video Gen", href: "#" }, { label: "Art Studio", href: "#" }, { label: "Music Lab", href: "#" }] },
+              { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1