Merge version_1 into main #2
188
src/app/page.tsx
188
src/app/page.tsx
@@ -32,41 +32,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Stars",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Characters",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Stars", id: "features" },
|
||||
{ name: "Characters", id: "team" },
|
||||
{ name: "FAQs", id: "faq" },
|
||||
]}
|
||||
brandName="Twinkle Stars"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Twinkle Little Stars"
|
||||
description="Sing along to our magical 1-minute journey through the night sky, filled with dancing colors, friendly animals, and sweet dreams."
|
||||
buttons={[
|
||||
{
|
||||
text: "Watch Video",
|
||||
href: "#",
|
||||
},
|
||||
text: "Watch Video", href: "#"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o5hzmx&_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o5hzmx"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,34 +64,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Red & Blue Fun",
|
||||
description: "Meet our vibrant stars that shine bright.",
|
||||
icon: Sparkles,
|
||||
title: "Red & Blue Fun", description: "Meet our vibrant stars that shine bright.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2svuu",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2svuu"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k9ank4",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o5hzmx&_wi=2",
|
||||
imageAlt: "cute cartoon star red",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k9ank4"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Green & Beyond",
|
||||
description: "Count along with our friendly green star.",
|
||||
icon: Star,
|
||||
title: "Green & Beyond", description: "Count along with our friendly green star.", icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfwqh7",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qfwqh7"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ykng0",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa8m7p&_wi=1",
|
||||
imageAlt: "cute cartoon star red",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ykng0"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Learn Colors & Numbers"
|
||||
@@ -121,25 +95,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Bunny",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa8m7p&_wi=2",
|
||||
},
|
||||
id: "1", name: "Bunny", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xa8m7p"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Teddy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eky79k",
|
||||
},
|
||||
id: "2", name: "Teddy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eky79k"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kitten",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xpwusb",
|
||||
},
|
||||
id: "3", name: "Kitten", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xpwusb"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Duck",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jl5hmw",
|
||||
},
|
||||
id: "4", name: "Duck", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jl5hmw"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -150,14 +112,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Little Learners",
|
||||
"Toddler Tunes",
|
||||
"Preschool Pals",
|
||||
"Nursery Notes",
|
||||
"Dreamy Days",
|
||||
"Nighty Night",
|
||||
"Starry Songs",
|
||||
]}
|
||||
"Little Learners", "Toddler Tunes", "Preschool Pals", "Nursery Notes", "Dreamy Days", "Nighty Night", "Starry Songs"]}
|
||||
title="Loved by Kids Everywhere"
|
||||
description="Join thousands of little ones who sing along every night before bed."
|
||||
/>
|
||||
@@ -170,36 +125,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Monthly",
|
||||
price: "$4.99",
|
||||
period: "/mo",
|
||||
description: "Perfect for casual bedtime listening.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Ad-free listening",
|
||||
"Sleep timer",
|
||||
"Weekly songs",
|
||||
],
|
||||
id: "basic", tag: "Monthly", price: "$4.99", period: "/mo", description: "Perfect for casual bedtime listening.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included", features: [
|
||||
"Ad-free listening", "Sleep timer", "Weekly songs"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Annual",
|
||||
price: "$39.99",
|
||||
period: "/yr",
|
||||
description: "Best value for your growing toddler.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"All features",
|
||||
"Offline mode",
|
||||
"Exclusive nursery rhymes",
|
||||
],
|
||||
id: "pro", tag: "Annual", price: "$39.99", period: "/yr", description: "Best value for your growing toddler.", button: {
|
||||
text: "Get Started"},
|
||||
featuresTitle: "Included", features: [
|
||||
"All features", "Offline mode", "Exclusive nursery rhymes"],
|
||||
},
|
||||
]}
|
||||
title="Upgrade Your Storytime"
|
||||
@@ -212,30 +147,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j528ry",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j528ry"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k9b6ki",
|
||||
},
|
||||
id: "2", name: "Michael K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k9b6ki"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2gk2wd",
|
||||
},
|
||||
id: "3", name: "Emily R.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2gk2wd"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kio53k",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kio53k"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura S.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rgira6",
|
||||
},
|
||||
id: "5", name: "Laura S.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rgira6"},
|
||||
]}
|
||||
cardTitle="Parents' Reviews"
|
||||
cardTag="Happy Parents"
|
||||
@@ -249,20 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the music safe?",
|
||||
content: "Yes, our music is curated specifically for toddler relaxation.",
|
||||
},
|
||||
id: "1", title: "Is the music safe?", content: "Yes, our music is curated specifically for toddler relaxation."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long is the video?",
|
||||
content: "This video is exactly 60 seconds long.",
|
||||
},
|
||||
id: "2", title: "How long is the video?", content: "This video is exactly 60 seconds long."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I watch offline?",
|
||||
content: "Yes, with our Pro plan, you can save songs for offline use.",
|
||||
},
|
||||
id: "3", title: "Can I watch offline?", content: "Yes, with our Pro plan, you can save songs for offline use."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about Twinkle Little Stars."
|
||||
@@ -274,8 +185,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Keep in Touch"
|
||||
title="Sweet Dreams Delivered"
|
||||
description="Sign up to receive our weekly nursery rhyme newsletter for your little ones."
|
||||
@@ -286,29 +196,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Rhymes",
|
||||
href: "#",
|
||||
},
|
||||
label: "Rhymes", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user