Merge version_2 into main #1
222
src/app/page.tsx
222
src/app/page.tsx
@@ -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 before you even publish."
|
||||
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", 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: "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="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",
|
||||
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: "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",
|
||||
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", "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: "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: "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: "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."},
|
||||
{
|
||||
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."},
|
||||
]}
|
||||
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>
|
||||
@@ -341,4 +221,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user