Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#features",
|
||||
},
|
||||
name: "About", id: "features"},
|
||||
{
|
||||
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="AnimeStickers"
|
||||
/>
|
||||
@@ -58,35 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Anime Art, Peeled & Ready."
|
||||
description="High-quality, water-resistant vinyl stickers featuring your favorite characters from classic and modern anime. Express your otaku spirit wherever you go."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=msa5f4&_wi=1",
|
||||
imageAlt: "Collection 1",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=msa5f4", imageAlt: "Collection 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-anime-kid-devil-costume-with-lollipop-pumpkins_23-2152013208.jpg?_wi=1",
|
||||
imageAlt: "Collection 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-anime-kid-devil-costume-with-lollipop-pumpkins_23-2152013208.jpg", imageAlt: "Collection 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-characters-space_23-2151134179.jpg?_wi=1",
|
||||
imageAlt: "Collection 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-characters-space_23-2151134179.jpg", imageAlt: "Collection 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/90s-emoji-illustration_23-2151968233.jpg",
|
||||
imageAlt: "Collection 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/90s-emoji-illustration_23-2151968233.jpg", imageAlt: "Collection 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-anime-girls-bunny-ears-halloween-sweater-with-pumpkins_23-2152013215.jpg",
|
||||
imageAlt: "Collection 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-anime-girls-bunny-ears-halloween-sweater-with-pumpkins_23-2152013215.jpg", imageAlt: "Collection 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-game-characters-illustration_52683-93181.jpg",
|
||||
imageAlt: "Collection 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-game-characters-illustration_52683-93181.jpg", imageAlt: "Collection 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,47 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kawaii Girl Decal",
|
||||
price: "$3.50",
|
||||
variant: "Matte",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-emotes-element-collection_23-2149926872.jpg",
|
||||
},
|
||||
id: "p1", name: "Kawaii Girl Decal", price: "$3.50", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-emotes-element-collection_23-2149926872.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ninja Hero Sticker",
|
||||
price: "$3.50",
|
||||
variant: "Glossy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-with-pink-hair_23-2152007983.jpg",
|
||||
},
|
||||
id: "p2", name: "Ninja Hero Sticker", price: "$3.50", variant: "Glossy", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-samurai-with-pink-hair_23-2152007983.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chibi Mascot",
|
||||
price: "$3.00",
|
||||
variant: "Holographic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841571.jpg",
|
||||
},
|
||||
id: "p3", name: "Chibi Mascot", price: "$3.00", variant: "Holographic", imageSrc: "http://img.b2bpic.net/free-photo/adorable-pet-enjoying-spa-day-illustration_23-2151841571.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Retro Cityscape",
|
||||
price: "$4.00",
|
||||
variant: "Matte",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028625.jpg",
|
||||
},
|
||||
id: "p4", name: "Retro Cityscape", price: "$4.00", variant: "Matte", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028625.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Magical Aura",
|
||||
price: "$3.75",
|
||||
variant: "Holographic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149361.jpg",
|
||||
},
|
||||
id: "p5", name: "Magical Aura", price: "$3.75", variant: "Holographic", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-water-character_23-2151149361.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cyber Tech Sticker",
|
||||
price: "$3.50",
|
||||
variant: "Glossy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901244.jpg",
|
||||
},
|
||||
id: "p6", name: "Cyber Tech Sticker", price: "$3.50", variant: "Glossy", imageSrc: "http://img.b2bpic.net/free-photo/robot-90s_23-2151901244.jpg"},
|
||||
]}
|
||||
title="Shop Our Favorites"
|
||||
description="Explore our curated selection of high-quality die-cut stickers."
|
||||
@@ -153,40 +100,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Waterproof",
|
||||
description: "Rain, spills, or sunlight - these stickers stick through everything.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/world-water-day-stickers-collection-with-tomomi-cat_23-2151187657.jpg",
|
||||
},
|
||||
title: "Waterproof", description: "Rain, spills, or sunlight - these stickers stick through everything.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/world-water-day-stickers-collection-with-tomomi-cat_23-2151187657.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-chromatography-art-round-papers_53876-126501.jpg",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=msa5f4&_wi=2",
|
||||
imageAlt: "durable water resistant anime stickers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-chromatography-art-round-papers_53876-126501.jpg"},
|
||||
},
|
||||
{
|
||||
title: "HD Prints",
|
||||
description: "Crystal clear designs that bring your favorite characters to life.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/music-dance-stickers-collection-with-fred-fox_23-2150499697.jpg",
|
||||
},
|
||||
title: "HD Prints", description: "Crystal clear designs that bring your favorite characters to life.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/music-dance-stickers-collection-with-fred-fox_23-2150499697.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-science-label-set_23-2149051285.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-anime-kid-devil-costume-with-lollipop-pumpkins_23-2152013208.jpg?_wi=2",
|
||||
imageAlt: "durable water resistant anime stickers",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-science-label-set_23-2149051285.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Easy Peel",
|
||||
description: "No residue when you decide to change up your aesthetic.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/villain-stickers-collection-with-monkey-banana_23-2150429142.jpg",
|
||||
},
|
||||
title: "Easy Peel", description: "No residue when you decide to change up your aesthetic.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/villain-stickers-collection-with-monkey-banana_23-2150429142.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-flash-tattoo_23-2151901362.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-characters-space_23-2151134179.jpg?_wi=2",
|
||||
imageAlt: "durable water resistant anime stickers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-flash-tattoo_23-2151901362.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -200,14 +129,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Crunchyroll Fanclub",
|
||||
"Anime Expo Attendee",
|
||||
"Local Artist Guild",
|
||||
"Otaku Monthly",
|
||||
"Manga Fans Inc.",
|
||||
"Tokyo Stationery Club",
|
||||
"Stationery Weekly",
|
||||
]}
|
||||
"Crunchyroll Fanclub", "Anime Expo Attendee", "Local Artist Guild", "Otaku Monthly", "Manga Fans Inc.", "Tokyo Stationery Club", "Stationery Weekly"]}
|
||||
title="Loved by the Community"
|
||||
description="Join thousands of anime fans decorating their gear with our stickers."
|
||||
/>
|
||||
@@ -219,45 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best Quality!",
|
||||
quote: "The print quality is insane and they hold up so well on my water bottle.",
|
||||
name: "Sarah J.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-teenage-girl-with-long-pink-hair-dressed-denim-clothes-shows-peace-victory-sign-assured-day-be-great-has-fun_273609-42949.jpg",
|
||||
},
|
||||
id: "t1", title: "Best Quality!", quote: "The print quality is insane and they hold up so well on my water bottle.", name: "Sarah J.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/happy-asian-teenage-girl-with-long-pink-hair-dressed-denim-clothes-shows-peace-victory-sign-assured-day-be-great-has-fun_273609-42949.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "So Cute!",
|
||||
quote: "My laptop has never looked better. Seriously obsession-worthy.",
|
||||
name: "Michael K.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-office-worker-white-shirt-holding-white-card-laptop-green-wall_140725-58914.jpg",
|
||||
},
|
||||
id: "t2", title: "So Cute!", quote: "My laptop has never looked better. Seriously obsession-worthy.", name: "Michael K.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-office-worker-white-shirt-holding-white-card-laptop-green-wall_140725-58914.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Durable",
|
||||
quote: "Been using them on my notebook for months, still looks brand new.",
|
||||
name: "Emily R.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065219.jpg",
|
||||
},
|
||||
id: "t3", title: "Durable", quote: "Been using them on my notebook for months, still looks brand new.", name: "Emily R.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-young-student-school_23-2151065219.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Stunning Colors",
|
||||
quote: "Colors are so vibrant and pop exactly like the anime characters.",
|
||||
name: "David L.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-men-portrait-urban-location_23-2149122887.jpg",
|
||||
},
|
||||
id: "t4", title: "Stunning Colors", quote: "Colors are so vibrant and pop exactly like the anime characters.", name: "David L.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/young-japanese-men-portrait-urban-location_23-2149122887.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Fast Delivery",
|
||||
quote: "Arrived quick and in perfect condition. Great experience!",
|
||||
name: "Jessica M.",
|
||||
role: "Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-emo-resurgence-lifestyle_23-2149542303.jpg",
|
||||
},
|
||||
id: "t5", title: "Fast Delivery", quote: "Arrived quick and in perfect condition. Great experience!", name: "Jessica M.", role: "Fan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-emo-resurgence-lifestyle_23-2149542303.jpg"},
|
||||
]}
|
||||
title="Fan Reviews"
|
||||
description="See what our happy customers are saying about our sticker quality."
|
||||
@@ -270,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are they waterproof?",
|
||||
content: "Yes! All our vinyl stickers are waterproof and UV-resistant.",
|
||||
},
|
||||
id: "f1", title: "Are they waterproof?", content: "Yes! All our vinyl stickers are waterproof and UV-resistant."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Shipping times?",
|
||||
content: "We ship within 3-5 business days via standard mail.",
|
||||
},
|
||||
id: "f2", title: "Shipping times?", content: "We ship within 3-5 business days via standard mail."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you do custom stickers?",
|
||||
content: "Currently we only sell our own designs, but follow us for updates!",
|
||||
},
|
||||
id: "f3", title: "Do you do custom stickers?", content: "Currently we only sell our own designs, but follow us for updates!"},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
@@ -295,14 +178,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to decorate your gear? Start your sticker collection today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@animestickers.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@animestickers.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,54 +192,33 @@ export default function LandingPage() {
|
||||
logoText="AnimeStickers"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Stickers",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Stickers", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user