Merge version_1 into main #1
383
src/app/page.tsx
383
src/app/page.tsx
@@ -19,271 +19,144 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Toys",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="ToyLand"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Toys", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ToyLand"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="ToyLand Adventures"
|
||||
description="Discover a world of wonder with our curated collection of soft and hard toys. Safe, durable, and ready for imagination."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732871.jpg"
|
||||
imageAlt="Toyland collection hero"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "plain" }}
|
||||
logoText="ToyLand Adventures"
|
||||
description="Discover a world of wonder with our curated collection of soft and hard toys. Safe, durable, and ready for imagination."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732871.jpg"
|
||||
imageAlt="Toyland collection hero"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Soft & Cuddly",
|
||||
description: "High-quality plush toys that are gentle on skin and perfect for hugging.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Safe & Durable",
|
||||
description: "All our hard toys are rigorously tested for safety and built for long-lasting fun.",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Learning & Growth",
|
||||
description: "Toys designed to inspire creativity, problem-solving, and cognitive development.",
|
||||
},
|
||||
]}
|
||||
title="Why Kids Love Our Toys"
|
||||
description="Discover our commitment to quality, safety, and endless play."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Soft & Cuddly", description: "High-quality plush toys that are gentle on skin and perfect for hugging." },
|
||||
{ icon: ShieldCheck, title: "Safe & Durable", description: "All our hard toys are rigorously tested for safety and built for long-lasting fun." },
|
||||
{ icon: Lightbulb, title: "Learning & Growth", description: "Toys designed to inspire creativity, problem-solving, and cognitive development." },
|
||||
]}
|
||||
title="Why Kids Love Our Toys"
|
||||
description="Discover our commitment to quality, safety, and endless play."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Cuddly Elephant",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fluffy-monkey-toys_23-2149642394.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fast Racer Car",
|
||||
price: "$18.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139011.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Geometric Blocks",
|
||||
price: "$32.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499144.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Magic Unicorn",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn_23-2151400437.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Action Robot",
|
||||
price: "$39.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-world-future-culture-design-concept_53876-31815.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Creative Puzzle",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-playing-memory-game_23-2150294701.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Toy Catalog"
|
||||
description="Explore our favorite toys for every age and interest."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Cuddly Elephant", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/cute-fluffy-monkey-toys_23-2149642394.jpg" },
|
||||
{ id: "2", name: "Fast Racer Car", price: "$18.50", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139011.jpg" },
|
||||
{ id: "3", name: "Geometric Blocks", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499144.jpg" },
|
||||
{ id: "4", name: "Magic Unicorn", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/3d-cute-unicorn_23-2151400437.jpg" },
|
||||
{ id: "5", name: "Action Robot", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/robot-world-future-culture-design-concept_53876-31815.jpg" },
|
||||
{ id: "6", name: "Creative Puzzle", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girl-playing-memory-game_23-2150294701.jpg" },
|
||||
]}
|
||||
title="Our Toy Catalog"
|
||||
description="Explore our favorite toys for every age and interest."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"WonderKids",
|
||||
"PlaySafe",
|
||||
"EarlyMind",
|
||||
"TinyTots",
|
||||
"ToyMasters",
|
||||
"MagicPlay",
|
||||
"SafeGrowth",
|
||||
]}
|
||||
title="Trusted by Families"
|
||||
description="We are proud to partner with leading toy experts and safety foundations."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["WonderKids", "PlaySafe", "EarlyMind", "TinyTots", "ToyMasters", "MagicPlay", "SafeGrowth"]}
|
||||
title="Trusted by Families"
|
||||
description="We are proud to partner with leading toy experts and safety foundations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Mom",
|
||||
company: "Happy Kiddo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-lying-bed_1170-2770.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Davis",
|
||||
role: "Dad",
|
||||
company: "Active Fun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-having-fun-with-his-daughter_23-2147624666.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Teacher",
|
||||
company: "Growth Academy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-family-looking-into-camera-while-sitting-desk_482257-22008.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Wilson",
|
||||
role: "Grandpa",
|
||||
company: "Family Fun",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-with-makeup-celebrates-102nd-birthday-blows-candles-bday-cake-smiles-gladfully-wears-festive-clothes-has-party_273609-50086.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna Scott",
|
||||
role: "Mom",
|
||||
company: "Safe Play",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-having-fun-kitchen_1301-6566.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Kids",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Toy Designs",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Star Rating",
|
||||
},
|
||||
]}
|
||||
title="Happy Families"
|
||||
description="See why parents love our safe and fun toy collections."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Mom", company: "Happy Kiddo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-mother-daughter-lying-bed_1170-2770.jpg" },
|
||||
{ id: "2", name: "John Davis", role: "Dad", company: "Active Fun", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/father-having-fun-with-his-daughter_23-2147624666.jpg" },
|
||||
{ id: "3", name: "Emily Chen", role: "Teacher", company: "Growth Academy", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-family-looking-into-camera-while-sitting-desk_482257-22008.jpg" },
|
||||
{ id: "4", name: "Mark Wilson", role: "Grandpa", company: "Family Fun", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-with-makeup-celebrates-102nd-birthday-blows-candles-bday-cake-smiles-gladfully-wears-festive-clothes-has-party_273609-50086.jpg" },
|
||||
{ id: "5", name: "Anna Scott", role: "Mom", company: "Safe Play", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-having-fun-kitchen_1301-6566.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10k+", label: "Happy Kids" },
|
||||
{ value: "500+", label: "Toy Designs" },
|
||||
{ value: "4.9", label: "Star Rating" },
|
||||
]}
|
||||
title="Happy Families"
|
||||
description="See why parents love our safe and fun toy collections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are your toys non-toxic?",
|
||||
content: "Yes, all materials are 100% non-toxic and child-safe.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What ages are your toys for?",
|
||||
content: "We offer toys for children aged 0 to 12+ years.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to most countries worldwide.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our toys and safety."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Are your toys non-toxic?", content: "Yes, all materials are 100% non-toxic and child-safe." },
|
||||
{ id: "2", title: "What ages are your toys for?", content: "We offer toys for children aged 0 to 12+ years." },
|
||||
{ id: "3", title: "Do you offer international shipping?", content: "Yes, we ship to most countries worldwide." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our toys and safety."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Keep in Touch"
|
||||
title="Join Our Toy Newsletter"
|
||||
description="Get exclusive offers and news about our latest toy arrivals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soft-pastel-hues-room-kids_23-2151690373.jpg"
|
||||
imageAlt="Toyland newsletter"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Keep in Touch"
|
||||
title="Join Our Toy Newsletter"
|
||||
description="Get exclusive offers and news about our latest toy arrivals."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/soft-pastel-hues-room-kids_23-2151690373.jpg"
|
||||
imageAlt="Toyland newsletter"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ToyLand"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ToyLand"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user