From ffc926b7320b469ec09e4a2f8df0a95097eb8fea Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 00:17:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 252 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 215 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ada3114..9746168 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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"
     />