Merge version_1 into main #1
201
src/app/page.tsx
201
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="StickerBoom"
|
||||
/>
|
||||
@@ -55,41 +47,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unleash Your Creativity"
|
||||
description="Discover our collection of genius cartoon stickers designed to brighten your everyday items."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-kitchen-utensil-doodle-sticker-set-vector_53876-173137.jpg",
|
||||
imageAlt: "vibrant cartoon stickers collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-kitchen-utensil-doodle-sticker-set-vector_53876-173137.jpg", imageAlt: "vibrant cartoon stickers collection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dz566",
|
||||
imageAlt: "vibrant cartoon stickers collection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0dz566", imageAlt: "vibrant cartoon stickers collection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4zvbqv",
|
||||
imageAlt: "vibrant cartoon stickers collection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4zvbqv", imageAlt: "vibrant cartoon stickers collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-cartoon-kawaii-sticker_533152-2.jpg",
|
||||
imageAlt: "vibrant cartoon stickers collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-cartoon-kawaii-sticker_533152-2.jpg", imageAlt: "vibrant cartoon stickers collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-cartoon-kawaii-sticker_533152-6.jpg",
|
||||
imageAlt: "vibrant cartoon stickers collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/set-cartoon-kawaii-sticker_533152-6.jpg", imageAlt: "vibrant cartoon stickers collection"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmlchj",
|
||||
imageAlt: "vibrant cartoon stickers collection",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmlchj", imageAlt: "vibrant cartoon stickers collection"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,41 +79,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Silly Monster",
|
||||
price: "$3.99",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=upzuzs",
|
||||
},
|
||||
id: "p1", name: "Silly Monster", price: "$3.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=upzuzs"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Space Cat",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-ice-cream-paper-style_23-2148512733.jpg",
|
||||
},
|
||||
id: "p2", name: "Space Cat", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-colorful-ice-cream-paper-style_23-2148512733.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Retro Boom",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/kawaii-art-stickers_52683-73428.jpg",
|
||||
},
|
||||
id: "p3", name: "Retro Boom", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-vector/kawaii-art-stickers_52683-73428.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Happy Panda",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/retro-cute-sushi-character-set_107791-34698.jpg",
|
||||
},
|
||||
id: "p4", name: "Happy Panda", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-vector/retro-cute-sushi-character-set_107791-34698.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Coffee Nerd",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/doodle-flat-trendy-cartoon-element-collection_179234-364.jpg",
|
||||
},
|
||||
id: "p5", name: "Coffee Nerd", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-vector/doodle-flat-trendy-cartoon-element-collection_179234-364.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Pizza Planet",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/retro-rave-stickers-comic-patches_107791-17727.jpg",
|
||||
},
|
||||
id: "p6", name: "Pizza Planet", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-vector/retro-rave-stickers-comic-patches_107791-17727.jpg"},
|
||||
]}
|
||||
title="Genius Collection"
|
||||
description="Explore our curated pack of funny and unique stickers."
|
||||
@@ -150,17 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Paper-thin peel",
|
||||
"Fades easily",
|
||||
"Low resolution",
|
||||
],
|
||||
"Paper-thin peel", "Fades easily", "Low resolution"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"UV Resistant",
|
||||
"Waterproof",
|
||||
"High Resolution",
|
||||
],
|
||||
"UV Resistant", "Waterproof", "High Resolution"],
|
||||
}}
|
||||
title="Quality Built-in"
|
||||
description="Our stickers stand out in quality and design."
|
||||
@@ -172,9 +119,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="About Our Studio"
|
||||
description={[
|
||||
"StickerBoom is a collective of artists creating cartoon-inspired stickers for everyone.",
|
||||
"We believe every sticker tells a story and every item deserves a bit of personality.",
|
||||
]}
|
||||
"StickerBoom is a collective of artists creating cartoon-inspired stickers for everyone.", "We believe every sticker tells a story and every item deserves a bit of personality."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,20 +130,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
description: "Happy Sticker Fans",
|
||||
},
|
||||
id: "m1", value: "10K+", description: "Happy Sticker Fans"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Unique Designs",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Unique Designs"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Countries Reached",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Countries Reached"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -212,47 +148,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
role: "Fan",
|
||||
company: "StickerAddict",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100188.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex", role: "Fan", company: "StickerAddict", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100188.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam",
|
||||
role: "Fan",
|
||||
company: "Collector",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/naive-lol-stickers-collection_52683-68193.jpg",
|
||||
},
|
||||
id: "t2", name: "Sam", role: "Fan", company: "Collector", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/naive-lol-stickers-collection_52683-68193.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jamie",
|
||||
role: "Fan",
|
||||
company: "FanClub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-with-glasses_1098-1934.jpg",
|
||||
},
|
||||
id: "t3", name: "Jamie", role: "Fan", company: "FanClub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-with-glasses_1098-1934.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Casey",
|
||||
role: "Fan",
|
||||
company: "StickerBoom",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professional-women-avatars_1107-15.jpg",
|
||||
},
|
||||
id: "t4", name: "Casey", role: "Fan", company: "StickerBoom", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/professional-women-avatars_1107-15.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jordan",
|
||||
role: "Fan",
|
||||
company: "Artist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133982.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved By Fans"
|
||||
id: "t5", name: "Jordan", role: "Fan", company: "Artist", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133982.jpg"},
|
||||
],
|
||||
title="Loved By Fans", description="Our happy customers agree."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -262,20 +173,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long for shipping?",
|
||||
content: "Shipping usually takes 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "How long for shipping?", content: "Shipping usually takes 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you accept returns?",
|
||||
content: "We accept returns for defective items within 30 days.",
|
||||
},
|
||||
id: "f2", title: "Do you accept returns?", content: "We accept returns for defective items within 30 days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are these weatherproof?",
|
||||
content: "Yes, all our stickers are fully waterproof and UV resistant.",
|
||||
},
|
||||
id: "f3", title: "Are these weatherproof?", content: "Yes, all our stickers are fully waterproof and UV resistant."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-service-agent_23-2151947897.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -289,8 +191,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Stay Updated"
|
||||
description="Subscribe for new sticker drops and genius art."
|
||||
@@ -304,29 +205,19 @@ export default function LandingPage() {
|
||||
logoText="StickerBoom"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user