10 Commits

Author SHA1 Message Date
9d5cee5ace Merge version_4 into main
Merge version_4 into main
2026-06-03 02:04:27 +00:00
63622c3d31 Update src/app/page.tsx 2026-06-03 02:04:24 +00:00
ac0e0061c3 Merge version_4 into main
Merge version_4 into main
2026-06-03 02:03:30 +00:00
8546408c5b Update src/app/styles/variables.css 2026-06-03 02:03:26 +00:00
9fb6098838 Update src/app/page.tsx 2026-06-03 02:03:26 +00:00
cd8419c849 Merge version_3 into main
Merge version_3 into main
2026-06-03 02:00:34 +00:00
45dd0aefa3 Update src/app/styles/variables.css 2026-06-03 02:00:30 +00:00
450a726061 Merge version_2 into main
Merge version_2 into main
2026-06-03 01:58:13 +00:00
21efc7e139 Update src/app/styles/variables.css 2026-06-03 01:58:07 +00:00
1bda48d00a Update src/app/page.tsx 2026-06-03 01:58:06 +00:00
2 changed files with 84 additions and 270 deletions

View File

@@ -19,10 +19,10 @@ export default function LandingPage() {
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="blurBottom"
background="aurora"
cardStyle="outline"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Toy Shop"
/>
@@ -68,63 +54,40 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
variant: "animated-grid"}}
title="Find the Perfect Toy, Every Time"
description="Curated toys for every age and interest. Safe, tested, and loved by families."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-girl-with-snow-close-up_23-2148905781.jpg",
alt: "Happy child",
},
src: "https://images.unsplash.com/photo-1579603511871-3d75704988e0?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Child with building blocks"},
{
src: "http://img.b2bpic.net/free-photo/young-african-american-girl-child-with-braids-wearing-casual-clothes-pink-background-smiling-laughing-with-hand-face-covering-eyes-surprise-blind-concept_839833-8959.jpg",
alt: "Curious child",
},
src: "https://images.unsplash.com/photo-1549487922-b5b6301389e8?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Child on swing"},
{
src: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-father-daughter-reading_23-2147805469.jpg",
alt: "Parent and child",
},
src: "https://images.unsplash.com/photo-1549247602-ad55c911ee6b?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Parent and child playing"},
{
src: "http://img.b2bpic.net/free-photo/self-portrait-cheerful-modern-couple-love_1262-12888.jpg",
alt: "Happy parent",
},
src: "https://images.unsplash.com/photo-1503454536217-1755a123f462?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Happy family"},
{
src: "http://img.b2bpic.net/free-photo/front-view-smile-boy-wearing-yellow-t-shirt_23-2148356653.jpg",
alt: "Happy child smiling close up",
},
src: "https://images.unsplash.com/photo-1536671048600-47b744d2d480?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Child laughing"},
]}
avatarText="Loved by thousands of families"
buttons={[
{
text: "Shop by Age",
href: "#products",
},
text: "Shop by Age", href: "#products"},
]}
buttonAnimation="opacity"
marqueeItems={[
{
type: "text",
text: "Safe & Non-Toxic",
type: "text", text: "Safe & Non-Toxic"},
{
type: "text-icon", text: "Fast Shipping", icon: Truck,
},
{
type: "text-icon",
text: "Fast Shipping",
icon: Truck,
type: "text", text: "Educational Play"},
{
type: "text-icon", text: "Customer Favorites", icon: Sparkles,
},
{
type: "text",
text: "Educational Play",
},
{
type: "text-icon",
text: "Customer Favorites",
icon: Sparkles,
},
{
type: "text",
text: "Joyful Learning",
},
type: "text", text: "Joyful Learning"},
]}
marqueeSpeed={40}
showMarqueeCard={true}
@@ -152,44 +115,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
title: "Safety Certified",
author: "Our Experts",
description: "Every toy undergoes rigorous testing to meet global safety standards, ensuring worry-free playtime for your children.",
tags: [
"Non-Toxic",
"Durable",
"Child-Safe",
],
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-teddy-bears_23-2147721477.jpg",
imageAlt: "Child playing with safe wooden toy",
},
id: "f1", title: "Safety Certified", author: "Our Experts", description: "Every toy undergoes rigorous testing to meet global safety standards, ensuring worry-free playtime for your children.", tags: [
"Non-Toxic", "Durable", "Child-Safe"],
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-with-teddy-bears_23-2147721477.jpg", imageAlt: "Child playing with safe wooden toy"},
{
id: "f2",
title: "Age-Appropriate Fun",
author: "Development Specialists",
description: "We provide clear age recommendations and developmental benefits for each toy, helping you choose the perfect match for your child's stage.",
tags: [
"Educational",
"Developmental",
"Engaging",
],
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-their-room_23-2149326785.jpg",
imageAlt: "Child playing with age appropriate toy",
},
id: "f2", title: "Age-Appropriate Fun", author: "Development Specialists", description: "We provide clear age recommendations and developmental benefits for each toy, helping you choose the perfect match for your child's stage.", tags: [
"Educational", "Developmental", "Engaging"],
imageSrc: "http://img.b2bpic.net/free-photo/kid-playing-their-room_23-2149326785.jpg", imageAlt: "Child playing with age appropriate toy"},
{
id: "f3",
title: "Uncompromised Quality",
author: "Craftsmanship Team",
description: "From durable materials to thoughtful design, our toys are built to last, providing countless hours of joy and creativity.",
tags: [
"Premium Materials",
"Handcrafted",
"Long-Lasting",
],
imageSrc: "http://img.b2bpic.net/free-photo/set-wooden-kitchen-utensils-concrete-surface_114579-5466.jpg",
imageAlt: "Handcrafted wooden toys durability",
},
id: "f3", title: "Uncompromised Quality", author: "Craftsmanship Team", description: "From durable materials to thoughtful design, our toys are built to last, providing countless hours of joy and creativity.", tags: [
"Premium Materials", "Handcrafted", "Long-Lasting"],
imageSrc: "https://images.unsplash.com/photo-1627471676646-993f3c473183?q=80&w=1935&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Handcrafted wooden toy close-up"},
]}
title="Why Choose Our Toys?"
description="We're more than just a toy shop; we're your partner in nurturing young minds. Discover the difference quality and care make."
@@ -205,47 +141,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "Wooden Rainbow Stacker",
price: "$29.99",
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-wooden-geometrical-shapes_23-2147849697.jpg",
imageAlt: "Wooden building blocks colorful set",
},
id: "p1", name: "Wooden Rainbow Stacker", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-wooden-geometrical-shapes_23-2147849697.jpg", imageAlt: "Wooden building blocks colorful set"},
{
id: "p2",
name: "Giant Plush Teddy Bear",
price: "$59.99",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-baby-with-stuffed-animal_23-2150573777.jpg",
imageAlt: "Plush teddy bear soft toy",
},
id: "p2", name: "Giant Plush Teddy Bear", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cute-baby-with-stuffed-animal_23-2150573777.jpg", imageAlt: "Plush teddy bear soft toy"},
{
id: "p3",
name: "RC Monster Truck",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/little-beautiful-handsome-little-man-drives-toy-outlander_1304-2725.jpg",
imageAlt: "Remote control car kids toy",
},
id: "p3", name: "RC Monster Truck", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/little-beautiful-handsome-little-man-drives-toy-outlander_1304-2725.jpg", imageAlt: "Remote control car kids toy"},
{
id: "p4",
name: "Classic Dollhouse Kit",
price: "$89.99",
imageSrc: "http://img.b2bpic.net/free-photo/storage-cold-girl-natural-bad_1303-474.jpg",
imageAlt: "Dollhouse miniature furniture playset",
},
id: "p4", name: "Classic Dollhouse Kit", price: "$89.99", imageSrc: "https://images.unsplash.com/photo-1628173400612-9c169225f69f?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Child playing with dollhouse"},
{
id: "p5",
name: "Kids' Science Lab Kit",
price: "$34.50",
imageSrc: "http://img.b2bpic.net/free-photo/easter-concept-little-girl-her-grandmother-coloring-eggs-easter-close-up-photo_1157-44953.jpg",
imageAlt: "Science kit for kids educational",
},
id: "p5", name: "Kids' Science Lab Kit", price: "$34.50", imageSrc: "https://images.unsplash.com/photo-1605330386687-0b1a7741e976?q=80&w=1780&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Child doing science experiment"},
{
id: "p6",
name: "Deluxe Art & Craft Set",
price: "$39.99",
imageSrc: "http://img.b2bpic.net/free-photo/paper-sheet-painting-color-palette-desk_23-2148575558.jpg",
imageAlt: "Art and craft supplies children",
},
id: "p6", name: "Deluxe Art & Craft Set", price: "$39.99", imageSrc: "http://img.b2bpic.net/free-photo/paper-sheet-painting-color-palette-desk_23-2148575558.jpg", imageAlt: "Art and craft supplies children"},
]}
title="Explore Our Bestsellers"
description="From imaginative playsets to developmental games, find something special for every child."
@@ -260,59 +166,23 @@ export default function LandingPage() {
carouselMode="buttons"
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@HappyMommy",
testimonial: "Absolutely love the range of toys here! My kids are always excited, and I trust the quality and safety every time. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-working-computer_329181-10362.jpg",
imageAlt: "Happy young mother portrait smiling",
},
id: "t1", name: "Sarah J.", handle: "@HappyMommy", testimonial: "Absolutely love the range of toys here! My kids are always excited, and I trust the quality and safety every time. Highly recommend!", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1542037102-de7e56218151?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Happy mom with child"},
{
id: "t2",
name: "Michael C.",
handle: "@DadOfTwo",
testimonial: "Finally, a toy shop that understands parents! The age recommendations are spot-on, and the educational value of these toys is fantastic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-moving-new-apartment-standing-front-heap-opened-carton-boxes-looking-camera_74855-10211.jpg",
imageAlt: "Father playing with child happy",
},
id: "t2", name: "Michael C.", handle: "@DadOfTwo", testimonial: "Finally, a toy shop that understands parents! The age recommendations are spot-on, and the educational value of these toys is fantastic.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1531548028020-f4b68072120e?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Father playing with son"},
{
id: "t3",
name: "Emily R.",
handle: "@GrandmaGifts",
testimonial: "I always find the perfect gift for my grandchildren. The customer service is wonderful, and the delivery is always quick and reliable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-woman-with-shopping-bags_329181-2279.jpg",
imageAlt: "Grandmother with grandchild playing",
},
id: "t3", name: "Emily R.", handle: "@GrandmaGifts", testimonial: "I always find the perfect gift for my grandchildren. The customer service is wonderful, and the delivery is always quick and reliable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-woman-with-shopping-bags_329181-2279.jpg", imageAlt: "Grandmother with grandchild playing"},
{
id: "t4",
name: "David K.",
handle: "@EducatorApproved",
testimonial: "As an educator, I appreciate the thoughtfully curated selection of developmental toys. They truly support learning through play.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-children-how-play-with-colorful-tower_23-2148633321.jpg",
imageAlt: "Educator explaining toy benefits",
},
id: "t4", name: "David K.", handle: "@EducatorApproved", testimonial: "As an educator, I appreciate the thoughtfully curated selection of developmental toys. They truly support learning through play.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-children-how-play-with-colorful-tower_23-2148633321.jpg", imageAlt: "Educator explaining toy benefits"},
{
id: "t5",
name: "Jessica L.",
handle: "@NewMomAdventures",
testimonial: "My baby adores the sensory toys from here! It's so reassuring to know they're safe and designed for early development. A lifesaver!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/parent-spending-quality-time-with-their-child_23-2149082109.jpg",
imageAlt: "Parent and baby interacting happily",
},
id: "t5", name: "Jessica L.", handle: "@NewMomAdventures", testimonial: "My baby adores the sensory toys from here! It's so reassuring to know they're safe and designed for early development. A lifesaver!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/parent-spending-quality-time-with-their-child_23-2149082109.jpg", imageAlt: "Parent and baby interacting happily"},
{
id: "t6",
name: "Chris B.",
handle: "@GiftGiverExtraordinaire",
testimonial: "The staff helped me pick out the most incredible gift for my niece's birthday. She absolutely loved it! This is my go-to toy shop.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/curious-couple-looking-away-through-window-cafe_329181-1796.jpg",
imageAlt: "couple shopping for kids gifts",
},
id: "t6", name: "Chris B.", handle: "@GiftGiverExtraordinaire", testimonial: "The staff helped me pick out the most incredible gift for my niece's birthday. She absolutely loved it! This is my go-to toy shop.", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1517300069352-78d781b85354?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", imageAlt: "Two children opening a gift"},
]}
showRating={true}
title="What Happy Parents Say"
@@ -325,14 +195,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Parent's Choice",
"Kids Safe Certified",
"EduPlay Alliance",
"Family Fun Magazine",
"Child Psychology Institute",
"EcoToy Partners",
"Global Toy Fair",
]}
"Parent's Choice", "Kids Safe Certified", "EduPlay Alliance", "Family Fun Magazine", "Child Psychology Institute", "EcoToy Partners", "Global Toy Fair"]}
title="Trusted by Families & Educators"
description="We partner with leading child development organizations and trusted brands to bring you the best in children's play."
speed={40}
@@ -346,30 +209,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do you ensure toy safety?",
content: "All our toys undergo rigorous third-party testing and meet or exceed international safety standards, including ASTM and EN71, to guarantee they are free from harmful chemicals and choking hazards.",
},
id: "q1", title: "How do you ensure toy safety?", content: "All our toys undergo rigorous third-party testing and meet or exceed international safety standards, including ASTM and EN71, to guarantee they are free from harmful chemicals and choking hazards."},
{
id: "q2",
title: "What are your shipping options and delivery times?",
content: "We offer standard and express shipping options. Standard delivery typically takes 3-5 business days, while express takes 1-2 business days. Exact times and costs vary by location and are calculated at checkout.",
},
id: "q2", title: "What are your shipping options and delivery times?", content: "We offer standard and express shipping options. Standard delivery typically takes 3-5 business days, while express takes 1-2 business days. Exact times and costs vary by location and are calculated at checkout."},
{
id: "q3",
title: "Can I return a toy if my child doesn't like it?",
content: "Yes, we offer a 30-day return policy for unopened and unused toys. We want you and your child to be completely happy with your purchase. Please see our full return policy for details.",
},
id: "q3", title: "Can I return a toy if my child doesn't like it?", content: "Yes, we offer a 30-day return policy for unopened and unused toys. We want you and your child to be completely happy with your purchase. Please see our full return policy for details."},
{
id: "q4",
title: "Do you offer gift wrapping services?",
content: "Absolutely! You can choose our premium gift wrapping service at checkout. We'll beautifully wrap your selections and can even include a personalized message.",
},
id: "q4", title: "Do you offer gift wrapping services?", content: "Absolutely! You can choose our premium gift wrapping service at checkout. We'll beautifully wrap your selections and can even include a personalized message."},
{
id: "q5",
title: "How can I contact customer support?",
content: "Our dedicated customer support team is available via email at support@toyshop.com or through our live chat feature on the website during business hours. We're here to help!",
},
id: "q5", title: "How can I contact customer support?", content: "Our dedicated customer support team is available via email at support@toyshop.com or through our live chat feature on the website during business hours. We're here to help!"},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our products, shipping, and services."
@@ -381,8 +229,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Need Help Finding the Perfect Toy?"
description="Our friendly team is here to assist you with recommendations, orders, or any questions you may have."
@@ -397,78 +244,45 @@ export default function LandingPage() {
logoText="Toy Shop"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "By Age",
href: "#",
},
label: "By Age", href: "#"},
{
label: "Categories",
href: "#",
},
label: "Categories", href: "#"},
{
label: "Bestsellers",
href: "#products",
},
label: "Bestsellers", href: "#products"},
{
label: "New Arrivals",
href: "#",
},
label: "New Arrivals", href: "#"},
{
label: "Sale Items",
href: "#",
},
label: "Sale Items", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Mission",
href: "#about",
},
label: "Our Mission", href: "#about"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping & Returns",
href: "#",
},
label: "Shipping & Returns", href: "#"},
{
label: "Gift Wrapping",
href: "#",
},
label: "Gift Wrapping", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -478,4 +292,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fafffb;
--card: #f7fffa;
--foreground: #001a0a;
--primary-cta: #0a7039;
--primary-cta-text: #fafffb;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;
--secondary-cta-text: #001a0a;
--accent: #a8d9be;
--background-accent: #6bbf8e;
--secondary-cta-text: #120a00e6;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);