262 lines
15 KiB
TypeScript
262 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import AboutPhoneTimeline from '@/components/sections/about/AboutPhoneTimeline';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardFive from '@/components/sections/product/ProductCardFive';
|
|
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Gift, Heart, HelpCircle, Package, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Shop", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Start Shopping", href: "products" }}
|
|
brandName="Game Life"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Welcome to Game Life - Where Fun Comes to Play"
|
|
description="Discover the ultimate destination for toys, games, and endless entertainment. From classic favorites to the latest releases, find the perfect toy for every age and interest."
|
|
tag="Toy Store"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Shop Now", href: "products" },
|
|
{ text: "View Collections", href: "features" }
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-young-modern-woman-yellow-shirt-black-trousers-colorful-jacket-holding-toy-car-posing-happy-expression_140725-15571.jpg", imageAlt: "Colorful toy collection display"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/close-up-dinosaurs-animal-figure-toys-sweet-candy-sprinkles_53876-41760.jpg", imageAlt: "Family board games and entertainment"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/various-animal-toy-figures-colorful-background_53876-121738.jpg", imageAlt: "Educational toys and building sets"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/various-animal-toy-figures-colorful-background_53876-41968.jpg", imageAlt: "Game Life retail toy showcase"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-girl-boy-with-superhero-capes-skateboards_23-2149185217.jpg", imageAlt: "Packaged gift toys and presents"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutPhoneTimeline
|
|
tag="About Game Life"
|
|
title="Play Smart, Shop Smart"
|
|
description="At Game Life, we believe every child deserves access to quality toys that inspire creativity, learning, and joy. Our curated collection brings together the best toys from trusted brands worldwide, all in one place. With dedicated customer service and fast shipping, we make toy shopping easy and enjoyable for families everywhere."
|
|
tagIcon={Heart}
|
|
buttons={[
|
|
{ text: "Learn Our Story", href: "#" },
|
|
{ text: "Browse Categories", href: "products" }
|
|
]}
|
|
textboxLayout="default"
|
|
phoneOne={{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/high-angle-hands-holding-controller_23-2149829169.jpg?id=33263530", imageAlt: "Game Life mobile app interface"
|
|
}}
|
|
phoneTwo={{
|
|
imageSrc: "https://img.b2bpic.net/free-vector/online-grocery-store-app-template_23-2150089550.jpg", imageAlt: "Shopping app user experience"
|
|
}}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Why Choose Game Life?"
|
|
description="Experience shopping made simple with our premium selection of toys and exceptional service."
|
|
tag="Benefits"
|
|
tagIcon={Gift}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
title: "⚡ Lightning Fast Delivery", description: "Get your favorite toys delivered quickly and safely to your doorstep. Free shipping on orders over $50.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-delivery-man-holding-box_23-2149035877.jpg", imageAlt: "Fast delivery service"
|
|
},
|
|
{
|
|
title: "🔒 Safety Guaranteed", description: "All our toys meet rigorous safety standards and are inspected for quality. Parent-approved and tested.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-delivery-man-holding-box_23-2149103440.jpg", imageAlt: "Safe toy products"
|
|
},
|
|
{
|
|
title: "↩️ Easy Returns", description: "Not happy? Return any toy within 30 days for a full refund. No questions asked. Customer satisfaction is our priority.", imageSrc: "https://img.b2bpic.net/free-photo/man-holding-tan-cardboard-box_549566-56.jpg", imageAlt: "Easy return policy"
|
|
}
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFive
|
|
title="Featured Products"
|
|
description="Explore our best-selling toys loved by families everywhere."
|
|
tag="Shop Collection"
|
|
tagIcon={Package}
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "prod-1", imageSrc: "https://img.b2bpic.net/free-photo/boy-holding-drone-front-view_23-2148800828.jpg", imageAlt: "Advanced Robot Toy", button: { text: "Add to Cart" },
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "prod-2", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-kids-learning_23-2148913687.jpg", imageAlt: "Plush Companion Toy", button: { text: "Add to Cart" },
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "prod-3", imageSrc: "https://img.b2bpic.net/free-photo/adult-person-interacting-with-futuristic-delivery-robot_23-2151210966.jpg", imageAlt: "Family Board Game", button: { text: "Add to Cart" },
|
|
isFavorited: false
|
|
},
|
|
{
|
|
id: "prod-4", imageSrc: "https://img.b2bpic.net/free-photo/close-up-kids-learning-with-tablet_23-2148913688.jpg", imageAlt: "Creative Building Set", button: { text: "Add to Cart" },
|
|
isFavorited: false
|
|
}
|
|
]}
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEleven
|
|
title="Loved by Families"
|
|
description="See why thousands of parents trust Game Life for their toy shopping needs."
|
|
tag="Customer Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", nameTitle: "Sarah Mitchell, Parent", quote: "Game Life has been a lifesaver for birthday shopping! The selection is amazing and delivery is incredibly fast. My kids love their toys, and I love the peace of mind knowing everything is safely tested.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-mother-with-her-daughters-looking-camera-home_1301-3928.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", nameTitle: "Emma Rodriguez, Mom of Two", quote: "The customer service team is fantastic! I had a question about a toy and they responded immediately. Will definitely be shopping here again. Great prices too!", imageSrc: "https://img.b2bpic.net/free-photo/joyful-family-nature_1098-1236.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "3", nameTitle: "James Chen, Father", quote: "Love the variety of educational toys available. My daughter is learning and having fun at the same time. Game Life truly cares about quality and child development.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-mother-daughter-kitchen_1170-2652.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "4", nameTitle: "Lisa Thompson, Grandparent", quote: "As a grandparent, I appreciate the detailed product descriptions that help me choose age-appropriate gifts. The free shipping makes it even better!", imageSrc: "https://img.b2bpic.net/free-photo/winner-gamer-wearing-virtual-reality-goggles-playing-space-shooter-video-games-room-with-rgb_482257-545.jpg?id=15786066", imageAlt: "Lisa Thompson"
|
|
},
|
|
{
|
|
id: "5", nameTitle: "Michael Park, Parent", quote: "Impressed by the curated selection. No junk, only quality toys. My son got his toy within 2 days. Highly recommend Game Life!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-mother-daughter-embracing-each-other_1170-2701.jpg", imageAlt: "Michael Park"
|
|
},
|
|
{
|
|
id: "6", nameTitle: "Rachel Johnson, Teacher", quote: "I recommend Game Life to parents in my classroom. They offer educational toys that actually work and engage children. Outstanding experience!", imageSrc: "https://img.b2bpic.net/free-photo/happy-mother-holding-kid-back_23-2148748676.jpg", imageAlt: "Rachel Johnson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to your toy shopping questions."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
mediaPosition="left"
|
|
imageSrc="https://img.b2bpic.net/free-photo/happy-mother-daughter_171337-2365.jpg"
|
|
imageAlt="Game Life toy store"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee on all toys. If your child doesn't love it, simply return it in original condition for a full refund. No restocking fees, no hassle!"
|
|
},
|
|
{
|
|
id: "2", title: "How long does shipping take?", content: "Standard shipping takes 5-7 business days. Express shipping (2-3 days) is available for an additional fee. Orders over $50 qualify for free standard shipping."
|
|
},
|
|
{
|
|
id: "3", title: "Are all toys safe for children?", content: "Yes! Every toy in our store meets or exceeds international safety standards (CPSC, EN71, etc.). We rigorously test all products and only stock items from trusted, certified manufacturers."
|
|
},
|
|
{
|
|
id: "4", title: "Do you have age recommendations?", content: "Absolutely. Each product listing includes detailed age recommendations and developmental benefits. Our team carefully curates toys appropriate for every age group from infants to teens."
|
|
},
|
|
{
|
|
id: "5", title: "Can I track my order?", content: "Yes! You'll receive a tracking number via email as soon as your order ships. You can track your package in real-time through our website or app."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer gift wrapping?", content: "We offer premium gift wrapping with personalized messages for a small fee. Perfect for birthdays, holidays, and special occasions!"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to bring joy to your family? Browse our complete collection now or reach out to our friendly team for personalized recommendations."
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Start Shopping", href: "products" },
|
|
{ text: "Contact Us", href: "#" }
|
|
]}
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/children-slide_329181-7520.jpg"
|
|
imageAlt="Happy children playing with toys"
|
|
logoText="Game Life"
|
|
copyrightText="© 2025 Game Life. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "All Toys", href: "products" },
|
|
{ label: "New Arrivals", href: "#" },
|
|
{ label: "Best Sellers", href: "#" },
|
|
{ label: "Sale", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns", href: "#" },
|
|
{ label: "Track Order", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |