bender/3d034606-5359-481f-9118-760c2e1331e0
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-05-10 23:29:35 +00:00
Conversation 0 Commits 1 Files Changed 1 +51 -210
1 changed files with 51 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

261
src/app/page.tsx
View File

@@ -31,70 +31,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "Coleção",
id: "products",
},
{
name: "Sobre",
id: "about",
},
{
name: "Contato",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "Coleção", id: "products" },
{ name: "Sobre", id: "about" },
{ name: "Contato", id: "contact" }
]}
brandName="NORTH ELEVEN"
button={{ text: "Comprar", href: "#products" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "radial-gradient",
}}
background={{ variant: "radial-gradient" }}
title="NORTH ELEVEN"
description="Minimalismo urbano, identidade forte e peças selecionadas para quem carrega presença."
tag="STREETWEAR PREMIUM"
buttons={[
{
text: "Comprar agora",
href: "#products",
},
{
text: "Ver coleção",
href: "#categories",
},
{ text: "Comprar agora", href: "#products" },
{ text: "Ver coleção", href: "#categories" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg",
imageAlt: "luxury streetwear male model editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg",
imageAlt: "luxury streetwear male model editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg",
imageAlt: "luxury streetwear male model editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg",
imageAlt: "luxury streetwear male model editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-black-white-side-view_23-2149411361.jpg",
imageAlt: "luxury streetwear male model editorial",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/enjoying-meal-street_23-2151542647.jpg",
imageAlt: "luxury streetwear male model editorial",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020778.jpg", imageAlt: "luxury streetwear male model editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg", imageAlt: "luxury streetwear male model editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg", imageAlt: "luxury streetwear male model editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-posing-night-with-flash_23-2150204460.jpg", imageAlt: "luxury streetwear male model editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-chair-black-white-side-view_23-2149411361.jpg", imageAlt: "luxury streetwear male model editorial" },
{ imageSrc: "http://img.b2bpic.net/free-photo/enjoying-meal-street_23-2151542647.jpg", imageAlt: "luxury streetwear male model editorial" }
]}
/>
</div>
@@ -104,30 +67,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Oversized",
description: "Conforto e silhueta urbana.",
imageSrc: "http://img.b2bpic.net/free-photo/carefree-ethnic-young-woman-wears-casual-sweatshirt-with-hood_273609-18078.jpg",
imageAlt: "oversized streetwear clothing aesthetic",
},
{
title: "Calçados",
description: "Presença em cada passo.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg",
imageAlt: "luxury streetwear sneakers studio",
},
{
title: "Streetwear",
description: "Essência da marca.",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-having-cup-coffee-coffee-shop_23-2149052890.jpg",
imageAlt: "urban streetwear style moody",
},
{
title: "Acessórios",
description: "Detalhes que definem.",
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg",
imageAlt: "premium fashion accessories detail",
},
{ title: "Oversized", description: "Conforto e silhueta urbana.", imageSrc: "http://img.b2bpic.net/free-photo/carefree-ethnic-young-woman-wears-casual-sweatshirt-with-hood_273609-18078.jpg", imageAlt: "oversized streetwear clothing aesthetic" },
{ title: "Calçados", description: "Presença em cada passo.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005704.jpg", imageAlt: "luxury streetwear sneakers studio" },
{ title: "Streetwear", description: "Essência da marca.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-having-cup-coffee-coffee-shop_23-2149052890.jpg", imageAlt: "urban streetwear style moody" },
{ title: "Acessórios", description: "Detalhes que definem.", imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg", imageAlt: "premium fashion accessories detail" }
]}
title="Coleções"
description="Explore nossas categorias exclusivas."
@@ -141,48 +84,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Oversized Tee Black",
price: "R$ 159,90",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-sunglasses-posing-near-wall-looking-happily_158538-8868.jpg",
imageAlt: "oversized black t-shirt streetwear",
},
{
id: "2",
name: "Urban Sneakers V1",
price: "R$ 499,90",
imageSrc: "http://img.b2bpic.net/free-photo/girl-chilling-after-skateboarding_8353-6300.jpg",
imageAlt: "streetwear sneakers black aesthetic",
},
{
id: "3",
name: "Premium Hoodie",
price: "R$ 299,90",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg",
imageAlt: "minimalist hoodie streetwear premium",
},
{
id: "4",
name: "Raw Denim Jeans",
price: "R$ 359,90",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-male-jeans-sunglasses-sits-wooden-box-grey-background_613910-7116.jpg",
imageAlt: "streetwear jeans premium denim",
},
{
id: "5",
name: "Jogger Minimalist",
price: "R$ 259,90",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg",
imageAlt: "minimalist sweatpants urban wear",
},
{
id: "6",
name: "Crossbody Bag",
price: "R$ 199,90",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-2000-s-fashion-style_23-2149870097.jpg",
imageAlt: "streetwear accessory premium look",
},
{ id: "1", name: "Oversized Tee Black", price: "R$ 159,90", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-woman-girl-model-with-nude-makeup-colorful-summer-pink-hipster-clothes-sunglasses-posing-near-wall-looking-happily_158538-8868.jpg", imageAlt: "oversized black t-shirt streetwear" },
{ id: "2", name: "Urban Sneakers V1", price: "R$ 499,90", imageSrc: "http://img.b2bpic.net/free-photo/girl-chilling-after-skateboarding_8353-6300.jpg", imageAlt: "streetwear sneakers black aesthetic" },
{ id: "3", name: "Premium Hoodie", price: "R$ 299,90", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cool-woman-chair-indoors_23-2149359823.jpg", imageAlt: "minimalist hoodie streetwear premium" },
{ id: "4", name: "Raw Denim Jeans", price: "R$ 359,90", imageSrc: "http://img.b2bpic.net/free-photo/bearded-stylish-male-jeans-sunglasses-sits-wooden-box-grey-background_613910-7116.jpg", imageAlt: "streetwear jeans premium denim" },
{ id: "5", name: "Jogger Minimalist", price: "R$ 259,90", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "minimalist sweatpants urban wear" },
{ id: "6", name: "Crossbody Bag", price: "R$ 199,90", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-2000-s-fashion-style_23-2149870097.jpg", imageAlt: "streetwear accessory premium look" }
]}
title="New Arrivals"
description="Lançamentos da semana."
@@ -194,26 +101,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Nossos Diferenciais"
metrics={[
{
label: "Entrega",
value: "Rápida",
icon: Zap,
},
{
label: "Atendimento",
value: "Online",
icon: MessageCircle,
},
{
label: "Produtos",
value: "Selecionados",
icon: CheckCircle,
},
{
label: "Qualidade",
value: "Premium",
icon: Award,
},
{ label: "Entrega", value: "Rápida", icon: Zap },
{ label: "Atendimento", value: "Online", icon: MessageCircle },
{ label: "Produtos", value: "Selecionados", icon: CheckCircle },
{ label: "Qualidade", value: "Premium", icon: Award }
]}
metricsAnimation="blur-reveal"
/>
@@ -226,26 +117,11 @@ export default function LandingPage() {
rating={5}
author="Matheus S."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-man-basket-field_23-2148883551.jpg",
alt: "minimalist portrait male streetwear",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-man-2000s-fashion-style-posing-with-camera-sunglasses_23-2149442816.jpg",
alt: "minimalist portrait female streetwear",
},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
alt: "minimalist portrait male urban",
},
{
src: "http://img.b2bpic.net/free-photo/hipster-brunette-girl-making-selfie-outdoors-shorthaired-woman-beige-jacket-pink-sunglasses-taking-photo-sitting-cafe_197531-29381.jpg",
alt: "minimalist portrait female style",
},
{
src: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-gray-cap-casual-street-style-winter-day-against-colored-wall_627829-9028.jpg",
alt: "minimalist portrait male lifestyle",
},
{ src: "http://img.b2bpic.net/free-photo/young-man-basket-field_23-2148883551.jpg", alt: "minimalist portrait male streetwear" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-man-2000s-fashion-style-posing-with-camera-sunglasses_23-2149442816.jpg", alt: "minimalist portrait female streetwear" },
{ src: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg", alt: "minimalist portrait male urban" },
{ src: "http://img.b2bpic.net/free-photo/hipster-brunette-girl-making-selfie-outdoors-shorthaired-woman-beige-jacket-pink-sunglasses-taking-photo-sitting-cafe_197531-29381.jpg", alt: "minimalist portrait female style" },
{ src: "http://img.b2bpic.net/free-photo/stylish-brunette-girl-gray-cap-casual-street-style-winter-day-against-colored-wall_627829-9028.jpg", alt: "minimalist portrait male lifestyle" }
]}
ratingAnimation="opacity"
avatarsAnimation="slide-up"
@@ -257,21 +133,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"@northeleven11",
"@northeleven11",
"@northeleven11",
"@northeleven11",
"@northeleven11",
"@northeleven11",
"@northeleven11",
"@northeleven11", "@northeleven11", "@northeleven11", "@northeleven11", "@northeleven11", "@northeleven11", "@northeleven11"
]}
title="Nossa Comunidade"
description="Acompanhe o lifestyle North Eleven no Instagram."
buttons={[
{
text: "Seguir no Instagram",
href: "https://www.instagram.com/northeleven11",
},
{ text: "Seguir no Instagram", href: "https://www.instagram.com/northeleven11" }
]}
/>
</div>
@@ -279,14 +146,12 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="WhatsApp"
title="Finalize seu Pedido"
description="Entre em contato via WhatsApp para finalizar sua compra com nosso time de especialistas."
buttonText="Falar no WhatsApp"
onSubmit={(email) => window.open('https://wa.me/5591986075251', '_blank')}
onSubmit={() => window.open('https://wa.me/5591986075251', '_blank')}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-with-sunglasses_23-2149409793.jpg"
imageAlt="Medium shot man with sunglasses"
mediaAnimation="slide-up"
@@ -297,48 +162,24 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Loja",
items: [
{
label: "Oversized",
href: "#",
},
{
label: "Streetwear",
href: "#",
},
{
label: "Acessórios",
href: "#",
},
],
title: "Loja", items: [
{ label: "Oversized", href: "#" },
{ label: "Streetwear", href: "#" },
{ label: "Acessórios", href: "#" }
]
},
{
title: "Suporte",
items: [
{
label: "WhatsApp",
href: "https://wa.me/5591986075251",
},
{
label: "Instagram",
href: "https://www.instagram.com/northeleven11",
},
],
title: "Suporte", items: [
{ label: "WhatsApp", href: "https://wa.me/5591986075251" },
{ label: "Instagram", href: "https://www.instagram.com/northeleven11" }
]
},
{
title: "Legal",
items: [
{
label: "Privacidade",
href: "#",
},
{
label: "Termos",
href: "#",
},
],
},
title: "Legal", items: [
{ label: "Privacidade", href: "#" },
{ label: "Termos", href: "#" }
]
}
]}
logoText="NORTH ELEVEN"
copyrightText="© 2025 NORTH ELEVEN | All rights reserved"