Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -30,29 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="StickyBall"
|
||||
/>
|
||||
@@ -61,38 +49,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="StickyBall: The Ultimate Flytrap Toy"
|
||||
description="Experience the sticky fun that keeps bugs and boredom away! Our innovative StickyBall flytrap design is the perfect playful companion for your home."
|
||||
tag="New 2024 Design"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-water-gun-form-rhinoceros-blowing-bubble_181624-46698.jpg",
|
||||
imageAlt: "StickyBall hero shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-water-gun-form-rhinoceros-blowing-bubble_181624-46698.jpg", imageAlt: "StickyBall hero shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-hand-playing-with-pop-it-toy_58702-5509.jpg",
|
||||
imageAlt: "StickyBall action shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=1",
|
||||
imageAlt: "Close up view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-watching-films-laptop_23-2150371766.jpg?_wi=1",
|
||||
imageAlt: "Playful setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-child-boy-cute-adorable-playing-with-toy-orange-planes-blue_179666-945.jpg?_wi=1",
|
||||
imageAlt: "Action play",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-hand-playing-with-pop-it-toy_58702-5509.jpg", imageAlt: "StickyBall action shot"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,23 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Super Sticky Surface",
|
||||
description: "High-tack material that grabs everything it touches.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=2",
|
||||
imageAlt: "Feature 1",
|
||||
},
|
||||
title: "Super Sticky Surface", description: "High-tack material that grabs everything it touches.", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Feature 1"},
|
||||
{
|
||||
title: "Eco-Friendly Material",
|
||||
description: "Safe, non-toxic components for endless fun.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=3",
|
||||
imageAlt: "Feature 2",
|
||||
},
|
||||
title: "Eco-Friendly Material", description: "Safe, non-toxic components for endless fun.", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Feature 2"},
|
||||
{
|
||||
title: "Washable & Reusable",
|
||||
description: "Simply rinse and it's back to full stickiness!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=4",
|
||||
imageAlt: "Feature 3",
|
||||
},
|
||||
title: "Washable & Reusable", description: "Simply rinse and it's back to full stickiness!", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Feature 3"},
|
||||
]}
|
||||
title="Why You'll Love StickyBall"
|
||||
description="Engineered for fun and effectiveness. StickyBall combines playful design with high-quality materials."
|
||||
@@ -139,53 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "sb-1",
|
||||
name: "StickyBall Classic Green",
|
||||
price: "$19.99",
|
||||
variant: "Lime Green",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=5",
|
||||
imageAlt: "Classic Green",
|
||||
},
|
||||
id: "sb-1", name: "StickyBall Classic Green", price: "$19.99", variant: "Lime Green", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Classic Green"},
|
||||
{
|
||||
id: "sb-2",
|
||||
name: "StickyBall Midnight Blue",
|
||||
price: "$19.99",
|
||||
variant: "Midnight Blue",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=6",
|
||||
imageAlt: "Midnight Blue",
|
||||
},
|
||||
id: "sb-2", name: "StickyBall Midnight Blue", price: "$19.99", variant: "Midnight Blue", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Midnight Blue"},
|
||||
{
|
||||
id: "sb-3",
|
||||
name: "StickyBall Sunset Orange",
|
||||
price: "$19.99",
|
||||
variant: "Sunset Orange",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=7",
|
||||
imageAlt: "Sunset Orange",
|
||||
},
|
||||
id: "sb-3", name: "StickyBall Sunset Orange", price: "$19.99", variant: "Sunset Orange", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Sunset Orange"},
|
||||
{
|
||||
id: "sb-4",
|
||||
name: "StickyBall Neon Pink",
|
||||
price: "$19.99",
|
||||
variant: "Neon Pink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=8",
|
||||
imageAlt: "Neon Pink",
|
||||
},
|
||||
id: "sb-4", name: "StickyBall Neon Pink", price: "$19.99", variant: "Neon Pink", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Neon Pink"},
|
||||
{
|
||||
id: "sb-5",
|
||||
name: "StickyBall Crystal Clear",
|
||||
price: "$19.99",
|
||||
variant: "Clear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=9",
|
||||
imageAlt: "Clear",
|
||||
},
|
||||
id: "sb-5", name: "StickyBall Crystal Clear", price: "$19.99", variant: "Clear", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Clear"},
|
||||
{
|
||||
id: "sb-6",
|
||||
name: "StickyBall Glow-in-Dark",
|
||||
price: "$24.99",
|
||||
variant: "Glow",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg?_wi=10",
|
||||
imageAlt: "Glow",
|
||||
},
|
||||
id: "sb-6", name: "StickyBall Glow-in-Dark", price: "$24.99", variant: "Glow", imageSrc: "http://img.b2bpic.net/free-photo/view-santa-claus-bag-with-presents-toys_23-2149660810.jpg", imageAlt: "Glow"},
|
||||
]}
|
||||
title="Explore Our Collection"
|
||||
description="Choose the perfect StickyBall to brighten up your desk or playtime."
|
||||
@@ -200,45 +121,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Parent",
|
||||
company: "Happy Moms",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-watching-films-laptop_23-2150371766.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Parent", company: "Happy Moms", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-boy-watching-films-laptop_23-2150371766.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Leo Wang",
|
||||
role: "Collector",
|
||||
company: "Toy Fan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-child-boy-cute-adorable-playing-with-toy-orange-planes-blue_179666-945.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Leo Wang", role: "Collector", company: "Toy Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-child-boy-cute-adorable-playing-with-toy-orange-planes-blue_179666-945.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mia Chen",
|
||||
role: "Office Worker",
|
||||
company: "TechDesk",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176149.jpg",
|
||||
},
|
||||
id: "t3", name: "Mia Chen", role: "Office Worker", company: "TechDesk", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176149.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John Doe",
|
||||
role: "Gamer",
|
||||
company: "Streamer Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg",
|
||||
},
|
||||
id: "t4", name: "John Doe", role: "Gamer", company: "Streamer Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma Smith",
|
||||
role: "Artist",
|
||||
company: "Design Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-artistic-long-shot_23-2148565511.jpg",
|
||||
},
|
||||
id: "t5", name: "Emma Smith", role: "Artist", company: "Design Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-artistic-long-shot_23-2148565511.jpg"},
|
||||
]}
|
||||
title="Hear What Fans Say"
|
||||
description="Join our community of StickyBall enthusiasts worldwide."
|
||||
@@ -251,20 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it stay sticky?",
|
||||
content: "Our StickyBalls retain their tackiness for months with proper cleaning and care.",
|
||||
},
|
||||
id: "f1", title: "How long does it stay sticky?", content: "Our StickyBalls retain their tackiness for months with proper cleaning and care."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is it safe for pets?",
|
||||
content: "Yes, StickyBall is made from non-toxic materials, but we always recommend keeping toys away from pets.",
|
||||
},
|
||||
id: "f2", title: "Is it safe for pets?", content: "Yes, StickyBall is made from non-toxic materials, but we always recommend keeping toys away from pets."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We offer shipping to over 50 countries globally.",
|
||||
},
|
||||
id: "f3", title: "Do you ship worldwide?", content: "We offer shipping to over 50 countries globally."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to your questions about StickyBall."
|
||||
@@ -276,14 +163,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Ready to get your own StickyBall? Contact us today for bulk orders or questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:support@stickyball.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:support@stickyball.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -294,37 +178,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user