Merge version_1 into main #2
157
src/app/page.tsx
157
src/app/page.tsx
@@ -30,51 +30,29 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collections",
|
||||
id: "collections",
|
||||
},
|
||||
name: "Collections", id: "collections"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="StickerJoy"
|
||||
button={{ text: "Shop Now", href: "#collections" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Express Yourself with Every Sticker"
|
||||
description="High-quality, waterproof vinyl stickers for your laptop, water bottle, and more. Join our community of collectors."
|
||||
tag="New Designs Daily"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/a-vibrant-assortment-of-colorful-high-qu-1774779113695-5a3a33eb.png?_wi=1",
|
||||
imageAlt: "Sticker Assortment",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/a-vibrant-assortment-of-colorful-high-qu-1774779113695-5a3a33eb.png", imageAlt: "Sticker Assortment"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/close-up-shot-of-a-high-quality-glossy-s-1774779114102-007da368.png",
|
||||
imageAlt: "Sticker Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/cute-animal-sticker-set-on-a-table-vibra-1774779116065-1ea32bca.png?_wi=1",
|
||||
imageAlt: "Cute Critters",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/nature-and-flower-themed-stickers-on-a-l-1774779113731-d30c2c54.png?_wi=1",
|
||||
imageAlt: "Botanical Bliss",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/abstract-minimalist-shape-stickers-with--1774779113062-9c54440c.png?_wi=1",
|
||||
imageAlt: "Modern Abstract",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/close-up-shot-of-a-high-quality-glossy-s-1774779114102-007da368.png", imageAlt: "Sticker Detail"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -82,13 +60,9 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#collections",
|
||||
},
|
||||
text: "Shop Now", href: "#collections"},
|
||||
{
|
||||
text: "View All",
|
||||
href: "#",
|
||||
},
|
||||
text: "View All", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,33 +75,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cute Critters",
|
||||
price: "$3.50",
|
||||
variant: "Glossy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/cute-animal-sticker-set-on-a-table-vibra-1774779116065-1ea32bca.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Cute Critters", price: "$3.50", variant: "Glossy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/cute-animal-sticker-set-on-a-table-vibra-1774779116065-1ea32bca.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Botanical Bliss",
|
||||
price: "$4.00",
|
||||
variant: "Matte",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/nature-and-flower-themed-stickers-on-a-l-1774779113731-d30c2c54.png?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Botanical Bliss", price: "$4.00", variant: "Matte", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/nature-and-flower-themed-stickers-on-a-l-1774779113731-d30c2c54.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Abstract",
|
||||
price: "$3.75",
|
||||
variant: "Holographic",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/abstract-minimalist-shape-stickers-with--1774779113062-9c54440c.png?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Modern Abstract", price: "$3.75", variant: "Holographic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/abstract-minimalist-shape-stickers-with--1774779113062-9c54440c.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Retro Vibes",
|
||||
price: "$3.25",
|
||||
variant: "Glossy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/a-vibrant-assortment-of-colorful-high-qu-1774779113695-5a3a33eb.png?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Retro Vibes", price: "$3.25", variant: "Glossy", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcCdVEE03En0fWsKBtIIgDUVgP/a-vibrant-assortment-of-colorful-high-qu-1774779113695-5a3a33eb.png"},
|
||||
]}
|
||||
title="Shop Our Collections"
|
||||
description="Discover our latest and most popular designs."
|
||||
@@ -142,45 +96,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "Sticker Enthusiasts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-woman-party-hat-holding-paper-bag-with-birthday-gifts-with-closed-eyes-smiling-cheerfully-celebrating-birthday-party-standing-orange-wall_141793-100957.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Collector", company: "Sticker Enthusiasts", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-woman-party-hat-holding-paper-bag-with-birthday-gifts-with-closed-eyes-smiling-cheerfully-celebrating-birthday-party-standing-orange-wall_141793-100957.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Fan",
|
||||
company: "Creative Souls",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-bags_23-2147932387.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", role: "Fan", company: "Creative Souls", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-bags_23-2147932387.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Designer",
|
||||
company: "Art Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-sporty-man-wearing-points-medal-isolated-pink-wall_141793-78494.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Designer", company: "Art Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-sporty-man-wearing-points-medal-isolated-pink-wall_141793-78494.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Buyer",
|
||||
company: "Happy Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-t-shirt-colored-coat-posing-with-skateboard-smiling-pink-background_140725-26048.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Buyer", company: "Happy Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-female-white-t-shirt-colored-coat-posing-with-skateboard-smiling-pink-background_140725-26048.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
role: "Artist",
|
||||
company: "Creative Collective",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-woman-party-hat-holding-paper-bag-with-birthday-gifts-with-closed-eyes-smiling-cheerfully-celebrating-birthday-party-standing-orange-wall_141793-100957.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Chloe T.", role: "Artist", company: "Creative Collective", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-middle-age-woman-party-hat-holding-paper-bag-with-birthday-gifts-with-closed-eyes-smiling-cheerfully-celebrating-birthday-party-standing-orange-wall_141793-100957.jpg"},
|
||||
]}
|
||||
title="What Our Collectors Say"
|
||||
description="Join thousands of fans around the world."
|
||||
@@ -192,20 +121,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are these stickers waterproof?",
|
||||
content: "Yes! All our vinyl stickers are fully waterproof and UV resistant.",
|
||||
},
|
||||
id: "f1", title: "Are these stickers waterproof?", content: "Yes! All our vinyl stickers are fully waterproof and UV resistant."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is shipping?",
|
||||
content: "Shipping usually takes 3-5 business days within the continental US.",
|
||||
},
|
||||
id: "f2", title: "How long is shipping?", content: "Shipping usually takes 3-5 business days within the continental US."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you accept wholesale orders?",
|
||||
content: "Absolutely. Reach out via our contact page for wholesale inquiries.",
|
||||
},
|
||||
id: "f3", title: "Do you accept wholesale orders?", content: "Absolutely. Reach out via our contact page for wholesale inquiries."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our stickers."
|
||||
@@ -217,8 +137,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join our Newsletter"
|
||||
title="Get exclusive drops in your inbox."
|
||||
description="Sign up for updates on our latest designs and special offers."
|
||||
@@ -229,29 +148,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Stickers",
|
||||
href: "#",
|
||||
},
|
||||
label: "All Stickers", href: "#"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user