Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 77dff86a07 | |||
| 7f3fe52655 | |||
| ea9c0d105c | |||
| 26739b41a5 | |||
| 6b439dc941 | |||
| 4cc11648fd |
158
src/app/page.tsx
158
src/app/page.tsx
@@ -27,18 +27,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Generate",
|
||||
id: "generate",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Generate", id: "generate" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="KidsCartoons.ai"
|
||||
/>
|
||||
@@ -51,31 +42,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Safe Content",
|
||||
tags: [
|
||||
"Kids-Safe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-felt-animal_23-2151728557.jpg",
|
||||
imageAlt: "kids software UI colorful design",
|
||||
id: "f1", title: "100% Safe For Kids", tags: ["Kids-Safe"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-felt-animal_23-2151728557.jpg", imageAlt: "kids software UI colorful design"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Generation",
|
||||
tags: [
|
||||
"Speed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-middle-aged-woman-front-laptop-screen-online-teaching-concept_169016-25682.jpg",
|
||||
imageAlt: "kids software UI colorful design",
|
||||
id: "f2", title: "Magical Cartoons in Minutes", tags: ["Speed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-middle-aged-woman-front-laptop-screen-online-teaching-concept_169016-25682.jpg", imageAlt: "kids software UI colorful design"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "High Quality",
|
||||
tags: [
|
||||
"4K",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884854.jpg",
|
||||
imageAlt: "kids software UI colorful design",
|
||||
id: "f3", title: "High Quality", tags: ["4K"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884854.jpg", imageAlt: "kids software UI colorful design"
|
||||
},
|
||||
]}
|
||||
title="Magic Features"
|
||||
@@ -89,46 +65,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
handle: "@mom",
|
||||
testimonial: "My kids love making their own stories!",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-screens-collection_23-2148625865.jpg",
|
||||
imageAlt: "Meditation app screens collection",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob T.",
|
||||
handle: "@teacher",
|
||||
testimonial: "Incredible creative tool for classrooms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/course-application-template_23-2148653128.jpg",
|
||||
imageAlt: "Course application template",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie D.",
|
||||
handle: "@dad",
|
||||
testimonial: "Fast, fun, and safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/charity-app-screens_23-2148632318.jpg",
|
||||
imageAlt: "Charity app screens",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dana L.",
|
||||
handle: "@creative",
|
||||
testimonial: "Best way to spark imagination.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-concept_23-2148629255.jpg",
|
||||
imageAlt: "Meditation app concept",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Evan R.",
|
||||
handle: "@user",
|
||||
testimonial: "So simple to use.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874924.jpg",
|
||||
imageAlt: "Y2k website window illustration",
|
||||
},
|
||||
{ id: "1", name: "Alice M.", handle: "@mom", testimonial: "My kids love making their own stories!", imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-screens-collection_23-2148625865.jpg", imageAlt: "Meditation app screens collection" },
|
||||
{ id: "2", name: "Bob T.", handle: "@teacher", testimonial: "Incredible creative tool for classrooms.", imageSrc: "http://img.b2bpic.net/free-vector/course-application-template_23-2148653128.jpg", imageAlt: "Course application template" },
|
||||
{ id: "3", name: "Charlie D.", handle: "@dad", testimonial: "Fast, fun, and safe.", imageSrc: "http://img.b2bpic.net/free-vector/charity-app-screens_23-2148632318.jpg", imageAlt: "Charity app screens" },
|
||||
{ id: "4", name: "Dana L.", handle: "@creative", testimonial: "Best way to spark imagination.", imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-concept_23-2148629255.jpg", imageAlt: "Meditation app concept" },
|
||||
{ id: "5", name: "Evan R.", handle: "@user", testimonial: "So simple to use.", imageSrc: "http://img.b2bpic.net/free-photo/y2k-website-window-illustration_23-2151874924.jpg", imageAlt: "Y2k website window illustration" },
|
||||
]}
|
||||
title="Loved by Kids & Parents"
|
||||
description="See why everyone loves our video generator."
|
||||
@@ -140,21 +81,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is it safe?",
|
||||
content: "Yes, completely child-safe.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How fast is it?",
|
||||
content: "Minutes!",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I save videos?",
|
||||
content: "Yes, download anytime.",
|
||||
},
|
||||
{ id: "q1", title: "Is it safe?", content: "Yes, completely child-safe." },
|
||||
{ id: "q2", title: "How fast is it?", content: "Minutes!" },
|
||||
{ id: "q3", title: "Can I save videos?", content: "Yes, download anytime." },
|
||||
]}
|
||||
title="Questions & Answers"
|
||||
description="Have questions about our service? We have answers."
|
||||
@@ -166,23 +95,15 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Bring Your Story to Life"
|
||||
description="Enter a prompt below and let our AI create a magical cartoon video for your kids."
|
||||
description="Enter a prompt below and preview your video instantly in your browser without publishing it."
|
||||
inputs={[
|
||||
{
|
||||
name: "prompt",
|
||||
type: "text",
|
||||
placeholder: "Example: A brave little dragon flying over a candy mountain",
|
||||
required: true,
|
||||
},
|
||||
{ name: "prompt", type: "text", placeholder: "Example: A brave little dragon flying over a candy mountain", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "storyDetails",
|
||||
placeholder: "Add more details about your cartoon story here...",
|
||||
rows: 4,
|
||||
required: false,
|
||||
name: "storyDetails", placeholder: "Add more details about your cartoon story here...", rows: 4, required: false,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/course-app-template-set_23-2148651304.jpg"
|
||||
buttonText="Generate Video"
|
||||
buttonText="Generate Preview"
|
||||
imageAlt="kids software UI colorful design"
|
||||
/>
|
||||
</div>
|
||||
@@ -193,12 +114,7 @@ export default function LandingPage() {
|
||||
title="Stay Updated"
|
||||
description="Get latest news on new cartoon styles and features."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "email", type: "email", placeholder: "Enter your email", required: true },
|
||||
]}
|
||||
buttonText="Subscribe"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cute-kid-using-laptop_23-2151952965.jpg"
|
||||
@@ -210,36 +126,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="KidsCartoons.ai"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user