Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Sparkles } from "lucide-react";
+import { Sparkles, Video } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,6 +32,7 @@ export default function LandingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "hero" },
+              { name: "Video Generation", id: "video-gen" },
               { name: "Features", id: "features" },
               { name: "Music", id: "music" },
               { name: "Pricing", id: "pricing" },
@@ -44,20 +45,42 @@ export default function LandingPage() {
         <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"
+            title="Revolutionize Your Workflow with AI Video"
+            description="From cinematic storyboards to finished 4K visuals, NexusAI empowers you to generate high-fidelity video in seconds."
+            tag="New: Advanced Video Generation"
+            buttons={[{ text: "Start Creating", href: "#features" }]}
             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" }
+              { videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=1", imageAlt: "AI Video Generation Demo" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-with-flowing-connecting-lines-dots_1048-13580.jpg", imageAlt: "Creative AI Engine" }
             ]}
             mediaAnimation="slide-up"
             rating={5}
-            ratingText="Loved by 10,000+ creators"
-            tagIcon={Sparkles}
+            ratingText="Trusted by 15,000+ creators"
+            tagIcon={Video}
           />
         </div>
 
+        <div id="video-gen" data-section="video-gen">
+            <FeatureCardNine
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              features={[
+                {
+                    title: "Text to Cinematic Video",                    description: "Transform simple text prompts into highly detailed 4K scenes with professional lighting and motion control.",                    phoneOne: { videoSrc: "https://www.w3schools.com/html/mov_bbb.mp4?_wi=2" },
+                    phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/videographer-operating-computer-editing-systems-equipment_482257-121749.jpg?_wi=1" }
+                },
+                {
+                    title: "Advanced Camera Control",                    description: "Precisely control camera movements like pans, zooms, and tracking shots using intuitive AI sliders.",                    phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/video-editor-transforming-raw-clips-video-footage_482257-128175.jpg?_wi=1" },
+                    phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg?_wi=1" }
+                }
+              ]}
+              showStepNumbers={true}
+              title="Pro-Grade Video Features"
+              description="Everything you need to create broadcast-quality content without the technical barrier."
+            />
+        </div>
+
         <div id="features" data-section="features">
           <FeatureCardNine
             animationType="slide-up"
@@ -65,15 +88,15 @@ export default function LandingPage() {
             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: "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?_wi=2" },
+                phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/video-editor-transforming-raw-clips-video-footage_482257-128175.jpg?_wi=2" }
               },
               {
                 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" },
+                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?_wi=2" },
                 phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459556.jpg" }
               }
             ]}
@@ -108,12 +131,12 @@ export default function LandingPage() {
             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" } }
+              { id: "p1", title: "Basic User", price: "$0", period: "/mo", features: ["10 Videos/day", "Unlimited Images", "Public Generation"], button: { text: "Start Creating" } },
+              { id: "p2", title: "Creator Pro", price: "$29", period: "/mo", features: ["Unlimited Videos", "4K Ultra-HD", "Custom Styles"], button: { text: "Upgrade Now" } },
+              { id: "p3", title: "Studio Plus", price: "$79", period: "/mo", features: ["Priority Render", "Batch Generation", "Commercial License"], button: { text: "Get Studio" } }
             ]}
             title="Unlimited Access"
-            description="Everything in our platform is free. No sign-ups required. Generate your heart out."
+            description="Choose the plan that fits your creative demands."
           />
         </div>
 
@@ -166,7 +189,7 @@ export default function LandingPage() {
           <FooterBaseCard
             logoText="NexusAI"
             columns={[
-              { title: "Products", items: [{ label: "Video Gen", href: "#" }, { label: "Art Studio", href: "#" }, { label: "Music Lab", href: "#" }] },
+              { title: "Products", items: [{ label: "Video Gen", href: "#video-gen" }, { label: "Art Studio", href: "#features" }, { label: "Music Lab", href: "#music" }] },
               { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Contact", href: "#contact" }] },
               { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
             ]}