Merge version_1 into main #2
129
src/app/page.tsx
129
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="StickerBoom"
|
||||
/>
|
||||
@@ -46,27 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ 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"},
|
||||
]}
|
||||
buttons={[{ 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: "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: "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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cmlchj", 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=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-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" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -78,18 +64,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "p6", name: "Pizza Planet", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-vector/retro-rave-stickers-comic-patches_107791-17727.jpg"},
|
||||
{ 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: "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: "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" },
|
||||
]}
|
||||
title="Genius Collection"
|
||||
description="Explore our curated pack of funny and unique stickers."
|
||||
@@ -101,14 +81,8 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Paper-thin peel", "Fades easily", "Low resolution"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"UV Resistant", "Waterproof", "High Resolution"],
|
||||
}}
|
||||
negativeCard={{ items: ["Paper-thin peel", "Fades easily", "Low resolution"] }}
|
||||
positiveCard={{ items: ["UV Resistant", "Waterproof", "High Resolution"] }}
|
||||
title="Quality Built-in"
|
||||
description="Our stickers stand out in quality and design."
|
||||
/>
|
||||
@@ -119,7 +93,8 @@ 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>
|
||||
|
||||
@@ -129,12 +104,9 @@ export default function LandingPage() {
|
||||
title="By The Numbers"
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "10K+", description: "Happy Sticker Fans"},
|
||||
{
|
||||
id: "m2", value: "500+", description: "Unique Designs"},
|
||||
{
|
||||
id: "m3", value: "50+", description: "Countries Reached"},
|
||||
{ id: "m1", value: "10K+", description: "Happy Sticker Fans" },
|
||||
{ id: "m2", value: "500+", description: "Unique Designs" },
|
||||
{ id: "m3", value: "50+", description: "Countries Reached" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -147,23 +119,14 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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: "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: "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", description="Our happy customers agree."
|
||||
{ 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: "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: "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>
|
||||
|
||||
@@ -172,12 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Are these weatherproof?", content: "Yes, all our stickers are fully waterproof and UV resistant."},
|
||||
{ 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: "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"
|
||||
@@ -190,8 +150,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Stay Updated"
|
||||
description="Subscribe for new sticker drops and genius art."
|
||||
@@ -206,18 +165,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals", href: "#"},
|
||||
{ label: "All", href: "#products" },
|
||||
{ label: "New Arrivals", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -226,4 +181,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user