Merge version_1 into main #1
252
src/app/page.tsx
252
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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user