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

Compare commits

base: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
..
compare: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

4 Commits
version_2 ... version_4

Author SHA1 Message Date
bender
1df69c6930 Update src/app/page.tsx 2026-05-12 18:33:45 +00:00
bender
5d75cdc9cd Merge version_3 into main 
Merge version_3 into main
 2026-05-12 18:32:54 +00:00
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
1 changed files with 52 additions and 89 deletions
Expand all files Collapse all files

141
src/app/page.tsx
View File

@@ -30,58 +30,51 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features", id: "features"},
{
name: "Pricing", id: "pricing"},
{
name: "Testimonials", id: "testimonials"},
{
name: "FAQ", id: "faq"},
{ name: "Features", id: "features" },
{ name: "Pricing", id: "pricing" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
brandName="KidVid AI"
button={{
text: "Start Creating", href: "#contact"}}
text: "Start Creating", onClick: () => {
const el = document.getElementById("contact");
if (el) el.scrollIntoView({ behavior: "smooth" });
}
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
title="Create Cocomelon-Style Videos in Minutes"
description="No animation skills needed. AI-powered templates let you generate, preview, and refine safe, engaging videos for kids instantly before you even publish."
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: "Generate Video Now", href: "#contact"},
text: "Generate Video Now", onClick: () => {
const el = document.getElementById("contact");
if (el) el.scrollIntoView({ behavior: "smooth" });
}
},
]}
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/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/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/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-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/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: "AI Powered"},
{
type: "text", text: "Instant Previews"},
{
type: "text", text: "Easy Drag-and-Drop"},
{
type: "text", text: "Review & Refine"},
{ type: "text", text: "100% Safe" },
{ type: "text", text: "AI Powered" },
{ type: "text", text: "Instant Previews" },
{ type: "text", text: "Easy Drag-and-Drop" },
{ type: "text", text: "Review & Refine" },
]}
/>
</div>
@@ -91,15 +84,12 @@ export default function LandingPage() {
textboxLayout="default"
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: "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"},
{
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: "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: "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 & 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, safety, and instant previewing."
description="Powerful tools designed specifically for simplicity, safety, and instant previewing with built-in validation."
/>
</div>
@@ -110,12 +100,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "10k+", description: "Videos Generated"},
{
id: "m2", value: "5k+", description: "Active Users"},
{
id: "m3", value: "98%", description: "User Satisfaction"},
{ id: "m1", value: "10k+", description: "Videos Generated" },
{ id: "m2", value: "5k+", description: "Active Users" },
{ id: "m3", value: "98%", description: "Safety Compliance" },
]}
title="Trusted by Educators & Parents"
description="Join a growing community producing child-friendly content."
@@ -128,18 +115,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
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", "Live AI refinement", "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: "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", "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"] },
]}
title="Simple, Transparent Pricing"
description="Choose the perfect plan for your needs."
@@ -152,29 +130,16 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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: "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: "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: "3x", label: "More content created"},
{
value: "99.9%", label: "Safety compliance"},
{ value: "15 min", label: "Time saved daily" },
{ value: "3x", label: "More content created" },
{ value: "99.9%", label: "Safety compliance" },
]}
title="Loved by Creators Everywhere"
description="See why parents and teachers choose KidVid AI."
@@ -186,12 +151,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
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."},
{
id: "f2", title: "Is content safe?", content: "Yes, we use strict safety guardrails and moderation."},
{
id: "f3", title: "Do I need experience?", content: "No! Our AI templates are designed for everyone."},
{ 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: "Is content safe?", content: "Yes, we use strict safety guardrails and moderation to ensure everything is kid-friendly." },
{ 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."
@@ -202,12 +164,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient"}}
background={{ variant: "sparkles-gradient" }}
text="Ready to preview and generate your first video?"
buttons={[
{
text: "Try for Free", href: "#"},
{
text: "Try for Free",
onClick: () => window.location.reload()
},
]}
/>
</div>