bender/b32c19a3-64b7-4067-9fd7-4c0f8e826511
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 15:48:33 +00:00
parent b94a27f57a
commit 59f86f8adb
1 changed files with 51 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

228
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Library",
id: "products",
},
name: "Library", id: "products"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="StoryMagic"
/>
@@ -56,60 +48,37 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Discover Magical Stories for Kids"
description="Unlock a world of imagination and wonder with our curated collection of illustrated eBooks for your little ones."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-cartoon-style-mother-celebrating-christmas-with-her-child_23-2150936529.jpg",
alt: "happy mother reading book with daughter",
},
src: "http://img.b2bpic.net/free-photo/portrait-cartoon-style-mother-celebrating-christmas-with-her-child_23-2150936529.jpg", alt: "happy mother reading book with daughter"},
{
src: "http://img.b2bpic.net/free-photo/young-boy-depicted-as-angel_23-2151801631.jpg",
alt: "child reading book alone sitting in garden",
},
src: "http://img.b2bpic.net/free-photo/young-boy-depicted-as-angel_23-2151801631.jpg", alt: "child reading book alone sitting in garden"},
{
src: "http://img.b2bpic.net/free-photo/female-student-posing-with-textbook_23-2147655833.jpg",
alt: "teacher reading book to students classroom",
},
src: "http://img.b2bpic.net/free-photo/female-student-posing-with-textbook_23-2147655833.jpg", alt: "teacher reading book to students classroom"},
{
src: "http://img.b2bpic.net/free-photo/laughing-student-posing-with-book_23-2147656247.jpg",
alt: "young boy reading book with smile",
},
src: "http://img.b2bpic.net/free-photo/laughing-student-posing-with-book_23-2147656247.jpg", alt: "young boy reading book with smile"},
{
src: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg",
alt: "happy parents reading story to kid in bed",
},
src: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg", alt: "happy parents reading story to kid in bed"},
]}
buttons={[
{
text: "Explore Stories",
href: "#products",
},
text: "Explore Stories", href: "#products"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Adventure",
},
type: "text", text: "Adventure"},
{
type: "text",
text: "Fantasy",
},
type: "text", text: "Fantasy"},
{
type: "text",
text: "Bedtime",
},
type: "text", text: "Bedtime"},
{
type: "text",
text: "Learning",
},
type: "text", text: "Learning"},
{
type: "text",
text: "Wonder",
},
type: "text", text: "Wonder"},
]}
/>
</div>
@@ -120,54 +89,30 @@ export default function LandingPage() {
title="Making Bedtime Magical Every Single Night"
buttons={[
{
text: "Learn More",
},
text: "Learn More"},
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "The Starship Trip",
price: "$9.99",
imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn-illustration_23-2151800547.jpg?_wi=1",
},
id: "s1", name: "The Starship Trip", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn-illustration_23-2151800547.jpg"},
{
id: "s2",
name: "Forest Whispers",
price: "$8.99",
imageSrc: "http://img.b2bpic.net/free-photo/deer-resting-forest-clearing_23-2152000235.jpg?_wi=1",
},
id: "s2", name: "Forest Whispers", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/deer-resting-forest-clearing_23-2152000235.jpg"},
{
id: "s3",
name: "Deep Sea Dives",
price: "$10.99",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-with-boy_23-2151150856.jpg",
},
id: "s3", name: "Deep Sea Dives", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-with-boy_23-2151150856.jpg"},
{
id: "s4",
name: "Castle Chronicles",
price: "$12.99",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-castle_23-2151150831.jpg",
},
id: "s4", name: "Castle Chronicles", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-castle_23-2151150831.jpg"},
{
id: "s5",
name: "Dragon Friends",
price: "$7.99",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151129068.jpg",
},
id: "s5", name: "Dragon Friends", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-dragon-character_23-2151129068.jpg"},
{
id: "s6",
name: "Galaxy Glider",
price: "$9.49",
imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-planets-with-astronaut_23-2151699361.jpg",
},
id: "s6", name: "Galaxy Glider", price: "$9.49", imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-planets-with-astronaut_23-2151699361.jpg"},
]}
title="Featured Adventures"
description="Explore our hand-picked selection of charming tales, each crafted to ignite your child's curiosity."
@@ -181,28 +126,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Interactive Illustrations",
description: "Beautiful drawings that bring stories to life.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-bear-illustration-digital-art-style_23-2151458013.jpg",
imageAlt: "magical fantasy book reading scene illustration",
title: "Interactive Illustrations", description: "Beautiful drawings that bring stories to life.", bentoComponent: "reveal-icon", icon: Sparkles,
},
{
title: "Safe & Secure",
description: "Completely child-friendly reading environment.",
bentoComponent: "reveal-icon",
icon: ShieldCheck,
imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn-illustration_23-2151800547.jpg?_wi=2",
imageAlt: "magical fantasy book reading scene illustration",
title: "Safe & Secure", description: "Completely child-friendly reading environment.", bentoComponent: "reveal-icon", icon: ShieldCheck,
},
{
title: "Unlimited Access",
description: "Read all your favorite stories anytime.",
bentoComponent: "reveal-icon",
icon: BookOpen,
imageSrc: "http://img.b2bpic.net/free-photo/deer-resting-forest-clearing_23-2152000235.jpg?_wi=2",
imageAlt: "magical fantasy book reading scene illustration",
title: "Unlimited Access", description: "Read all your favorite stories anytime.", bentoComponent: "reveal-icon", icon: BookOpen,
},
]}
title="Why Kids Love Our Books"
@@ -218,45 +148,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice M.",
role: "Parent",
company: "Happy Readers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girls-friendship-cartoon_23-2151492073.jpg",
},
id: "t1", name: "Alice M.", role: "Parent", company: "Happy Readers", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girls-friendship-cartoon_23-2151492073.jpg"},
{
id: "t2",
name: "Brian K.",
role: "Teacher",
company: "EduJoy",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-little-girl-with-paper-planes-outdoor_624325-4137.jpg",
},
id: "t2", name: "Brian K.", role: "Teacher", company: "EduJoy", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-little-girl-with-paper-planes-outdoor_624325-4137.jpg"},
{
id: "t3",
name: "Carla S.",
role: "Parent",
company: "StoryFans",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg",
},
id: "t3", name: "Carla S.", role: "Parent", company: "StoryFans", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-good-looking-young-dark-skinned-perspective-entrepreneur-looking-digital-tablet-looking-information-about-team-project-friend-meeting-library_176420-8281.jpg"},
{
id: "t4",
name: "David W.",
role: "Librarian",
company: "BookClub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/school-boy-with-book-park_23-2148199241.jpg",
},
id: "t4", name: "David W.", role: "Librarian", company: "BookClub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/school-boy-with-book-park_23-2148199241.jpg"},
{
id: "t5",
name: "Elena R.",
role: "Parent",
company: "HomeBase",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg",
},
id: "t5", name: "Elena R.", role: "Parent", company: "HomeBase", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-her-room_23-2149208208.jpg"},
]}
title="Loved by Families Everywhere"
description="Real stories from parents and teachers who have made reading a daily joy."
@@ -270,20 +175,11 @@ export default function LandingPage() {
tag="Trusted by thousands"
metrics={[
{
id: "m1",
value: "100+",
description: "Magical Stories",
},
id: "m1", value: "100+", description: "Magical Stories"},
{
id: "m2",
value: "50k+",
description: "Happy Readers",
},
id: "m2", value: "50k+", description: "Happy Readers"},
{
id: "m3",
value: "4.9",
description: "Average Rating",
},
id: "m3", value: "4.9", description: "Average Rating"},
]}
metricsAnimation="slide-up"
/>
@@ -295,20 +191,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I access books?",
content: "Just log in to your account after purchase.",
},
id: "f1", title: "How do I access books?", content: "Just log in to your account after purchase."},
{
id: "f2",
title: "Are these safe for kids?",
content: "Yes, our platform is verified and kid-friendly.",
},
id: "f2", title: "Are these safe for kids?", content: "Yes, our platform is verified and kid-friendly."},
{
id: "f3",
title: "Can I read offline?",
content: "Yes, just download to your tablet or phone.",
},
id: "f3", title: "Can I read offline?", content: "Yes, just download to your tablet or phone."},
]}
title="Common Questions"
faqsAnimation="slide-up"
@@ -320,16 +207,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Questions?"
title="Need Help? Reach Out!"
description="Our team is here to assist you and your little ones."
buttons={[
{
text: "Contact Support",
href: "mailto:support@storymagic.com",
},
text: "Contact Support", href: "mailto:support@storymagic.com"},
]}
/>
</div>
@@ -338,29 +222,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Store",
items: [
title: "Store", items: [
{
label: "Books",
href: "#products",
},
label: "Books", href: "#products"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}