Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Facebook, Instagram } from "lucide-react";
|
||||
import { Facebook, Instagram, Zap, Heart, PenTool, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Toy N Joy"
|
||||
/>
|
||||
@@ -60,113 +50,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to Toy N Joy"
|
||||
description="Your ultimate destination for high-quality toys, gifts, cycles, and stationery for your little ones. Experience joy in every purchase."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-kids-playing-together-with-train_23-2149355241.jpg",
|
||||
imageAlt: "Kids playing with toys",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-kids-playing-together-with-train_23-2149355241.jpg", imageAlt: "Kids playing with toys"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-playing-with-ecological-toys_23-2149884407.jpg",
|
||||
imageAlt: "Toy store interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-playing-with-ecological-toys_23-2149884407.jpg", imageAlt: "Toy store interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-making-puzzle-indoors_23-2149557904.jpg",
|
||||
imageAlt: "Cycle collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kids-making-puzzle-indoors_23-2149557904.jpg", imageAlt: "Cycle collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-childrens-playing_23-2148836247.jpg",
|
||||
imageAlt: "Stationery sets",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-childrens-playing_23-2148836247.jpg", imageAlt: "Stationery sets"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-book-bookshelves-bookstore_1232-4957.jpg",
|
||||
imageAlt: "Newborn toys",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-book-bookshelves-bookstore_1232-4957.jpg", imageAlt: "Newborn toys"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-colorful-keys-toy-piano_181624-27029.jpg",
|
||||
imageAlt: "Toys",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-closeup-shot-colorful-keys-toy-piano_181624-27029.jpg", imageAlt: "Toys"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-playing-with-cars-game-home_23-2148779606.jpg",
|
||||
imageAlt: "Cycles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-playing-with-cars-game-home_23-2148779606.jpg", imageAlt: "Cycles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8289.jpg",
|
||||
imageAlt: "Gifts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_1203-8289.jpg", imageAlt: "Gifts"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5319.jpg",
|
||||
imageAlt: "Stationery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-pop-it-toy-background-close-up_58702-5319.jpg", imageAlt: "Stationery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kindergarten-with-lots-educational-toys-games-chirlden_839833-21347.jpg",
|
||||
imageAlt: "Baby items",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-kindergarten-with-lots-educational-toys-games-chirlden_839833-21347.jpg", imageAlt: "Baby items"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-sitting-chair-smiling_23-2147664069.jpg",
|
||||
alt: "Happy customer parent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-girl-sitting-chair-smiling_23-2147664069.jpg", alt: "Happy customer parent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-children-playing-together_23-2148836244.jpg",
|
||||
alt: "Satisfied customer family",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-children-playing-together_23-2148836244.jpg", alt: "Satisfied customer family"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/non-binary-kids-playing-with-colorful-game-home_23-2148779613.jpg",
|
||||
alt: "Friendly local parent",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/non-binary-kids-playing-with-colorful-game-home_23-2148779613.jpg", alt: "Friendly local parent"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-children-playing-together_23-2148836245.jpg",
|
||||
alt: "Happy shopper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-children-playing-together_23-2148836245.jpg", alt: "Happy shopper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/supermarket-shelves-blurred-store-interior-background-woman-silhouette-near-shelves-with-products-background-with-space-text-ready-idea-postcard-website-design_166373-2962.jpg",
|
||||
alt: "Returning customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/supermarket-shelves-blurred-store-interior-background-woman-silhouette-near-shelves-with-products-background-with-space-text-ready-idea-postcard-website-design_166373-2962.jpg", alt: "Returning customer"},
|
||||
]}
|
||||
avatarText="Join 200+ happy families"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg",
|
||||
alt: "Mattel",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg", alt: "Mattel"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-back-school-labels-collection_23-2149034224.jpg",
|
||||
alt: "Hasbro",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-back-school-labels-collection_23-2149034224.jpg", alt: "Hasbro"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-bounce-house-logo-template_23-2149425952.jpg",
|
||||
alt: "Lego",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/hand-drawn-bounce-house-logo-template_23-2149425952.jpg", alt: "Lego"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/summer-sandbox-objects-notepad-bright-surface_23-2148149541.jpg",
|
||||
alt: "Fisher-Price",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/summer-sandbox-objects-notepad-bright-surface_23-2148149541.jpg", alt: "Fisher-Price"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/pen-butterfly-combination-logo_557339-612.jpg",
|
||||
alt: "Hot Wheels",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/pen-butterfly-combination-logo_557339-612.jpg", alt: "Hot Wheels"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -187,28 +127,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Huge Variety",
|
||||
description: "From car collections to bicycles, we have everything kids love.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys-open-book-template_23-2148144834.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Huge Variety", description: "From car collections to bicycles, we have everything kids love.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-toys-open-book-template_23-2148144834.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Newborn Essentials",
|
||||
description: "High-quality, safe, and soft items for your newest family members.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/postpartum-box-still-life_23-2151174361.jpg",
|
||||
buttonIcon: "Heart",
|
||||
title: "Newborn Essentials", description: "High-quality, safe, and soft items for your newest family members.", imageSrc: "http://img.b2bpic.net/free-photo/postpartum-box-still-life_23-2151174361.jpg", buttonIcon: Heart,
|
||||
},
|
||||
{
|
||||
title: "Sports & Stationery",
|
||||
description: "Top-tier school stationery and sports gear for active learners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-paint-pencils_23-2148662973.jpg",
|
||||
buttonIcon: "PenTool",
|
||||
title: "Sports & Stationery", description: "Top-tier school stationery and sports gear for active learners.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-paint-pencils_23-2148662973.jpg", buttonIcon: PenTool,
|
||||
},
|
||||
{
|
||||
title: "Affordable Quality",
|
||||
description: "We offer the best products at the best market prices guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-big-teddy-bear_1194-517.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Affordable Quality", description: "We offer the best products at the best market prices guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-big-teddy-bear_1194-517.jpg", buttonIcon: Award,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Toy N Joy?"
|
||||
@@ -224,47 +152,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Die Cast Sport Car",
|
||||
price: "₹499",
|
||||
variant: "Collectible",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-easter-car-with-egg_23-2149301302.jpg",
|
||||
},
|
||||
id: "1", name: "Die Cast Sport Car", price: "₹499", variant: "Collectible", imageSrc: "http://img.b2bpic.net/free-photo/green-easter-car-with-egg_23-2149301302.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kids City Cycle",
|
||||
price: "₹3,499",
|
||||
variant: "Sports",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-little-girl-with-backpack-bike-adventuring-nature_23-2150521052.jpg",
|
||||
},
|
||||
id: "2", name: "Kids City Cycle", price: "₹3,499", variant: "Sports", imageSrc: "http://img.b2bpic.net/free-photo/view-little-girl-with-backpack-bike-adventuring-nature_23-2150521052.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Soft Plush Panda",
|
||||
price: "₹299",
|
||||
variant: "Newborn",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096027.jpg",
|
||||
},
|
||||
id: "3", name: "Soft Plush Panda", price: "₹299", variant: "Newborn", imageSrc: "http://img.b2bpic.net/free-photo/interior-kids-room-decoration-with-toys_23-2149096027.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Building Blocks Set",
|
||||
price: "₹599",
|
||||
variant: "Educational",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-shapes-financial-planning-yellow-background_23-2148305982.jpg",
|
||||
},
|
||||
id: "4", name: "Building Blocks Set", price: "₹599", variant: "Educational", imageSrc: "http://img.b2bpic.net/free-photo/geometric-shapes-financial-planning-yellow-background_23-2148305982.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "RC Racing Car",
|
||||
price: "₹1,299",
|
||||
variant: "Remote Control",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-traditional-black-cab-driving-through-most-famous-landmarks-london_181624-53157.jpg",
|
||||
},
|
||||
id: "5", name: "RC Racing Car", price: "₹1,299", variant: "Remote Control", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-traditional-black-cab-driving-through-most-famous-landmarks-london_181624-53157.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Drawing Kit Box",
|
||||
price: "₹199",
|
||||
variant: "Stationery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-different-pencils-with-felt-pens-yellow-desk_140725-63637.jpg",
|
||||
},
|
||||
id: "6", name: "Drawing Kit Box", price: "₹199", variant: "Stationery", imageSrc: "http://img.b2bpic.net/free-photo/front-view-colorful-different-pencils-with-felt-pens-yellow-desk_140725-63637.jpg"},
|
||||
]}
|
||||
title="Popular Products"
|
||||
description="Explore our best-selling collections."
|
||||
@@ -276,14 +174,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Mattel",
|
||||
"Hasbro",
|
||||
"Lego",
|
||||
"Fisher-Price",
|
||||
"Hot Wheels",
|
||||
"Funskool",
|
||||
"Skillmatics",
|
||||
]}
|
||||
"Mattel", "Hasbro", "Lego", "Fisher-Price", "Hot Wheels", "Funskool", "Skillmatics"]}
|
||||
title="Trusted Partners & Brands"
|
||||
description="We collaborate with the world's best toy makers."
|
||||
/>
|
||||
@@ -296,59 +187,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Parent",
|
||||
company: "Varanasi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-shirt-giving-gift-box_23-2147957777.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Parent", company: "Varanasi", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-shirt-giving-gift-box_23-2147957777.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Collector",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Collector", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Parent",
|
||||
company: "Neighborhood",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-city_23-2149273783.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Parent", company: "Neighborhood", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-city_23-2149273783.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-with-son-repare-bike-park_1157-34959.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Customer", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-with-son-repare-bike-park_1157-34959.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Sharma",
|
||||
role: "Mother",
|
||||
company: "Nearby",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-spending-time-with-her-daughter_23-2148988977.jpg",
|
||||
},
|
||||
id: "5", name: "Priya Sharma", role: "Mother", company: "Nearby", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-spending-time-with-her-daughter_23-2148988977.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.9", label: "Rating"},
|
||||
{
|
||||
value: "205+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "205+", label: "Reviews"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "100%", label: "Satisfaction"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Heartfelt feedback from our happy families."
|
||||
@@ -361,20 +221,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open 24 hours a day, 7 days a week.",
|
||||
},
|
||||
id: "1", title: "What are your opening hours?", content: "We are open 24 hours a day, 7 days a week."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer discounts?",
|
||||
content: "Yes, we regularly offer maximum discounts on all our toy and stationery items.",
|
||||
},
|
||||
id: "2", title: "Do you offer discounts?", content: "Yes, we regularly offer maximum discounts on all our toy and stationery items."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at PAHARIYA, Pandeypur-Sarnath Rd, Varanasi.",
|
||||
},
|
||||
id: "3", title: "Where are you located?", content: "We are located at PAHARIYA, Pandeypur-Sarnath Rd, Varanasi."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers."
|
||||
@@ -386,8 +237,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Contact Toy N Joy"
|
||||
description="Come visit our store in Varanasi or give us a call at 083182 73042. We would love to see you!"
|
||||
@@ -404,14 +254,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user