Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| df628a2952 | |||
| 1df69c6930 | |||
| 5d75cdc9cd | |||
| efe020cda9 | |||
| 5d1c523332 | |||
| 16e486a501 |
259
src/app/page.tsx
259
src/app/page.tsx
@@ -30,91 +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 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", 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 Render",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Easy Drag-and-Drop",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Teacher Approved",
|
||||
},
|
||||
{ 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>
|
||||
@@ -124,27 +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: "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: "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 and safety."
|
||||
description="Powerful tools designed specifically for simplicity, safety, and instant previewing with built-in validation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,21 +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."
|
||||
@@ -182,41 +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",
|
||||
"720p output",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$29",
|
||||
subtitle: "For content creators",
|
||||
features: [
|
||||
"Unlimited projects",
|
||||
"Custom templates",
|
||||
"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."
|
||||
@@ -229,60 +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."
|
||||
@@ -294,21 +151,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is content safe?",
|
||||
content: "Yes, we use strict safety guardrails and moderation.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do I need experience?",
|
||||
content: "No! Our AI templates are designed for everyone.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I use for schools?",
|
||||
content: "Absolutely, our Pro plans are optimized for education.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -319,14 +164,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to get started with your first video?"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to preview and generate your first video?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start for Free",
|
||||
href: "#",
|
||||
{
|
||||
text: "Try for Free",
|
||||
onClick: () => window.location.reload()
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -341,4 +184,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user