bender/f1b2a25a-5cce-401c-be9c-c8a0f9bb3899
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-04-28 00:17:56 +00:00
parent 98729b1400
commit ffc926b732
1 changed files with 37 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "How it Works",
id: "about",
},
{
name: "Books",
id: "books",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "How it Works", id: "about" },
{ name: "Books", id: "books" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="MagicTales"
/>
@@ -58,17 +43,10 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Make Your Child the Star of Their Own Magical Adventure"
description="Upload a photo, add their name, and create a beautiful, personalized storybook that will be cherished forever."
buttons={[
{
text: "Start Creating",
href: "#books",
},
]}
buttons={[{ text: "Start Creating", href: "#books" }]}
imageSrc="http://img.b2bpic.net/free-photo/cozy-dragon-family-sleeping-enchanted-forest_23-2152033048.jpg"
imageAlt="magical storybook illustration"
/>
@@ -79,12 +57,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Where Dreams Become Reality"
description="Our personalized books capture the essence of wonder. Every page is meticulously designed to include your child's unique name and photo, making them the hero of their very own tale."
buttons={[
{
text: "See the Process",
href: "#faq",
},
]}
buttons={[{ text: "See the Process", href: "#faq" }]}
imageSrc="http://img.b2bpic.net/free-photo/christmas-home-scene-illustration_23-2151894299.jpg"
imageAlt="parent reading to child book"
/>
@@ -96,31 +69,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Upload a Photo",
description: "Choose a clear photo of your child and watch them appear in our illustrations.",
imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-creative-design-icon_53876-125405.jpg",
},
{
title: "Add Their Name",
description: "Personalize the story with your child's name in every chapter.",
imageSrc: "http://img.b2bpic.net/free-photo/notebooks-green-background-school-concept-flat-lay_169016-26882.jpg",
},
{
title: "Delivered to You",
description: "We print and ship your custom book directly to your door with love.",
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-celebration-gift-with-spilling-confetti_23-2152028664.jpg",
},
{
title: "Preview Digital Copy",
description: "See a digital preview of your book before we send it to the printers.",
imageSrc: "http://img.b2bpic.net/free-photo/bookmark-front-side-with-white-background_187299-39735.jpg",
},
{
title: "Gift Wrapped",
description: "Every book arrives beautifully packaged and ready to surprise.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631428.jpg",
},
{ title: "Upload a Photo", description: "Choose a clear photo of your child and watch them appear in our illustrations.", imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-creative-design-icon_53876-125405.jpg" },
{ title: "Add Their Name", description: "Personalize the story with your child's name in every chapter.", imageSrc: "http://img.b2bpic.net/free-photo/notebooks-green-background-school-concept-flat-lay_169016-26882.jpg" },
{ title: "Delivered to You", description: "We print and ship your custom book directly to your door with love.", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-celebration-gift-with-spilling-confetti_23-2152028664.jpg" },
{ title: "Preview Digital Copy", description: "See a digital preview of your book before we send it to the printers.", imageSrc: "http://img.b2bpic.net/free-photo/bookmark-front-side-with-white-background_187299-39735.jpg" },
{ title: "Gift Wrapped", description: "Every book arrives beautifully packaged and ready to surprise.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631428.jpg" },
]}
title="Magic in 3 Simple Steps"
description="Creating your personalized masterpiece is easy, fun, and fast."
@@ -132,61 +85,14 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
animationType="slide-up"
products={[
{
id: "b1",
brand: "Adventure Series",
name: "The Brave Little Explorer",
price: "$29.99",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-natural-landscape-giant-planet_23-2150133002.jpg",
},
{
id: "b2",
brand: "Fantasy Series",
name: "Kingdom of Dreams",
price: "$34.99",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007425.jpg",
},
{
id: "b3",
brand: "Animals Series",
name: "Forest Friends",
price: "$29.99",
rating: 4,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6690.jpg",
},
{
id: "b4",
brand: "Space Series",
name: "Galaxy Wonders",
price: "$39.99",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/rainbow-painted-paper_23-2148165470.jpg",
},
{
id: "b5",
brand: "Fairy Tale",
name: "Enchanted Castle",
price: "$34.99",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/cartoon-rainbow-girls_23-2151709400.jpg",
},
{
id: "b6",
brand: "Classic Series",
name: "The Great Adventure",
price: "$29.99",
rating: 4,
reviewCount: "43",
imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6881.jpg",
},
{ id: "b1", brand: "Adventure Series", name: "The Brave Little Explorer", price: "$29.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-natural-landscape-giant-planet_23-2150133002.jpg" },
{ id: "b2", brand: "Fantasy Series", name: "Kingdom of Dreams", price: "$34.99", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/international-day-education-cartoon-style_23-2151007425.jpg" },
{ id: "b3", brand: "Animals Series", name: "Forest Friends", price: "$29.99", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6690.jpg" },
{ id: "b4", brand: "Space Series", name: "Galaxy Wonders", price: "$39.99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/rainbow-painted-paper_23-2148165470.jpg" },
{ id: "b5", brand: "Fairy Tale", name: "Enchanted Castle", price: "$34.99", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-rainbow-girls_23-2151709400.jpg" },
{ id: "b6", brand: "Classic Series", name: "The Great Adventure", price: "$29.99", rating: 4, reviewCount: "43", imageSrc: "http://img.b2bpic.net/free-photo/physical-paper-book-background-closeup_58702-6881.jpg" },
]}
title="Our Magical Library"
description="Pick the adventure that fits your child best."
@@ -200,26 +106,11 @@ export default function LandingPage() {
rating={5}
author="Sarah M., Happy Mom"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/father-daughter-hair-styling-cartoon_23-2151963581.jpg",
alt: "happy parent portrait",
},
{
src: "http://img.b2bpic.net/free-photo/young-family-with-little-son-having-fun-together_1303-24444.jpg",
alt: "happy father portrait",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-couple-celebrating-new-year-eve_23-2148722184.jpg",
alt: "happy parent portrait",
},
{
src: "http://img.b2bpic.net/free-photo/young-family-with-two-sons-together-sitting-park_1303-20837.jpg",
alt: "happy father portrait",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-mother-playing-with-her-little-daughter_171337-7999.jpg",
alt: "happy parent portrait",
},
{ src: "http://img.b2bpic.net/free-photo/father-daughter-hair-styling-cartoon_23-2151963581.jpg", alt: "happy parent portrait" },
{ src: "http://img.b2bpic.net/free-photo/young-family-with-little-son-having-fun-together_1303-24444.jpg", alt: "happy father portrait" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-couple-celebrating-new-year-eve_23-2148722184.jpg", alt: "happy parent portrait" },
{ src: "http://img.b2bpic.net/free-photo/young-family-with-two-sons-together-sitting-park_1303-20837.jpg", alt: "happy father portrait" },
{ src: "http://img.b2bpic.net/free-photo/smiling-mother-playing-with-her-little-daughter_171337-7999.jpg", alt: "happy parent portrait" },
]}
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
@@ -231,15 +122,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Disney Parents",
"Parenting Monthly",
"Kids Weekly",
"Mom Blogger",
"Tech Kids",
"Storytime Magazine",
"Family Fun",
]}
"Disney Parents", "Parenting Monthly", "Kids Weekly", "Mom Blogger", "Tech Kids", "Storytime Magazine", "Family Fun"]}
title="Featured in"
description="As seen in top family and parent publications."
/>
</div>
@@ -248,31 +133,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I upload a photo?",
content: "Just click the upload button in the personalization step and pick a clear photo of your child.",
},
{
id: "2",
title: "How long does shipping take?",
content: "Shipping typically takes 5-7 business days for custom books.",
},
{
id: "3",
title: "Can I add more than one child?",
content: "Currently, each book is dedicated to one special child.",
},
{
id: "4",
title: "Is the paper quality good?",
content: "Yes, we use premium, thick, child-safe paper for all our books.",
},
{
id: "5",
title: "Do you ship internationally?",
content: "We currently ship to over 20 countries worldwide.",
},
{ id: "1", title: "How do I upload a photo?", content: "Just click the upload button in the personalization step and pick a clear photo of your child." },
{ id: "2", title: "How long does shipping take?", content: "Shipping typically takes 5-7 business days for custom books." },
{ id: "3", title: "Can I add more than one child?", content: "Currently, each book is dedicated to one special child." },
{ id: "4", title: "Is the paper quality good?", content: "Yes, we use premium, thick, child-safe paper for all our books." },
{ id: "5", title: "Do you ship internationally?", content: "We currently ship to over 20 countries worldwide." },
]}
imageSrc="http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470642.jpg"
imageAlt="whimsical question mark"
@@ -286,18 +151,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Get in Touch"
title="Start Your Magical Journey Today"
description="Have more questions or need help? Reach out to our team of storytelling experts."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@magictales.com",
},
]}
buttons={[{ text: "Contact Us", href: "mailto:hello@magictales.com" }]}
/>
</div>
@@ -306,45 +164,9 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/summer-sandbox-objects-notepad-bright-surface_23-2148149541.jpg"
logoText="MagicTales"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
]}
imageAlt="magic wand logo"
/>