Update src/app/page.tsx
This commit is contained in:
204
src/app/page.tsx
204
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Gift, Smile, Star } from "lucide-react";
|
||||
import { Gift, Smile, Star, Shield, Leaf, BookOpen, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Toys",
|
||||
id: "products",
|
||||
},
|
||||
name: "Toys", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ToyJoy"
|
||||
/>
|
||||
@@ -58,33 +50,21 @@ export default function LandingPage() {
|
||||
description="Discover our collection of curated toys designed for imagination, education, and pure fun."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Toys",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Toys", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-girl-playing-memory-game_23-2150231753.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-girl-playing-memory-game_23-2150231753.jpg"
|
||||
avatarText="Loved by 10k+ families"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-little-boy-playing-with-toys_23-2148836241.jpg",
|
||||
alt: "Portrait little boy playing with toys",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-little-boy-playing-with-toys_23-2148836241.jpg", alt: "Portrait little boy playing with toys"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/kid-playing-with-different-colorful-shapes_23-2148518053.jpg",
|
||||
alt: "Kid playing with different colorful shapes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/kid-playing-with-different-colorful-shapes_23-2148518053.jpg", alt: "Kid playing with different colorful shapes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-playing-with-didactic-game_23-2149316981.jpg",
|
||||
alt: "Close up on child playing with didactic game",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-playing-with-didactic-game_23-2149316981.jpg", alt: "Close up on child playing with didactic game"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-playing-with-brain-teaser-toys_23-2149512010.jpg",
|
||||
alt: "Boy playing with brain teaser toys",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/boy-playing-with-brain-teaser-toys_23-2149512010.jpg", alt: "Boy playing with brain teaser toys"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-family-with-little-daughter-playing_171337-7184.jpg",
|
||||
alt: "Portrait of a joyful family with a little daughter playing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-family-with-little-daughter-playing_171337-7184.jpg", alt: "Portrait of a joyful family with a little daughter playing"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,33 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Safety First",
|
||||
description: "Every toy meets international safety standards.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499133.jpg",
|
||||
imageAlt: "3d view of puzzle pieces",
|
||||
},
|
||||
title: "Safety First", description: "Every toy meets international safety standards.", buttonIcon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-puzzle-pieces_23-2150499133.jpg", imageAlt: "3d view of puzzle pieces"},
|
||||
{
|
||||
title: "Sustainable",
|
||||
description: "Eco-friendly materials for a better future.",
|
||||
buttonIcon: "Leaf",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-playing-memory-game_23-2150231753.jpg?_wi=2",
|
||||
imageAlt: "3d view of puzzle pieces",
|
||||
},
|
||||
title: "Sustainable", description: "Eco-friendly materials for a better future.", buttonIcon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-playing-memory-game_23-2150231753.jpg", imageAlt: "3d view of puzzle pieces"},
|
||||
{
|
||||
title: "Educational",
|
||||
description: "Toys that help children learn and grow.",
|
||||
buttonIcon: "BookOpen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-blocks_1308-39986.jpg?_wi=1",
|
||||
imageAlt: "3d view of puzzle pieces",
|
||||
},
|
||||
title: "Educational", description: "Toys that help children learn and grow.", buttonIcon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-blocks_1308-39986.jpg", imageAlt: "3d view of puzzle pieces"},
|
||||
{
|
||||
title: "Free Shipping",
|
||||
description: "On all orders over $50.",
|
||||
buttonIcon: "Truck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-toy-texture-close-up_23-2149686921.jpg?_wi=1",
|
||||
imageAlt: "3d view of puzzle pieces",
|
||||
},
|
||||
title: "Free Shipping", description: "On all orders over $50.", buttonIcon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-toy-texture-close-up_23-2149686921.jpg", imageAlt: "3d view of puzzle pieces"},
|
||||
]}
|
||||
title="Why Choose ToyJoy?"
|
||||
description="Quality, safety, and endless fun guaranteed."
|
||||
@@ -136,41 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Building Blocks",
|
||||
price: "$29.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-blocks_1308-39986.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Building Blocks", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/wooden-blocks_1308-39986.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Teddy Bear",
|
||||
price: "$19.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fluffy-toy-texture-close-up_23-2149686921.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Teddy Bear", price: "$19.99", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-toy-texture-close-up_23-2149686921.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Puzzle Set",
|
||||
price: "$14.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruits-blue-table-isolated-orange-near-mirrors_171337-13169.jpg",
|
||||
},
|
||||
id: "p3", name: "Puzzle Set", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/fruits-blue-table-isolated-orange-near-mirrors_171337-13169.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "RC Car",
|
||||
price: "$49.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139004.jpg",
|
||||
},
|
||||
id: "p4", name: "RC Car", price: "$49.99", imageSrc: "http://img.b2bpic.net/free-photo/view-three-dimensional-car-model_23-2151139004.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dollhouse",
|
||||
price: "$89.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916582.jpg",
|
||||
},
|
||||
id: "p5", name: "Dollhouse", price: "$89.99", imageSrc: "http://img.b2bpic.net/free-photo/tilt-shift-medieval-fantasy-landscape_23-2150916582.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Art Set",
|
||||
price: "$24.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-colorful-accessories-painting-drawing_114579-65476.jpg",
|
||||
},
|
||||
id: "p6", name: "Art Set", price: "$24.99", imageSrc: "http://img.b2bpic.net/free-photo/set-colorful-accessories-painting-drawing_114579-65476.jpg"},
|
||||
]}
|
||||
title="Popular Toys"
|
||||
description="Hand-picked favorites for little ones."
|
||||
@@ -185,25 +125,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Kids",
|
||||
description: "Smiles delivered globally.",
|
||||
icon: Smile,
|
||||
id: "m1", value: "10k+", title: "Happy Kids", description: "Smiles delivered globally.", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Toys",
|
||||
description: "Curated selection.",
|
||||
icon: Gift,
|
||||
id: "m2", value: "500+", title: "Toys", description: "Curated selection.", icon: Gift,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
title: "Rating",
|
||||
description: "Loved by parents.",
|
||||
icon: Star,
|
||||
id: "m3", value: "4.9/5", title: "Rating", description: "Loved by parents.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -217,45 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great quality!",
|
||||
quote: "My kids love their new train set.",
|
||||
name: "Sarah J.",
|
||||
role: "Mother",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg",
|
||||
},
|
||||
id: "1", title: "Great quality!", quote: "My kids love their new train set.", name: "Sarah J.", role: "Mother", imageSrc: "http://img.b2bpic.net/free-photo/father-daughter-laughing_23-2147615920.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Perfect gift",
|
||||
quote: "Fast delivery and amazing items.",
|
||||
name: "Michael K.",
|
||||
role: "Father",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-have-fun-park_1157-15851.jpg",
|
||||
},
|
||||
id: "2", title: "Perfect gift", quote: "Fast delivery and amazing items.", name: "Michael K.", role: "Father", imageSrc: "http://img.b2bpic.net/free-photo/family-have-fun-park_1157-15851.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "So educational",
|
||||
quote: "The puzzles are really engaging.",
|
||||
name: "Emily D.",
|
||||
role: "Teacher",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/awesome-happy-grey-haired-woman-makes-rock-n-roll-gesture-enjoys-cool-birthday-party-dressed-festive-clothes-smiles-gladfully-feels-young-again_273609-48774.jpg",
|
||||
},
|
||||
id: "3", title: "So educational", quote: "The puzzles are really engaging.", name: "Emily D.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/awesome-happy-grey-haired-woman-makes-rock-n-roll-gesture-enjoys-cool-birthday-party-dressed-festive-clothes-smiles-gladfully-feels-young-again_273609-48774.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellent service",
|
||||
quote: "Will definitely shop again.",
|
||||
name: "David W.",
|
||||
role: "Parent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-senior-woman_23-2149038094.jpg",
|
||||
},
|
||||
id: "4", title: "Excellent service", quote: "Will definitely shop again.", name: "David W.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-senior-woman_23-2149038094.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Kids are happy",
|
||||
quote: "The rc car is a big hit!",
|
||||
name: "Lisa R.",
|
||||
role: "Mother",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-family-with-little-daughter_171337-7365.jpg",
|
||||
},
|
||||
id: "5", title: "Kids are happy", quote: "The rc car is a big hit!", name: "Lisa R.", role: "Mother", imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-family-with-little-daughter_171337-7365.jpg"},
|
||||
]}
|
||||
title="Parent Stories"
|
||||
description="What our community says about us."
|
||||
@@ -268,20 +166,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping time?",
|
||||
content: "Usually 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "Shipping time?", content: "Usually 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Returns policy?",
|
||||
content: "Free returns within 30 days.",
|
||||
},
|
||||
id: "f2", title: "Returns policy?", content: "Free returns within 30 days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Safety standards?",
|
||||
content: "All items are lab-tested.",
|
||||
},
|
||||
id: "f3", title: "Safety standards?", content: "All items are lab-tested."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know."
|
||||
@@ -293,8 +182,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Join the Joy"
|
||||
description="Sign up for updates on new toys."
|
||||
tag="Newsletter"
|
||||
@@ -307,25 +195,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "About", href: "#hero"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user