Merge version_2 into main #4
131
src/app/page.tsx
131
src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Little Gemma's Adventures"
|
||||
/>
|
||||
@@ -47,15 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
logoText="Little Gemma's Adventures"
|
||||
description="Unlock a world of magical learning and digital discovery for your little explorers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Products", href: "#products"},
|
||||
{
|
||||
text: "Our Story", href: "#about"},
|
||||
{ text: "Shop Products", href: "#products" },
|
||||
{ text: "Our Story", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/magenta-landscape-with-fantasy-nature_23-2150693979.jpg"
|
||||
imageAlt="Magical adventure land"
|
||||
@@ -70,41 +63,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Interactive Learning", description: "Discover fun ways to build core skills through play-based digital challenges.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-paper-cut-colorful_474888-7151.jpg", imageAlt: "Learning icon"},
|
||||
title: "Interactive Learning", description: "Discover fun ways to build core skills through play-based digital challenges.", media: { imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-paper-cut-colorful_474888-7151.jpg", imageAlt: "Learning icon" },
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Engaging gamification"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Skill-based progress"},
|
||||
{ icon: Sparkles, text: "Engaging gamification" },
|
||||
{ icon: CheckCircle, text: "Skill-based progress" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Creative Adventures", description: "Immersive storytelling experiences tailored for growing imaginations.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-fantasy-landscape_23-2150133003.jpg", imageAlt: "Book icon"},
|
||||
title: "Creative Adventures", description: "Immersive storytelling experiences tailored for growing imaginations.", media: { imageSrc: "http://img.b2bpic.net/free-photo/magic-fairy-tale-book-illustration-with-fantasy-landscape_23-2150133003.jpg", imageAlt: "Book icon" },
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Story-led activities"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast-paced fun"},
|
||||
{ icon: Star, text: "Story-led activities" },
|
||||
{ icon: Zap, text: "Fast-paced fun" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Family Friendly Fun", description: "Safe, curated, and easy-to-use digital products designed by experts.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-boy-fantasy-world_23-2151732334.jpg?_wi=1", imageAlt: "Fun icon"},
|
||||
title: "Family Friendly Fun", description: "Safe, curated, and easy-to-use digital products designed by experts.", media: { imageSrc: "http://img.b2bpic.net/free-photo/adorable-boy-fantasy-world_23-2151732334.jpg?_wi=1", imageAlt: "Fun icon" },
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Expert-approved"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Safe digital space"},
|
||||
{ icon: Award, text: "Expert-approved" },
|
||||
{ icon: Shield, text: "Safe digital space" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -121,18 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Magical Coloring Book", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/adorable-boy-fantasy-world_23-2151732334.jpg?_wi=2"},
|
||||
{
|
||||
id: "p2", name: "Treasure Hunt Map", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445177.jpg"},
|
||||
{
|
||||
id: "p3", name: "Sticker Adventure Pack", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-scrapbook-kit-with-watermelon-drawings_23-2147557503.jpg"},
|
||||
{
|
||||
id: "p4", name: "Animal Flashcards", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/violet-paints-white-paper_23-2148015597.jpg"},
|
||||
{
|
||||
id: "p5", name: "Enchanted Storytime", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/adorable-mushroom-illustration_23-2151700690.jpg"},
|
||||
{
|
||||
id: "p6", name: "Forest Puzzle Game", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/pixelated-image_1160-677.jpg"},
|
||||
{ id: "p1", name: "Magical Coloring Book", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/adorable-boy-fantasy-world_23-2151732334.jpg?_wi=2" },
|
||||
{ id: "p2", name: "Treasure Hunt Map", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-old-map-with-terrain-locations_23-2151445177.jpg" },
|
||||
{ id: "p3", name: "Sticker Adventure Pack", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-scrapbook-kit-with-watermelon-drawings_23-2147557503.jpg" },
|
||||
{ id: "p4", name: "Animal Flashcards", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/violet-paints-white-paper_23-2148015597.jpg" },
|
||||
{ id: "p5", name: "Enchanted Storytime", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/adorable-mushroom-illustration_23-2151700690.jpg" },
|
||||
{ id: "p6", name: "Forest Puzzle Game", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/pixelated-image_1160-677.jpg" },
|
||||
]}
|
||||
title="Magical Digital Downloads"
|
||||
description="Instant access to enchanting learning resources."
|
||||
@@ -146,12 +118,9 @@ export default function LandingPage() {
|
||||
title="Inspired by Wonder"
|
||||
description="Little Gemma's Adventures was founded on the belief that every child should have a magical path to discovering their potential. We create products that bridge the gap between education and play."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Playful Learning", description: "Engaging kids in active exploration."},
|
||||
{
|
||||
title: "Safe Space", description: "Designed with child-friendly safety in mind."},
|
||||
{
|
||||
title: "Infinite Growth", description: "Tools that evolve with your little one."},
|
||||
{ title: "Playful Learning", description: "Engaging kids in active exploration." },
|
||||
{ title: "Safe Space", description: "Designed with child-friendly safety in mind." },
|
||||
{ title: "Infinite Growth", description: "Tools that evolve with your little one." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rendering-cartoon-fantasy-scene-with-boy_23-2151150875.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -163,7 +132,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Magical Moms", "Tiny Explorers", "Bright Minds", "Happy Kiddos", "Curious Tots", "Wonder Creators", "Little Learners"]}
|
||||
"Magical Moms", "Tiny Explorers", "Bright Minds", "Happy Kiddos", "Curious Tots", "Wonder Creators", "Little Learners"
|
||||
]}
|
||||
title="Trusted by Families"
|
||||
description="Our community is growing every single day."
|
||||
/>
|
||||
@@ -175,16 +145,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Sarah W.", role: "Mother of two", testimonial: "My kids can't get enough of the sticker packs!", imageSrc: "http://img.b2bpic.net/free-photo/casual-childhood-lifestyle-activity-text_1134-773.jpg"},
|
||||
{
|
||||
id: "t2", name: "Mike R.", role: "Teacher", testimonial: "The interactive puzzles are perfect for classroom engagement.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-male-teacher-education-day_23-2150980013.jpg"},
|
||||
{
|
||||
id: "t3", name: "Jane L.", role: "Parent", testimonial: "Beautifully designed and educational. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-party-front-side-white-background_187299-40046.jpg"},
|
||||
{
|
||||
id: "t4", name: "Alex K.", role: "Kid fan", testimonial: "The coloring books are so fun and magical!", imageSrc: "http://img.b2bpic.net/free-photo/happy-cartoon-boy-with-big-eyes_1308-171308.jpg"},
|
||||
{
|
||||
id: "t5", name: "Dana M.", role: "Educator", testimonial: "Little Gemma's makes digital learning accessible and fun.", imageSrc: "http://img.b2bpic.net/free-photo/people-connecting-through-hugging_23-2151012546.jpg"},
|
||||
{ id: "t1", name: "Sarah W.", role: "Mother of two", testimonial: "My kids can't get enough of the sticker packs!", imageSrc: "http://img.b2bpic.net/free-photo/casual-childhood-lifestyle-activity-text_1134-773.jpg" },
|
||||
{ id: "t2", name: "Mike R.", role: "Teacher", testimonial: "The interactive puzzles are perfect for classroom engagement.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-male-teacher-education-day_23-2150980013.jpg" },
|
||||
{ id: "t3", name: "Jane L.", role: "Parent", testimonial: "Beautifully designed and educational. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-party-front-side-white-background_187299-40046.jpg" },
|
||||
{ id: "t4", name: "Alex K.", role: "Kid fan", testimonial: "The coloring books are so fun and magical!", imageSrc: "http://img.b2bpic.net/free-photo/happy-cartoon-boy-with-big-eyes_1308-171308.jpg" },
|
||||
{ id: "t5", name: "Dana M.", role: "Educator", testimonial: "Little Gemma's makes digital learning accessible and fun.", imageSrc: "http://img.b2bpic.net/free-photo/people-connecting-through-hugging_23-2151012546.jpg" },
|
||||
]}
|
||||
title="Happy Adventurers"
|
||||
description="What our amazing community has to say."
|
||||
@@ -195,12 +160,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Are these products downloadable?", content: "Yes, everything is digital and available instantly."},
|
||||
{
|
||||
id: "f2", title: "Is it safe for children?", content: "Our content is curated for safe, child-friendly interaction."},
|
||||
{
|
||||
id: "f3", title: "Can I print these?", content: "Most of our products are designed to be printer-friendly."},
|
||||
{ id: "f1", title: "Are these products downloadable?", content: "Yes, everything is digital and available instantly." },
|
||||
{ id: "f2", title: "Is it safe for children?", content: "Our content is curated for safe, child-friendly interaction." },
|
||||
{ id: "f3", title: "Can I print these?", content: "Most of our products are designed to be printer-friendly." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -210,8 +172,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Keep in touch"
|
||||
title="Join the Adventure"
|
||||
description="Sign up for updates on new downloads and magical surprises."
|
||||
@@ -221,22 +182,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{ title: "Brand", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Little Gemma's Adventures"
|
||||
/>
|
||||
@@ -244,4 +191,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user