bender/10470546-36df-446e-a1be-3611201d84da
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

3 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
efe020cda9 Update src/app/page.tsx 2026-05-12 18:32:51 +00:00
bender
5d1c523332 Merge version_2 into main 
Merge version_2 into main
 2026-05-12 18:31:59 +00:00
bender
16e486a501 Update src/app/page.tsx 2026-05-12 18:31:56 +00:00
1 changed files with 50 additions and 170 deletions
Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -31,90 +31,57 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="KidVid AI"
button={{
text: "Start Creating",
href: "#contact",
}}
text: "Start Creating", 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. Our new validation tool checks your content and provides error handling before you publish, ensuring perfect results every time."
buttons={[
{
text: "Start Creating Free",
href: "#contact",
},
text: "Generate Video Now", 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",
alt: "Parent user",
},
src: "http://img.b2bpic.net/free-photo/top-view-paper-woman-with-wood-pieces_23-2149001207.jpg", alt: "Parent user"},
{
src: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg",
alt: "Teacher user",
},
src: "http://img.b2bpic.net/free-photo/3d-rendering-laptop_23-2151004295.jpg", alt: "Teacher user"},
{
src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884894.jpg",
alt: "Creator user",
},
src: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884894.jpg", alt: "Creator user"},
{
src: "http://img.b2bpic.net/free-photo/retro-computer-desk-arrangement_23-2150244341.jpg",
alt: "Happy parent",
},
src: "http://img.b2bpic.net/free-photo/retro-computer-desk-arrangement_23-2150244341.jpg", alt: "Happy parent"},
{
src: "http://img.b2bpic.net/free-photo/mother-her-cute-child-sofa_329181-14634.jpg",
alt: "Content producer",
},
src: "http://img.b2bpic.net/free-photo/mother-her-cute-child-sofa_329181-14634.jpg", alt: "Content producer"},
]}
avatarText="Join 5,000+ happy creators"
marqueeItems={[
{
type: "text",
text: "100% Safe",
},
type: "text", text: "100% Safe"},
{
type: "text",
text: "AI Powered",
},
type: "text", text: "AI Powered"},
{
type: "text",
text: "Instant Render",
},
type: "text", text: "Instant Previews"},
{
type: "text",
text: "Easy Drag-and-Drop",
},
type: "text", text: "Easy Drag-and-Drop"},
{
type: "text",
text: "Teacher Approved",
},
type: "text", text: "Review & Refine"},
]}
/>
</div>
@@ -125,26 +92,14 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
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",
},
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"},
{
title: "Simple Editor",
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: "Live Preview & Validation", description: "Generate and watch your video in real-time, plus auto-validation for safety and technical quality before finalizing.", imageSrc: "http://img.b2bpic.net/free-vector/location-app-interface-concept_23-2148679462.jpg", imageAlt: "Preview Interface"},
{
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",
},
title: "Safety & Error Handling", description: "Smart error handling catches issues early, ensuring age-appropriate content every time.", 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 with built-in validation."
/>
</div>
@@ -156,20 +111,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
description: "Videos Generated",
},
id: "m1", value: "10k+", description: "Videos Generated"},
{
id: "m2",
value: "5k+",
description: "Active Users",
},
id: "m2", value: "5k+", description: "Active Users"},
{
id: "m3",
value: "98%",
description: "User Satisfaction",
},
id: "m3", value: "98%", description: "Safety Compliance"},
]}
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",
badge: "Free",
price: "$0",
subtitle: "For personal exploration",
features: [
"5 projects/mo",
"Public templates",
"720p output",
],
id: "basic", badge: "Free", price: "$0", subtitle: "For personal exploration", features: [
"5 projects/mo", "Public templates", "Instant preview enabled", "720p output"],
},
{
id: "pro",
badge: "Pro",
price: "$29",
subtitle: "For content creators",
features: [
"Unlimited projects",
"Custom templates",
"1080p output",
"Priority rendering",
],
id: "pro", badge: "Pro", price: "$29", subtitle: "For content creators", features: [
"Unlimited projects", "Custom templates", "AI Refinement & Validation", "1080p output", "Priority rendering"],
},
{
id: "team",
badge: "Team",
price: "$99",
subtitle: "For schools & studios",
features: [
"All Pro features",
"Team collaboration",
"Brand kit access",
"Dedicated support",
],
id: "team", badge: "Team", 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",
name: "Sarah J.",
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: "t1", name: "Sarah J.", 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",
name: "Marcus R.",
role: "Teacher",
company: "BrightSteps",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
},
id: "t2", name: "Marcus R.", role: "Teacher", company: "BrightSteps", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg"},
{
id: "t3",
name: "Elena P.",
role: "Producer",
company: "KidsStudio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6399.jpg",
},
id: "t3", name: "Elena P.", role: "Producer", company: "KidsStudio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6399.jpg"},
{
id: "t4",
name: "James L.",
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: "t4", name: "James L.", 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",
name: "Chloe T.",
role: "Educator",
company: "FutureLearners",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-teenager-showing-modern-tablet_23-2147860591.jpg",
},
id: "t5", name: "Chloe T.", 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",
label: "Time saved daily",
},
value: "15 min", label: "Time saved daily"},
{
value: "3x",
label: "More content created",
},
value: "3x", label: "More content created"},
{
value: "99.9%",
label: "Safety compliance",
},
value: "99.9%", 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",
title: "Is content safe?",
content: "Yes, we use strict safety guardrails and moderation.",
},
id: "f1", title: "How does the validation work?", content: "Our system automatically reviews generated frames for safety and technical clarity, alerting you to any potential issues before you export."},
{
id: "f2",
title: "Do I need experience?",
content: "No! Our AI templates are designed for everyone.",
},
id: "f2", title: "Is content safe?", content: "Yes, we use strict safety guardrails and moderation to ensure everything is kid-friendly."},
{
id: "f3",
title: "Can I use for schools?",
content: "Absolutely, our Pro plans are optimized for education.",
},
id: "f3", title: "Do I need experience?", content: "No! Our AI templates are designed for everyone, with automated error handling to guide you."},
]}
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",
}}
text="Ready to get started with your first video?"
variant: "sparkles-gradient"}}
text="Ready to preview and generate your first video?"
buttons={[
{
text: "Start for Free",
href: "#",
},
text: "Try for Free", href: "#"},
]}
/>
</div>