Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="AnimeHaven"
|
||||
/>
|
||||
@@ -55,61 +47,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Gateway to the Anime Universe"
|
||||
description="Discover a premium selection of authentic anime figures, apparel, and limited-edition collectibles, curated for the true enthusiast."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collections", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154952.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154952.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bright-pop-vintage-door_23-2149213439.jpg",
|
||||
alt: "Bright pop vintage door",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bright-pop-vintage-door_23-2149213439.jpg", alt: "Bright pop vintage door"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154936.jpg",
|
||||
alt: "View of building with cartoon style architecture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154936.jpg", alt: "View of building with cartoon style architecture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-anime-character-shopping-cartoon-style_23-2151644462.jpg",
|
||||
alt: "Portrait of anime character shopping in cartoon style",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-anime-character-shopping-cartoon-style_23-2151644462.jpg", alt: "Portrait of anime character shopping in cartoon style"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-house-japanese-style_23-2150259803.jpg",
|
||||
alt: "View of 3d house in japanese style",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-house-japanese-style_23-2150259803.jpg", alt: "View of 3d house in japanese style"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-style-character-wearing-headphones_23-2151056812.jpg",
|
||||
alt: "Cartoon style character wearing headphones",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cartoon-style-character-wearing-headphones_23-2151056812.jpg", alt: "Cartoon style character wearing headphones"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Merch",
|
||||
},
|
||||
type: "text", text: "Authentic Merch"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Drops",
|
||||
},
|
||||
type: "text", text: "Exclusive Drops"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Verified Quality",
|
||||
},
|
||||
type: "text", text: "Verified Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Join the Club",
|
||||
},
|
||||
type: "text", text: "Join the Club"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,7 +88,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Curated for Fans by Fans"
|
||||
description="At AnimeHaven, we believe every piece tells a story. From iconic shonen classics to the latest seinen hits, we bridge the gap between your favorite worlds and your home."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cat-woman-looking-away_23-2147680260.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cat-woman-looking-away_23-2147680260.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,40 +99,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Authentic",
|
||||
description: "100% genuine merchandise guaranteed.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762846.jpg",
|
||||
},
|
||||
title: "Verified Authentic", description: "100% genuine merchandise guaranteed.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762846.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154952.jpg?_wi=2",
|
||||
imageAlt: "anime wishlist mobile app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Fast Worldwide Shipping",
|
||||
description: "Get your loot anywhere on the globe.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568899.jpg",
|
||||
},
|
||||
title: "Fast Worldwide Shipping", description: "Get your loot anywhere on the globe.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-character-using-virtual-reality-glasses-metaverse_23-2151568899.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/template-dashboard-user-panel_23-2148368851.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cat-woman-looking-away_23-2147680260.jpg?_wi=2",
|
||||
imageAlt: "anime wishlist mobile app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/template-dashboard-user-panel_23-2148368851.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Exclusive Drops",
|
||||
description: "Be the first to own limited-edition items.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-boy-girl-couple_23-2151451539.jpg",
|
||||
},
|
||||
title: "Exclusive Drops", description: "Be the first to own limited-edition items.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-style-boy-girl-couple_23-2151451539.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-public-transport-app-screens_23-2148683051.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/severed-fingers-carton-spiders_23-2147679856.jpg?_wi=1",
|
||||
imageAlt: "anime wishlist mobile app interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-public-transport-app-screens_23-2148683051.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -180,47 +131,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Naruto Uzumaki Figurine",
|
||||
price: "$120",
|
||||
variant: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/severed-fingers-carton-spiders_23-2147679856.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Naruto Uzumaki Figurine", price: "$120", variant: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/severed-fingers-carton-spiders_23-2147679856.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luffy Straw Hat",
|
||||
price: "$45",
|
||||
variant: "Accessory",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-character-shopping-goods_23-2151656825.jpg",
|
||||
},
|
||||
id: "p2", name: "Luffy Straw Hat", price: "$45", variant: "Accessory", imageSrc: "http://img.b2bpic.net/free-photo/view-animated-cartoon-character-shopping-goods_23-2151656825.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sailor Moon Pen Set",
|
||||
price: "$30",
|
||||
variant: "Stationery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mystical-cat-with-crystal-ball-open-book_23-2152013231.jpg",
|
||||
},
|
||||
id: "p3", name: "Sailor Moon Pen Set", price: "$30", variant: "Stationery", imageSrc: "http://img.b2bpic.net/free-photo/mystical-cat-with-crystal-ball-open-book_23-2152013231.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dragon Ball Z Wall Scroll",
|
||||
price: "$25",
|
||||
variant: "Art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726871.jpg",
|
||||
},
|
||||
id: "p4", name: "Dragon Ball Z Wall Scroll", price: "$25", variant: "Art", imageSrc: "http://img.b2bpic.net/free-photo/anime-casino-illustration_23-2151726871.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Demon Slayer Katana",
|
||||
price: "$85",
|
||||
variant: "Prop Replica",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/samurai-with-sword-outdoors_23-2149375485.jpg",
|
||||
},
|
||||
id: "p5", name: "Demon Slayer Katana", price: "$85", variant: "Prop Replica", imageSrc: "http://img.b2bpic.net/free-photo/samurai-with-sword-outdoors_23-2149375485.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Kawaii Mascot Plush",
|
||||
price: "$20",
|
||||
variant: "Plush",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/art-stickers-collection-with-kimchi-hamster_23-2150516962.jpg",
|
||||
},
|
||||
id: "p6", name: "Kawaii Mascot Plush", price: "$20", variant: "Plush", imageSrc: "http://img.b2bpic.net/free-vector/art-stickers-collection-with-kimchi-hamster_23-2150516962.jpg"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Check out the latest drops from your favorite series."
|
||||
@@ -234,52 +155,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
title: "Fan Tier",
|
||||
price: "$9",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"10% off store-wide",
|
||||
"Monthly Newsletter",
|
||||
],
|
||||
id: "basic", title: "Fan Tier", price: "$9", period: "/mo", features: [
|
||||
"10% off store-wide", "Monthly Newsletter"],
|
||||
button: {
|
||||
text: "Join Fan Tier",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits_114579-17694.jpg",
|
||||
imageAlt: "Young girl with pink hairs in street style outfits . ",
|
||||
},
|
||||
text: "Join Fan Tier"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-pink-hairs-street-style-outfits_114579-17694.jpg", imageAlt: "Young girl with pink hairs in street style outfits . "},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Collector Tier",
|
||||
price: "$25",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"20% off store-wide",
|
||||
"Early Access Drops",
|
||||
"Free Shipping",
|
||||
],
|
||||
id: "pro", title: "Collector Tier", price: "$25", period: "/mo", features: [
|
||||
"20% off store-wide", "Early Access Drops", "Free Shipping"],
|
||||
button: {
|
||||
text: "Join Collector Tier",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154952.jpg?_wi=3",
|
||||
imageAlt: "Young girl with pink hairs in street style outfits . ",
|
||||
},
|
||||
text: "Join Collector Tier"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-building-with-cartoon-style-architecture_23-2151154952.jpg", imageAlt: "Young girl with pink hairs in street style outfits . "},
|
||||
{
|
||||
id: "master",
|
||||
title: "Otaku Tier",
|
||||
price: "$50",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"30% off store-wide",
|
||||
"VIP Support",
|
||||
"Monthly Mystery Box",
|
||||
],
|
||||
id: "master", title: "Otaku Tier", price: "$50", period: "/mo", features: [
|
||||
"30% off store-wide", "VIP Support", "Monthly Mystery Box"],
|
||||
button: {
|
||||
text: "Join Otaku Tier",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cat-woman-looking-away_23-2147680260.jpg?_wi=3",
|
||||
imageAlt: "Young girl with pink hairs in street style outfits . ",
|
||||
},
|
||||
text: "Join Otaku Tier"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cat-woman-looking-away_23-2147680260.jpg", imageAlt: "Young girl with pink hairs in street style outfits . "},
|
||||
]}
|
||||
title="Subscription Tiers"
|
||||
description="Unlock monthly discounts and mystery surprises."
|
||||
@@ -294,45 +186,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Collector",
|
||||
company: "TokyoFans",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-anime-family-new-year-s-eve_23-2151038004.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Collector", company: "TokyoFans", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-anime-family-new-year-s-eve_23-2151038004.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Manga Reader",
|
||||
company: "OtakuSquad",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185603.jpg",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Manga Reader", company: "OtakuSquad", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185603.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Apparel Fan",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-blue-short-wig_1258-23812.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Apparel Fan", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-girl-blue-short-wig_1258-23812.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Artist",
|
||||
company: "ArtStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334456.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Artist", company: "ArtStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-with-color-palette-wall-paint_23-2150334456.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenny L.",
|
||||
role: "Loyal Shopper",
|
||||
company: "AnimeGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-anime-boy-with-clouds_23-2152016688.jpg",
|
||||
},
|
||||
id: "5", name: "Jenny L.", role: "Loyal Shopper", company: "AnimeGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-anime-boy-with-clouds_23-2152016688.jpg"},
|
||||
]}
|
||||
title="Fans on AnimeHaven"
|
||||
description="See what our passionate community thinks."
|
||||
@@ -345,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How is shipping calculated?",
|
||||
content: "We calculate shipping based on your location and order weight.",
|
||||
},
|
||||
id: "q1", title: "How is shipping calculated?", content: "We calculate shipping based on your location and order weight."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are items official?",
|
||||
content: "Yes, we only carry licensed merchandise.",
|
||||
},
|
||||
id: "q2", title: "Are items official?", content: "Yes, we only carry licensed merchandise."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I return items?",
|
||||
content: "Returns are accepted within 30 days of receipt.",
|
||||
},
|
||||
id: "q3", title: "Can I return items?", content: "Returns are accepted within 30 days of receipt."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know."
|
||||
@@ -370,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Stay Updated"
|
||||
title="Join our Newsletter"
|
||||
description="Get exclusive deals and the latest anime news delivered to your inbox."
|
||||
|
||||
Reference in New Issue
Block a user