Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
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="PonyJoy Beads"
|
||||
/>
|
||||
@@ -59,12 +51,10 @@ export default function LandingPage() {
|
||||
description="Unlock your creativity with our vibrant collection of premium pony beads. Perfect for jewelry, crafts, and DIY magic."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Beads",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Beads", href: "#products"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-handicrafts-composition_23-2147899260.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lovely-handicrafts-composition_23-2147899260.jpg"
|
||||
imageAlt="Colorful bead collection"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,20 +64,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Joy, One Bead at a Time",
|
||||
},
|
||||
type: "text", content: "Crafting Joy, One Bead at a Time"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/making-decorations-with-wood-beads_23-2148264387.jpg",
|
||||
alt: "Handcrafted jewelry",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/making-decorations-with-wood-beads_23-2148264387.jpg", alt: "Handcrafted jewelry"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,41 +83,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Vibrant Rainbow Mix",
|
||||
price: "$5.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4125.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Vibrant Rainbow Mix", price: "$5.99", imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4125.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neon Glow Assortment",
|
||||
price: "$6.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-decorative-elements-wooden-white-textured-backdrop_23-2147899239.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Neon Glow Assortment", price: "$6.49", imageSrc: "http://img.b2bpic.net/free-photo/colorful-decorative-elements-wooden-white-textured-backdrop_23-2147899239.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crystal Clear Sparkle",
|
||||
price: "$5.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-colorful-buttons-thread-spool-with-scissor_23-2148193642.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Crystal Clear Sparkle", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-colorful-buttons-thread-spool-with-scissor_23-2148193642.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pastel Dreams Kit",
|
||||
price: "$7.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-decorating-white-paper-with-colorful-buttons-wooden-table_23-2147899015.jpg",
|
||||
},
|
||||
id: "p4", name: "Pastel Dreams Kit", price: "$7.99", imageSrc: "http://img.b2bpic.net/free-photo/person-decorating-white-paper-with-colorful-buttons-wooden-table_23-2147899015.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Matte Finish Earthtones",
|
||||
price: "$6.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-doing-bead-work_23-2148815815.jpg",
|
||||
},
|
||||
id: "p5", name: "Matte Finish Earthtones", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-doing-bead-work_23-2148815815.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Alphabet Letter Beads",
|
||||
price: "$8.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-18488.jpg",
|
||||
},
|
||||
id: "p6", name: "Alphabet Letter Beads", price: "$8.49", imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-18488.jpg"},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Browse our hand-picked selection of high-quality pony beads in every color of the rainbow."
|
||||
@@ -145,25 +104,17 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Happy Crafters",
|
||||
value: "12,500+",
|
||||
},
|
||||
id: "m1", icon: Star,
|
||||
title: "Happy Crafters", value: "12,500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Package,
|
||||
title: "Beads Shipped",
|
||||
value: "500k+",
|
||||
},
|
||||
id: "m2", icon: Package,
|
||||
title: "Beads Shipped", value: "500k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Creative Projects",
|
||||
value: "85k+",
|
||||
},
|
||||
id: "m3", icon: Award,
|
||||
title: "Creative Projects", value: "85k+"},
|
||||
]}
|
||||
title="Our Community in Numbers"
|
||||
description="Join thousands of satisfied crafters around the world."
|
||||
@@ -176,60 +127,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Amazing quality!",
|
||||
quote: "The colors are absolutely vibrant and perfectly uniform. My bracelets look professional!",
|
||||
tag: "Top Pick",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/female-artist-with-wooden-box-brushes_23-2148002288.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-handicrafts-composition_23-2147899260.jpg?_wi=2",
|
||||
imageAlt: "happy customer jewelry craft",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "Jan 2024", title: "Amazing quality!", quote: "The colors are absolutely vibrant and perfectly uniform. My bracelets look professional!", tag: "Top Pick", avatarSrc: "http://img.b2bpic.net/free-photo/female-artist-with-wooden-box-brushes_23-2148002288.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lovely-handicrafts-composition_23-2147899260.jpg", imageAlt: "happy customer jewelry craft"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
date: "Dec 2023",
|
||||
title: "Fast delivery",
|
||||
quote: "I ordered for my class project, and the beads arrived in perfect condition. Kids loved it.",
|
||||
tag: "Educator",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397795.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-decorations-with-wood-beads_23-2148264387.jpg",
|
||||
imageAlt: "happy customer jewelry craft",
|
||||
},
|
||||
id: "t2", name: "David Chen", date: "Dec 2023", title: "Fast delivery", quote: "I ordered for my class project, and the beads arrived in perfect condition. Kids loved it.", tag: "Educator", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-organizing-their-knitting-products_23-2149397795.jpg", imageSrc: "http://img.b2bpic.net/free-photo/making-decorations-with-wood-beads_23-2148264387.jpg", imageAlt: "happy customer jewelry craft"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rose",
|
||||
date: "Feb 2024",
|
||||
title: "Best value",
|
||||
quote: "You can't beat this quality for the price. I've already ordered three more kits.",
|
||||
tag: "Hobbyist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575688.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4125.jpg?_wi=2",
|
||||
imageAlt: "happy customer jewelry craft",
|
||||
},
|
||||
id: "t3", name: "Emily Rose", date: "Feb 2024", title: "Best value", quote: "You can't beat this quality for the price. I've already ordered three more kits.", tag: "Hobbyist", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-person-doing-arts-crafts_23-2151575688.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fidget-pop-it-toy-rainbow-color-antistress-fun-educational_58702-4125.jpg", imageAlt: "happy customer jewelry craft"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Scott",
|
||||
date: "March 2024",
|
||||
title: "Love the variety",
|
||||
quote: "So many options! Every project comes out unique with this assortment.",
|
||||
tag: "Artist",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576822.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-decorative-elements-wooden-white-textured-backdrop_23-2147899239.jpg?_wi=2",
|
||||
imageAlt: "happy customer jewelry craft",
|
||||
},
|
||||
id: "t4", name: "Michael Scott", date: "March 2024", title: "Love the variety", quote: "So many options! Every project comes out unique with this assortment.", tag: "Artist", avatarSrc: "http://img.b2bpic.net/free-photo/goth-student-attending-school_23-2150576822.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colorful-decorative-elements-wooden-white-textured-backdrop_23-2147899239.jpg", imageAlt: "happy customer jewelry craft"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda White",
|
||||
date: "April 2024",
|
||||
title: "Great customer service",
|
||||
quote: "My package was delayed, and the team fixed it immediately. Wonderful service.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-standing-store-smiling_23-2147784094.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-colorful-buttons-thread-spool-with-scissor_23-2148193642.jpg?_wi=2",
|
||||
imageAlt: "happy customer jewelry craft",
|
||||
},
|
||||
id: "t5", name: "Linda White", date: "April 2024", title: "Great customer service", quote: "My package was delayed, and the team fixed it immediately. Wonderful service.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/woman-standing-store-smiling_23-2147784094.jpg", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-colorful-buttons-thread-spool-with-scissor_23-2148193642.jpg", imageAlt: "happy customer jewelry craft"},
|
||||
]}
|
||||
title="Loved by Creators"
|
||||
description="What our customers are saying about our beads."
|
||||
@@ -241,14 +147,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"CraftMaster Studios",
|
||||
"BeadHub Inc",
|
||||
"ColorPalette Arts",
|
||||
"Creative Hobby Pros",
|
||||
"Vivid Jewelry Co",
|
||||
"Rainbow Creations",
|
||||
"The Bead Artisan",
|
||||
]}
|
||||
"CraftMaster Studios", "BeadHub Inc", "ColorPalette Arts", "Creative Hobby Pros", "Vivid Jewelry Co", "Rainbow Creations", "The Bead Artisan"]}
|
||||
title="Trusted by Crafting Leaders"
|
||||
description="Proudly working with top-tier craft studios."
|
||||
/>
|
||||
@@ -260,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these beads safe for kids?",
|
||||
content: "Yes, our beads are made from non-toxic materials, suitable for kids 6+ under supervision.",
|
||||
},
|
||||
id: "q1", title: "Are these beads safe for kids?", content: "Yes, our beads are made from non-toxic materials, suitable for kids 6+ under supervision."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "We ship to most countries. Shipping costs are calculated at checkout.",
|
||||
},
|
||||
id: "q2", title: "Do you ship internationally?", content: "We ship to most countries. Shipping costs are calculated at checkout."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request custom bead colors?",
|
||||
content: "We are constantly expanding our range. Suggest colors through our contact form!",
|
||||
},
|
||||
id: "q3", title: "Can I request custom bead colors?", content: "We are constantly expanding our range. Suggest colors through our contact form!"},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Common questions about our beads and ordering process."
|
||||
@@ -285,16 +175,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Get Crafty"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Need bulk orders or specific colors? Get in touch with our team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -305,49 +192,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user