bender/4236c36f-0332-4801-a0e8-e83326b40740
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-21 07:09:21 +00:00
Conversation 0 Commits 1 Files Changed 1 +32 -172
1 changed files with 32 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

204
src/app/page.tsx
View File

@@ -18,71 +18,40 @@ export default function LandingPage() {
defaultButtonVariant="elastic-effect"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Merch",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Merch", id: "products" },
{ name: "About", id: "about" },
{ name: "FAQ", id: "faq" },
]}
brandName="Straw Hat Shop"
button={{
text: "Shop Now",
href: "#products",
}}
button={{ text: "Shop Now", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="Uncover Your Treasure"
description="Premium One Piece merchandise curated for the true pirate at heart. Join the crew and upgrade your collection today."
tag="New Arrivals Just Landed"
buttons={[
{
text: "Browse Collection",
href: "#products",
},
]}
buttons={[{ text: "Browse Collection", href: "#products" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028604.jpg",
imageAlt: "one piece anime wallpaper",
},
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-anime-inspired-urban-area_23-2151028604.jpg", imageAlt: "one piece anime wallpaper"},
{
imageSrc: "http://img.b2bpic.net/free-photo/scattering-golden-particle-dust-sparkle-background-illustration_1017-42075.jpg",
imageAlt: "treasure chest pirate anime",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/anime-moon-landscape_23-2151645908.jpg",
imageAlt: "Anime moon landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/hawaii-illustration-retro-comic-style_23-2151771129.jpg",
imageAlt: "Hawaii illustration in retro comic style",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/japan-background-digital-art_23-2151546131.jpg",
imageAlt: "Japan background digital art",
},
imageSrc: "http://img.b2bpic.net/free-photo/scattering-golden-particle-dust-sparkle-background-illustration_1017-42075.jpg", imageAlt: "treasure chest pirate anime"},
]}
mediaAnimation="slide-up"
rating={5}
@@ -98,18 +67,9 @@ export default function LandingPage() {
description="We are a group of dedicated fans committed to bringing the best One Piece gear to the seas. From rare figurines to exclusive apparel, we ensure every item meets the grand line standard."
tag="About Our Shop"
bulletPoints={[
{
title: "Authentic Gear",
description: "100% officially licensed merchandise.",
},
{
title: "Worldwide Shipping",
description: "Delivering to every island on the map.",
},
{
title: "Collector Focused",
description: "Carefully packaged for pristine delivery.",
},
{ title: "Authentic Gear", description: "100% officially licensed merchandise." },
{ title: "Worldwide Shipping", description: "Delivering to every island on the map." },
{ title: "Collector Focused", description: "Carefully packaged for pristine delivery." },
]}
imageSrc="http://img.b2bpic.net/free-photo/beauty-salon-with-cosmetology-equipment-anime-style_23-2151501036.jpg"
imageAlt="anime shop interior design"
@@ -120,46 +80,13 @@ export default function LandingPage() {
<div id="products" data-section="products">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
textboxLayout="default"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Authentic Straw Hat",
price: "$29.99",
imageSrc: "http://img.b2bpic.net/free-photo/hat-hanging-doorknob_23-2149456963.jpg",
},
{
id: "p2",
name: "Luffy Action Figure",
price: "$59.99",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413150.jpg",
},
{
id: "p3",
name: "Jolly Roger Posters",
price: "$15.00",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pirate-character-portrait_23-2151486797.jpg",
},
{
id: "p4",
name: "Chopper Plush Toy",
price: "$24.99",
imageSrc: "http://img.b2bpic.net/free-vector/wooden-leg-pirate-cartoon_23-2147496435.jpg",
},
{
id: "p5",
name: "Zoro Katana Replica",
price: "$89.99",
imageSrc: "http://img.b2bpic.net/free-photo/samurai-with-sword-outdoors_23-2149375441.jpg",
},
{
id: "p6",
name: "Straw Hat Logo Hoodie",
price: "$45.00",
imageSrc: "http://img.b2bpic.net/free-photo/anime-girl-subway-car_23-2152007960.jpg",
},
{ id: "p1", name: "Authentic Straw Hat", price: "$29.99", imageSrc: "http://img.b2bpic.net/free-photo/hat-hanging-doorknob_23-2149456963.jpg" },
{ id: "p2", name: "Luffy Action Figure", price: "$59.99", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-roman-figure-carving_23-2149413150.jpg" },
{ id: "p3", name: "Jolly Roger Posters", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pirate-character-portrait_23-2151486797.jpg" },
]}
title="Popular Treasures"
description="Discover the most sought-after items in our inventory."
@@ -172,39 +99,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Quality Assured",
author: "Expert Inspection",
description: "Every single piece checked for perfection.",
tags: [
"Premium",
"Quality",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-anime-character-shopping-cartoon-style_23-2151644402.jpg",
},
{
id: "f2",
title: "Community Voted",
author: "Fan Approved",
description: "Items chosen by the community for fans.",
tags: [
"Crowd",
"Popular",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-magnifying-glass_23-2149617676.jpg",
},
{
id: "f3",
title: "Safe Transport",
author: "Secure Shipping",
description: "Double-boxed for long-distance voyages.",
tags: [
"Fast",
"Secure",
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pirate-character-portrait_23-2151486788.jpg",
},
{ id: "f1", title: "Quality Assured", author: "Expert Inspection", description: "Every single piece checked for perfection.", tags: ["Premium", "Quality"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-anime-character-shopping-cartoon-style_23-2151644402.jpg" },
{ id: "f2", title: "Community Voted", author: "Fan Approved", description: "Items chosen by the community for fans.", tags: ["Crowd", "Popular"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-magnifying-glass_23-2149617676.jpg" },
{ id: "f3", title: "Safe Transport", author: "Secure Shipping", description: "Double-boxed for long-distance voyages.", tags: ["Fast", "Secure"], imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pirate-character-portrait_23-2151486788.jpg" },
]}
title="Pirate Perks"
description="Why choose our shop for your One Piece merchandise needs?"
@@ -216,14 +113,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Nautical Ventures",
"Grand Line Supplies",
"Pirate Flag Co",
"Ocean Compass",
"Treasure Maps Inc",
"Ship Wheel Ltd",
"Sharp Blade Goods",
]}
"Nautical Ventures", "Grand Line Supplies", "Pirate Flag Co", "Ocean Compass", "Treasure Maps Inc", "Ship Wheel Ltd", "Sharp Blade Goods"]}
title="Join the Crew"
description="Trusted by communities worldwide to deliver premium pirate loot."
/>
@@ -236,26 +126,8 @@ export default function LandingPage() {
rating={5}
author="Marco D."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-pirate-smiling-put-his-hand-his-face-high-quality-photo_2831-10173.jpg",
alt: "happy anime fan portrait",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-4514.jpg",
alt: "anime collector portrait",
},
{
src: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-smiling-office_1170-946.jpg",
alt: "satisfied customer print",
},
{
src: "http://img.b2bpic.net/free-photo/anime-style-group-boys-spending-time-together-enjoying-their-friendship_23-2151479370.jpg",
alt: "customer opening shop package",
},
{
src: "http://img.b2bpic.net/free-photo/woman-selecting-clothes_107420-12153.jpg",
alt: "customer anime hat display",
},
{ src: "http://img.b2bpic.net/free-photo/young-pirate-smiling-put-his-hand-his-face-high-quality-photo_2831-10173.jpg", alt: "happy anime fan portrait" },
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-4514.jpg", alt: "anime collector portrait" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -267,21 +139,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Is the gear official?",
content: "Yes, we only stock authentic, officially licensed products.",
},
{
id: "q2",
title: "Do you ship everywhere?",
content: "We ship to every destination on the map!",
},
{
id: "q3",
title: "Return policy?",
content: "We offer a 30-day money-back guarantee for unused items.",
},
{ id: "q1", title: "Is the gear official?", content: "Yes, we only stock authentic, officially licensed products." },
{ id: "q2", title: "Do you ship everywhere?", content: "We ship to every destination on the map!" },
{ id: "q3", title: "Return policy?", content: "We offer a 30-day money-back guarantee for unused items." },
]}
title="Pirate's Guide"
description="Common questions regarding shipping, returns, and authenticity."