From 56abb405f9b0cefd280b8e63e6b293da4c71d28f Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 4 Mar 2026 08:37:58 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 228 +++++++++++++++-------------------------------- 1 file changed, 74 insertions(+), 154 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 40625b2..aa5a800 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -8,7 +8,9 @@ import ProductCardFour from "@/components/sections/product/ProductCardFour"; import MetricCardOne from "@/components/sections/metrics/MetricCardOne"; import BlogCardThree from "@/components/sections/blog/BlogCardThree"; import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen"; +import TextSplitAbout from "@/components/sections/about/TextSplitAbout"; import SocialProofOne from "@/components/sections/socialProof/SocialProofOne"; +import FaqBase from "@/components/sections/faq/FaqBase"; import ContactText from "@/components/sections/contact/ContactText"; import FooterBase from "@/components/sections/footer/FooterBase"; import { Sparkles, Star, Heart, Zap, Users, ThumbsUp, Headphones, Award, MessageSquare, HelpCircle } from "lucide-react"; @@ -17,14 +19,13 @@ export default function HomePage() { const navItems = [ { name: "Shop", id: "featured-products" }, { name: "About", id: "about" }, - { name: "Contact", id: "contact" }, { name: "FAQ", id: "faq" }, + { name: "Contact", id: "contact" }, ]; const footerColumns = [ { - title: "Shop", - items: [ + title: "Shop", items: [ { label: "All Toys", href: "/products" }, { label: "Educational Toys", href: "/products" }, { label: "Plush Toys", href: "/products" }, @@ -34,8 +35,7 @@ export default function HomePage() { ], }, { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Our Story", href: "/about" }, { label: "Blog & Tips", href: "#" }, @@ -44,8 +44,7 @@ export default function HomePage() { ], }, { - title: "Customer Care", - items: [ + title: "Customer Care", items: [ { label: "FAQ", href: "/faq" }, { label: "Shipping Info", href: "#" }, { label: "Returns & Exchanges", href: "#" }, @@ -62,7 +61,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="small" sizing="mediumSizeLargeTitles" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="layered" @@ -84,7 +83,7 @@ export default function HomePage() { tag="Featured Collection" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "sparkles-gradient" }} buttons={[ { text: "Shop Now", href: "/products" }, { text: "Learn More", href: "/about" }, @@ -92,25 +91,15 @@ export default function HomePage() { buttonAnimation="slide-up" mediaItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/set-kid-toys-white-shelf_53876-144954.jpg", - imageAlt: "Colorful educational toys collection", - }, + imageSrc: "http://img.b2bpic.net/free-photo/set-kid-toys-white-shelf_53876-144954.jpg", imageAlt: "Colorful educational toys collection"}, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-holding-teddy-bear-outdoors_23-2151083608.jpg", - imageAlt: "Plush toys for young children", - }, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-kid-holding-teddy-bear-outdoors_23-2151083608.jpg", imageAlt: "Plush toys for young children"}, { - imageSrc: "http://img.b2bpic.net/free-photo/robot-style-car-with-joystick_140725-9003.jpg?_wi=1", - imageAlt: "STEM and building toys", - }, + imageSrc: "http://img.b2bpic.net/free-photo/robot-style-car-with-joystick_140725-9003.jpg", imageAlt: "STEM and building toys"}, { - imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-talking-smiling-friends-sitting-park-man-women-having-fun-spending-time-together_285396-8853.jpg", - imageAlt: "Outdoor adventure toys", - }, + imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-talking-smiling-friends-sitting-park-man-women-having-fun-spending-time-together_285396-8853.jpg", imageAlt: "Outdoor adventure toys"}, { - imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-happy-caucasian-family-reading-playing_181624-55717.jpg", - imageAlt: "Board games and puzzles", - }, + imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-happy-caucasian-family-reading-playing_181624-55717.jpg", imageAlt: "Board games and puzzles"}, ]} className="w-full" containerClassName="max-w-full" @@ -130,37 +119,13 @@ export default function HomePage() { buttonAnimation="slide-up" products={[ { - id: "1", - name: "Colorful Building Blocks Set", - price: "$34.99", - variant: "1000+ pieces • Multiple Colors", - imageSrc: "http://img.b2bpic.net/free-photo/plastic-eccano-set_1398-2179.jpg?_wi=1", - imageAlt: "Colorful building blocks set", - }, + id: "1", name: "Colorful Building Blocks Set", price: "$34.99", variant: "1000+ pieces • Multiple Colors", imageSrc: "http://img.b2bpic.net/free-photo/plastic-eccano-set_1398-2179.jpg", imageAlt: "Colorful building blocks set"}, { - id: "2", - name: "Plush Unicorn Friend", - price: "$24.99", - variant: "Soft & Huggable • 18 inches", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-showing-her-toy_1162-58.jpg?_wi=1", - imageAlt: "Plush unicorn toy", - }, + id: "2", name: "Plush Unicorn Friend", price: "$24.99", variant: "Soft & Huggable • 18 inches", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-showing-her-toy_1162-58.jpg", imageAlt: "Plush unicorn toy"}, { - id: "3", - name: "Robotics Kit Pro", - price: "$89.99", - variant: "STEM Learning • Ages 8+", - imageSrc: "http://img.b2bpic.net/free-photo/robot-style-car-with-joystick_140725-9003.jpg?_wi=2", - imageAlt: "Robotics educational kit", - }, + id: "3", name: "Robotics Kit Pro", price: "$89.99", variant: "STEM Learning • Ages 8+", imageSrc: "http://img.b2bpic.net/free-photo/robot-style-car-with-joystick_140725-9003.jpg", imageAlt: "Robotics educational kit"}, { - id: "4", - name: "Adventure Scooter", - price: "$49.99", - variant: "Outdoor Fun • LED Wheels", - imageSrc: "http://img.b2bpic.net/free-photo/african-american-girl-with-phone_1303-5332.jpg?_wi=1", - imageAlt: "Three-wheel scooter with LED wheels", - }, + id: "4", name: "Adventure Scooter", price: "$49.99", variant: "Outdoor Fun • LED Wheels", imageSrc: "http://img.b2bpic.net/free-photo/african-american-girl-with-phone_1303-5332.jpg", imageAlt: "Three-wheel scooter with LED wheels"}, ]} gridVariant="two-columns-alternating-heights" animationType="slide-up" @@ -179,25 +144,13 @@ export default function HomePage() { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "500K", - title: "Happy Customers", - description: "Families worldwide enjoying our toys", - icon: Users, + id: "1", value: "500K", title: "Happy Customers", description: "Families worldwide enjoying our toys", icon: Users, }, { - id: "2", - value: "98%", - title: "Satisfaction Rate", - description: "Customer approval on all products", - icon: ThumbsUp, + id: "2", value: "98%", title: "Satisfaction Rate", description: "Customer approval on all products", icon: ThumbsUp, }, { - id: "3", - value: "24/7", - title: "Customer Support", - description: "Always here to help you", - icon: Headphones, + id: "3", value: "24/7", title: "Customer Support", description: "Always here to help you", icon: Headphones, }, ]} gridVariant="uniform-all-items-equal" @@ -217,38 +170,11 @@ export default function HomePage() { tagAnimation="slide-up" blogs={[ { - id: "1", - category: "Spring Collection", - title: "Outdoor Adventure Toys for Spring Season", - excerpt: "Get ready for outdoor fun with our new spring collection featuring scooters, skateboards, and water toys.", - imageSrc: "http://img.b2bpic.net/free-photo/brother-sister-enjoying-watermelon-park_23-2147893204.jpg?_wi=1", - imageAlt: "Spring collection outdoor toys", - authorName: "Playtopia Team", - authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", - date: "March 2025", - }, + id: "1", category: "Spring Collection", title: "Outdoor Adventure Toys for Spring Season", excerpt: "Get ready for outdoor fun with our new spring collection featuring scooters, skateboards, and water toys.", imageSrc: "http://img.b2bpic.net/free-photo/brother-sister-enjoying-watermelon-park_23-2147893204.jpg", imageAlt: "Spring collection outdoor toys", authorName: "Playtopia Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg", date: "March 2025"}, { - id: "2", - category: "STEM Learning", - title: "Top 5 Educational STEM Toys for Curious Minds", - excerpt: "Explore our curated selection of STEM toys that make learning fun and engaging for kids ages 5-12.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-with-safety-glasses-lab_23-2148581324.jpg?_wi=1", - imageAlt: "Educational STEM toys showcase", - authorName: "Educational Expert", - authorAvatar: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", - date: "February 2025", - }, + id: "2", category: "STEM Learning", title: "Top 5 Educational STEM Toys for Curious Minds", excerpt: "Explore our curated selection of STEM toys that make learning fun and engaging for kids ages 5-12.", imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-with-safety-glasses-lab_23-2148581324.jpg", imageAlt: "Educational STEM toys showcase", authorName: "Educational Expert", authorAvatar: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", date: "February 2025"}, { - id: "3", - category: "Holiday Special", - title: "Best Toys for Every Age Group This Season", - excerpt: "Special holiday deals on premium toys perfect for birthdays and celebrations. Limited stock available!", - imageSrc: "http://img.b2bpic.net/free-vector/flat-design-christmas-sale-concept_23-2148349986.jpg?_wi=1", - imageAlt: "Holiday special toy deals", - authorName: "Playtopia Curator", - authorAvatar: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", - date: "January 2025", - }, + id: "3", category: "Holiday Special", title: "Best Toys for Every Age Group This Season", excerpt: "Special holiday deals on premium toys perfect for birthdays and celebrations. Limited stock available!", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-christmas-sale-concept_23-2148349986.jpg", imageAlt: "Holiday special toy deals", authorName: "Playtopia Curator", authorAvatar: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", date: "January 2025"}, ]} animationType="slide-up" textboxLayout="default" @@ -266,65 +192,34 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - title: "Quality Beyond Expectations", - quote: "The toys from Playtopia are incredibly well-made and safe. My kids play with them every single day, and they show no signs of wear. Customer service was amazing too!", - name: "Sarah Johnson", - role: "Parent of 2", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg?_wi=1", - imageAlt: "Sarah Johnson", - }, + id: "1", title: "Quality Beyond Expectations", quote: "The toys from Playtopia are incredibly well-made and safe. My kids play with them every single day, and they show no signs of wear. Customer service was amazing too!", name: "Sarah Johnson", role: "Parent of 2", imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg", imageAlt: "Sarah Johnson"}, { - id: "2", - title: "Educational & Fun Combined", - quote: "I was skeptical about STEM toys until I bought the robotics kit from Playtopia. My 8-year-old loves it and has learned so much. Highly recommend!", - name: "Michael Chen", - role: "Teacher & Parent", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg?_wi=1", - imageAlt: "Michael Chen", - }, + id: "2", title: "Educational & Fun Combined", quote: "I was skeptical about STEM toys until I bought the robotics kit from Playtopia. My 8-year-old loves it and has learned so much. Highly recommend!", name: "Michael Chen", role: "Teacher & Parent", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-leader-her-colleagues-two-cheerful-men-woman-standing-together-after-corporate-meeting-office-smiling-looking-camera-female-leadership-business-concept_74855-24566.jpg", imageAlt: "Michael Chen"}, { - id: "3", - title: "Fast Shipping & Great Variety", - quote: "Playtopia has everything! From outdoor toys to building sets, the selection is unbeatable. Plus, shipping was incredibly fast for my daughter's birthday.", - name: "Emily Rodriguez", - role: "Parent of 3", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg?_wi=2", - imageAlt: "Emily Rodriguez", - }, + id: "3", title: "Fast Shipping & Great Variety", quote: "Playtopia has everything! From outdoor toys to building sets, the selection is unbeatable. Plus, shipping was incredibly fast for my daughter's birthday.", name: "Emily Rodriguez", role: "Parent of 3", imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg", imageAlt: "Emily Rodriguez"}, { - id: "4", - title: "Safe & Certified Toys", - quote: "As a parent, safety is my top concern. I love that Playtopia guarantees all toys are tested and certified. Peace of mind and happy kids!", - name: "David Kim", - role: "Safety-Conscious Parent", - imageSrc: "http://img.b2bpic.net/free-photo/focused-mature-legal-advisor-reading-analyzing-customer-document_74855-9915.jpg", - imageAlt: "David Kim", - }, + id: "4", title: "Safe & Certified Toys", quote: "As a parent, safety is my top concern. I love that Playtopia guarantees all toys are tested and certified. Peace of mind and happy kids!", name: "David Kim", role: "Safety-Conscious Parent", imageSrc: "http://img.b2bpic.net/free-photo/focused-mature-legal-advisor-reading-analyzing-customer-document_74855-9915.jpg", imageAlt: "David Kim"}, { - id: "5", - title: "Best Birthday Present Ever", - quote: "My son hasn't put down his new adventure scooter since it arrived. The LED wheels are awesome and he's been riding it every afternoon!", - name: "Jessica Thompson", - role: "Grandmother", - imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-granddaughter-daughter-hugging-couch_171337-8137.jpg", - imageAlt: "Jessica Thompson", - }, + id: "5", title: "Best Birthday Present Ever", quote: "My son hasn't put down his new adventure scooter since it arrived. The LED wheels are awesome and he's been riding it every afternoon!", name: "Jessica Thompson", role: "Grandmother", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-granddaughter-daughter-hugging-couch_171337-8137.jpg", imageAlt: "Jessica Thompson"}, { - id: "6", - title: "Amazing Value for Money", - quote: "The quality-to-price ratio at Playtopia is unbeatable. I get premium toys without breaking the bank. Definitely shopping there again!", - name: "James Wilson", - role: "Budget-Conscious Parent", - imageSrc: "http://img.b2bpic.net/free-photo/happy-daughter-embracing-kissing-her-working-parents-home_637285-12186.jpg", - imageAlt: "James Wilson", - }, + id: "6", title: "Amazing Value for Money", quote: "The quality-to-price ratio at Playtopia is unbeatable. I get premium toys without breaking the bank. Definitely shopping there again!", name: "James Wilson", role: "Budget-Conscious Parent", imageSrc: "http://img.b2bpic.net/free-photo/happy-daughter-embracing-kissing-her-working-parents-home_637285-12186.jpg", imageAlt: "James Wilson"}, ]} textboxLayout="default" useInvertedBackground={false} /> +
+ +
+
+
+ +
+