Update src/app/page.tsx

src/app/page.tsx

@@ -31,90 +31,57 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
       ]}
       brandName="KidVid AI"
       button={{
-        text: "Start Creating",
+        text: "Start Creating",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       title="Create Cocomelon-Style Videos in Minutes"
-      description="No animation skills needed. AI-powered templates let you generate safe, engaging videos for kids instantly. Perfect for parents, teachers, and creators."
+      description="No animation skills needed. AI-powered templates let you generate, preview, and refine safe, engaging videos for kids instantly before you even publish."
       buttons={[
         {
-          text: "Start Creating Free",
+          text: "Generate Video Now",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-cartoon-apple_23-2151800381.jpg"
       imageAlt="KidVid AI Interface"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/top-view-paper-woman-with-wood-pieces_23-2149001207.jpg",
+          src: "http://img.b2bpic.net/free-photo/top-view-paper-woman-with-wood-pieces_23-2149001207.jpg",          alt: "Parent user"},
-          alt: "Parent user",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg",
+          src: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg",          alt: "Teacher user"},
-          alt: "Teacher user",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884894.jpg",
+          src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884894.jpg",          alt: "Creator user"},
-          alt: "Creator user",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/retro-computer-desk-arrangement_23-2150244341.jpg",
+          src: "http://img.b2bpic.net/free-photo/retro-computer-desk-arrangement_23-2150244341.jpg",          alt: "Happy parent"},
-          alt: "Happy parent",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/mother-her-cute-child-sofa_329181-14634.jpg",
+          src: "http://img.b2bpic.net/free-photo/mother-her-cute-child-sofa_329181-14634.jpg",          alt: "Content producer"},
-          alt: "Content producer",
-        },
       ]}
       avatarText="Join 5,000+ happy creators"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "100% Safe"},
-          text: "100% Safe",
-        },
         {
-          type: "text",
+          type: "text",          text: "AI Powered"},
-          text: "AI Powered",
-        },
         {
-          type: "text",
+          type: "text",          text: "Instant Previews"},
-          text: "Instant Render",
-        },
         {
-          type: "text",
+          type: "text",          text: "Easy Drag-and-Drop"},
-          text: "Easy Drag-and-Drop",
-        },
         {
-          type: "text",
+          type: "text",          text: "Review & Refine"},
-          text: "Teacher Approved",
-        },
       ]}
     />
   </div>
@@ -125,26 +92,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "AI Templates",
+          title: "AI Templates",          description: "Choose from a library of pre-set kids content styles.",          imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-while-looking-tablet_23-2148816985.jpg",          imageAlt: "AI Templates"},
-          description: "Choose from a library of pre-set kids content styles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/little-boy-playing-while-looking-tablet_23-2148816985.jpg",
-          imageAlt: "AI Templates",
-        },
         {
-          title: "Simple Editor",
+          title: "Live Preview",          description: "Generate and watch your video in real-time before finalizing.",          imageSrc: "http://img.b2bpic.net/free-vector/location-app-interface-concept_23-2148679462.jpg",          imageAlt: "Preview Interface"},
-          description: "Drag, drop, and customize with an intuitive interface.",
-          imageSrc: "http://img.b2bpic.net/free-vector/location-app-interface-concept_23-2148679462.jpg",
-          imageAlt: "Editor Interface",
-        },
         {
-          title: "Safety First",
+          title: "Safety First",          description: "Built-in filters ensure content is age-appropriate and brand-safe.",          imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",          imageAlt: "Content Safety"},
-          description: "Built-in filters ensure content is age-appropriate and brand-safe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
-          imageAlt: "Content Safety",
-        },
       ]}
       title="Build Engaging Content Easily"
-      description="Powerful tools designed specifically for simplicity and safety."
+      description="Powerful tools designed specifically for simplicity, safety, and instant previewing."
     />
   </div>
 
@@ -156,20 +111,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "10k+",          description: "Videos Generated"},
-          value: "10k+",
-          description: "Videos Generated",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "5k+",          description: "Active Users"},
-          value: "5k+",
-          description: "Active Users",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          description: "User Satisfaction"},
-          value: "98%",
-          description: "User Satisfaction",
-        },
       ]}
       title="Trusted by Educators & Parents"
       description="Join a growing community producing child-friendly content."
@@ -183,39 +129,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "basic",
+          id: "basic",          badge: "Free",          price: "$0",          subtitle: "For personal exploration",          features: [
-          badge: "Free",
+            "5 projects/mo",            "Public templates",            "Instant preview enabled",            "720p output"],
-          price: "$0",
-          subtitle: "For personal exploration",
-          features: [
-            "5 projects/mo",
-            "Public templates",
-            "720p output",
-          ],
         },
         {
-          id: "pro",
+          id: "pro",          badge: "Pro",          price: "$29",          subtitle: "For content creators",          features: [
-          badge: "Pro",
+            "Unlimited projects",            "Custom templates",            "Live AI refinement",            "1080p output",            "Priority rendering"],
-          price: "$29",
-          subtitle: "For content creators",
-          features: [
-            "Unlimited projects",
-            "Custom templates",
-            "1080p output",
-            "Priority rendering",
-          ],
         },
         {
-          id: "team",
+          id: "team",          badge: "Team",          price: "$99",          subtitle: "For schools & studios",          features: [
-          badge: "Team",
+            "All Pro features",            "Team collaboration",            "Brand kit access",            "Dedicated support"],
-          price: "$99",
-          subtitle: "For schools & studios",
-          features: [
-            "All Pro features",
-            "Team collaboration",
-            "Brand kit access",
-            "Dedicated support",
-          ],
         },
       ]}
       title="Simple, Transparent Pricing"
@@ -230,59 +153,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah J.",          role: "Parent",          company: "HomeCreator",          rating: 5,
-          name: "Sarah J.",
+          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-little-son-having-picnic-back-yard_1303-17187.jpg"},
-          role: "Parent",
-          company: "HomeCreator",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-her-little-son-having-picnic-back-yard_1303-17187.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Marcus R.",          role: "Teacher",          company: "BrightSteps",          rating: 5,
-          name: "Marcus R.",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
-          role: "Teacher",
-          company: "BrightSteps",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Elena P.",          role: "Producer",          company: "KidsStudio",          rating: 5,
-          name: "Elena P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6399.jpg"},
-          role: "Producer",
-          company: "KidsStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6399.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "James L.",          role: "Blogger",          company: "ToddlerJoy",          rating: 5,
-          name: "James L.",
+          imageSrc: "http://img.b2bpic.net/free-photo/vlogger-recording-testimonial-about-mini-trepied-subscribers-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-star-influencer_482257-3924.jpg"},
-          role: "Blogger",
-          company: "ToddlerJoy",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/vlogger-recording-testimonial-about-mini-trepied-subscribers-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-star-influencer_482257-3924.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Chloe T.",          role: "Educator",          company: "FutureLearners",          rating: 5,
-          name: "Chloe T.",
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-showing-modern-tablet_23-2147860591.jpg"},
-          role: "Educator",
-          company: "FutureLearners",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-showing-modern-tablet_23-2147860591.jpg",
-        },
       ]}
       kpiItems={[
         {
-          value: "15 min",
+          value: "15 min",          label: "Time saved daily"},
-          label: "Time saved daily",
-        },
         {
-          value: "3x",
+          value: "3x",          label: "More content created"},
-          label: "More content created",
-        },
         {
-          value: "99.9%",
+          value: "99.9%",          label: "Safety compliance"},
-          label: "Safety compliance",
-        },
       ]}
       title="Loved by Creators Everywhere"
       description="See why parents and teachers choose KidVid AI."
@@ -295,20 +187,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Can I preview before I buy?",          content: "Yes! Our AI allows you to generate and preview your video iterations in real-time."},
-          title: "Is content safe?",
-          content: "Yes, we use strict safety guardrails and moderation.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Is content safe?",          content: "Yes, we use strict safety guardrails and moderation."},
-          title: "Do I need experience?",
-          content: "No! Our AI templates are designed for everyone.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Do I need experience?",          content: "No! Our AI templates are designed for everyone."},
-          title: "Can I use for schools?",
-          content: "Absolutely, our Pro plans are optimized for education.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We're here to help."
@@ -320,14 +203,11 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
+      text="Ready to preview and generate your first video?"
-      text="Ready to get started with your first video?"
       buttons={[
         {
-          text: "Start for Free",
+          text: "Try for Free",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -341,4 +221,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}