bender/ebd940c6-11ea-4530-93c7-2bc2302bec2f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-12 23:33:19 +00:00
parent be123d16af
commit a510c7d291
1 changed files with 20 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/app/page.tsx
View File

@@ -33,7 +33,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="small"
sizing="largeSmallSizeLargeTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -61,7 +61,7 @@ export default function HomePage() {
{ text: "Shop New Collection", href: "products" },
{ text: "See The Story", href: "about" }
]}
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
imageSrc="https://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432345.jpg"
imageAlt="Gen Z wearing trendy CAPTCHA cap"
frameStyle="card"
@@ -96,25 +96,13 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Classic Snapback",
price: "$45",
imageSrc: "https://img.b2bpic.net/free-photo/beach-equipment-yellow-background_1156-26.jpg",
imageAlt: "Classic CAPTCHA Snapback cap"
id: "1", name: "Classic Snapback", price: "$45", imageSrc: "https://img.b2bpic.net/free-photo/beach-equipment-yellow-background_1156-26.jpg", imageAlt: "Classic CAPTCHA Snapback cap"
},
{
id: "2",
name: "Trucker Embroidered",
price: "$52",
imageSrc: "https://img.b2bpic.net/free-photo/top-view-workers-hat-with-screws_23-2148428328.jpg",
imageAlt: "Trucker style embroidered cap"
id: "2", name: "Trucker Embroidered", price: "$52", imageSrc: "https://img.b2bpic.net/free-photo/top-view-workers-hat-with-screws_23-2148428328.jpg", imageAlt: "Trucker style embroidered cap"
},
{
id: "3",
name: "Vintage Vibes",
price: "$48",
imageSrc: "https://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264134.jpg",
imageAlt: "Vintage style CAPTCHA cap"
id: "3", name: "Vintage Vibes", price: "$48", imageSrc: "https://img.b2bpic.net/free-photo/spring-wardrobe-switch-top-view_23-2150264134.jpg", imageAlt: "Vintage style CAPTCHA cap"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -137,16 +125,10 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Premium Materials",
description: "100% organic cotton blends and reinforced stitching for durability.",
bentoComponent: "reveal-icon",
icon: Shield
title: "Premium Materials", description: "100% organic cotton blends and reinforced stitching for durability.", bentoComponent: "reveal-icon", icon: Shield
},
{
title: "Limited Drops",
description: "Exclusive designs released monthly. Scarcity meets style.",
bentoComponent: "orbiting-icons",
centerIcon: Zap,
title: "Limited Drops", description: "Exclusive designs released monthly. Scarcity meets style.", bentoComponent: "orbiting-icons", centerIcon: Zap,
items: [
{ icon: Star, ring: 1 },
{ icon: Heart, ring: 2 },
@@ -154,10 +136,7 @@ export default function HomePage() {
]
},
{
title: "Community Driven",
description: "Your votes shape our next collection. Be part of the culture.",
bentoComponent: "3d-card-grid",
centerIcon: Users,
title: "Community Driven", description: "Your votes shape our next collection. Be part of the culture.", bentoComponent: "3d-card-grid", centerIcon: Users,
items: [
{ name: "Designs", icon: Palette },
{ name: "Voting", icon: CheckCircle },
@@ -166,13 +145,7 @@ export default function HomePage() {
]
},
{
title: "Fast Shipping",
description: "Order today, wear tomorrow. We ship fast across the globe.",
bentoComponent: "timeline",
heading: "Order to Doorstep",
subheading: "Quick turnaround guaranteed",
completedLabel: "Delivered",
items: [
title: "Fast Shipping", description: "Order today, wear tomorrow. We ship fast across the globe.", bentoComponent: "timeline", heading: "Order to Doorstep", subheading: "Quick turnaround guaranteed", completedLabel: "Delivered", items: [
{ label: "Order Placed", detail: "Instant confirmation" },
{ label: "Quality Check", detail: "24-hour inspection" },
{ label: "Shipped", detail: "Same-day dispatch" }
@@ -216,34 +189,22 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "How often do you drop new collections?",
content: "We release limited edition drops every month. Follow our socials for announcements so you don't miss out. Each drop is exclusive and limited in quantity."
id: "1", title: "How often do you drop new collections?", content: "We release limited edition drops every month. Follow our socials for announcements so you don't miss out. Each drop is exclusive and limited in quantity."
},
{
id: "2",
title: "What's your shipping policy?",
content: "We ship worldwide with standard shipping taking 5-7 business days. We also offer express shipping for those who can't wait. Orders ship within 24 hours of purchase."
id: "2", title: "What's your shipping policy?", content: "We ship worldwide with standard shipping taking 5-7 business days. We also offer express shipping for those who can't wait. Orders ship within 24 hours of purchase."
},
{
id: "3",
title: "Do you have a return policy?",
content: "Yes! We offer a 30-day return window if your cap doesn't fit perfectly. If there's any quality issue, we'll replace it immediately at no cost."
id: "3", title: "Do you have a return policy?", content: "Yes! We offer a 30-day return window if your cap doesn't fit perfectly. If there's any quality issue, we'll replace it immediately at no cost."
},
{
id: "4",
title: "Are your caps adjustable?",
content: "Most of our snapbacks and trucker styles are fully adjustable. Check the product description for sizing details. All caps are designed to fit most head sizes."
id: "4", title: "Are your caps adjustable?", content: "Most of our snapbacks and trucker styles are fully adjustable. Check the product description for sizing details. All caps are designed to fit most head sizes."
},
{
id: "5",
title: "How can I vote on future designs?",
content: "Join our community Discord where members vote on upcoming designs monthly. It's free to join and you get early access to drops before anyone else."
id: "5", title: "How can I vote on future designs?", content: "Join our community Discord where members vote on upcoming designs monthly. It's free to join and you get early access to drops before anyone else."
},
{
id: "6",
title: "Are the caps sustainable?",
content: "We use organic cotton blends and ethical manufacturing partners. Our goal is premium quality without compromising the planet. We're always improving."
id: "6", title: "Are the caps sustainable?", content: "We use organic cotton blends and ethical manufacturing partners. Our goal is premium quality without compromising the planet. We're always improving."
}
]}
imageSrc="https://img.b2bpic.net/free-photo/side-view-man-putting-trucker-hat_23-2149412823.jpg"
@@ -265,7 +226,7 @@ export default function HomePage() {
tagAnimation="slide-up"
title="Be First to Know"
description="Get exclusive access to new drops, early sales, and community events. Join thousands of CAPTCHA collectors."
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
inputPlaceholder="your.email@example.com"
buttonText="Join The Culture"
@@ -279,8 +240,7 @@ export default function HomePage() {
logoText="CAPTCHA"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Caps", href: "#products" },
{ label: "New Drops", href: "#products" },
{ label: "Best Sellers", href: "#products" },
@@ -288,8 +248,7 @@ export default function HomePage() {
]
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Discord", href: "https://discord.com" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "TikTok", href: "https://tiktok.com" },
@@ -297,8 +256,7 @@ export default function HomePage() {
]
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "Shipping", href: "#faq" },
{ label: "Returns", href: "#faq" },
@@ -306,8 +264,7 @@ export default function HomePage() {
]
},
{
title: "About",
items: [
title: "About", items: [
{ label: "Our Story", href: "#about" },
{ label: "Sustainability", href: "#" },
{ label: "Blog", href: "#" },