bender/57a8073d-54b3-4996-a835-4340186af686
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-05-08 17:35:53 +00:00
parent 069ff970c9
commit 5d06beca74
1 changed files with 41 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Início",
id: "hero",
},
{
name: "Sobre",
id: "about",
},
{
name: "Coleção",
id: "products",
},
{
name: "Contato",
id: "contact",
},
{ name: "Início", id: "hero" },
{ name: "Sobre", id: "about" },
{ name: "Coleção", id: "products" },
{ name: "Contato", id: "contact" },
]}
brandName="Bina Modas"
/>
@@ -57,40 +45,16 @@ export default function LandingPage() {
logoText="Bina Modas"
description="Moda feminina que valoriza sua beleza. Peças modernas, atendimento incrível e novidades toda semana."
buttons={[
{
text: "Comprar no WhatsApp",
href: "https://wa.me/5511946004275",
},
{
text: "Ver Coleção",
href: "#products",
},
{ text: "Comprar no WhatsApp", href: "https://wa.me/5511946004275" },
{ text: "Ver Coleção", href: "#products" },
]}
slides={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ok76c4&_wi=1",
imageAlt: "Moda feminina elegante",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4x003&_wi=1",
imageAlt: "Looks modernos Bina Modas",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m8yv2q&_wi=1",
imageAlt: "Coleção sofisticada",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2a9z9",
imageAlt: "Tendências da moda",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pbkg8l",
imageAlt: "Moda festa",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q2afso",
imageAlt: "Estilo boutique",
},
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ok76c4", imageAlt: "mulher elegante moda feminina urbana" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4x003", imageAlt: "conjunto moda feminina elegante" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m8yv2q", imageAlt: "moda feminina primavera elegante" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2a9z9", imageAlt: "moda feminina dia a dia" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pbkg8l", imageAlt: "moda festa feminina elegante" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q2afso", imageAlt: "moda feminina moderna look" },
]}
/>
</div>
@@ -99,26 +63,11 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Referência em elegância e ",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mm9cm1",
alt: "Loja Bina Modas",
},
{
type: "text",
content: " atendimento acolhedor em São Paulo.",
},
]}
buttons={[
{
text: "Saiba mais",
href: "#contact",
},
{ type: "text", content: "Referência em elegância e " },
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mm9cm1", alt: "loja feminina interior moderno" },
{ type: "text", content: " atendimento acolhedor em São Paulo." },
]}
buttons={[{ text: "Saiba mais", href: "#contact" }]}
/>
</div>
@@ -129,40 +78,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Atendimento Excelência",
description: "Focamos em um atendimento acolhedor para que você se sinta sempre especial.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=140s7k",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crp11g",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ok76c4&_wi=2",
imageAlt: "vestido feminino moda casual",
title: "Atendimento Excelência", description: "Focamos em um atendimento acolhedor para que você se sinta sempre especial.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=140s7k" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=crp11g" }
},
{
title: "Novidades Semanais",
description: "Peças que acompanham as últimas tendências mundiais de moda feminina.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2cfic",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=001rgd",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n4x003&_wi=2",
imageAlt: "vestido feminino moda casual",
title: "Novidades Semanais", description: "Peças que acompanham as últimas tendências mundiais de moda feminina.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2cfic" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=001rgd" }
},
{
title: "Custo-Benefício Real",
description: "Moda premium acessível para mulheres que amam se vestir bem sem gastar muito.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhbtt6",
},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bervww",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m8yv2q&_wi=2",
imageAlt: "vestido feminino moda casual",
title: "Custo-Benefício Real", description: "Moda premium acessível para mulheres que amam se vestir bem sem gastar muito.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xhbtt6" },
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bervww" }
},
]}
showStepNumbers={true}
@@ -178,60 +103,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
brand: "Bina",
name: "Vestido Midi Alfaiataria",
price: "R$ 159,90",
rating: 5,
reviewCount: "12",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9g3fa6",
},
{
id: "2",
brand: "Bina",
name: "Conjunto Linho Premium",
price: "R$ 229,00",
rating: 5,
reviewCount: "8",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swe874",
},
{
id: "3",
brand: "Bina",
name: "Blusa Seda Soft",
price: "R$ 89,90",
rating: 4,
reviewCount: "25",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t247sp",
},
{
id: "4",
brand: "Bina",
name: "Saia Midi Plissada",
price: "R$ 119,00",
rating: 5,
reviewCount: "15",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tcasbu",
},
{
id: "5",
brand: "Bina",
name: "Macacão Pantalona",
price: "R$ 189,00",
rating: 5,
reviewCount: "10",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjruv0",
},
{
id: "6",
brand: "Bina",
name: "Calça Wide Leg",
price: "R$ 139,90",
rating: 4,
reviewCount: "18",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xzw8h9",
},
{ id: "1", brand: "Bina", name: "Vestido Midi Alfaiataria", price: "R$ 159,90", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9g3fa6" },
{ id: "2", brand: "Bina", name: "Conjunto Linho Premium", price: "R$ 229,00", rating: 5, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=swe874" },
{ id: "3", brand: "Bina", name: "Blusa Seda Soft", price: "R$ 89,90", rating: 4, reviewCount: "25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t247sp" },
{ id: "4", brand: "Bina", name: "Saia Midi Plissada", price: "R$ 119,00", rating: 5, reviewCount: "15", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tcasbu" },
{ id: "5", brand: "Bina", name: "Macacão Pantalona", price: "R$ 189,00", rating: 5, reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fjruv0" },
{ id: "6", brand: "Bina", name: "Calça Wide Leg", price: "R$ 139,90", rating: 4, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xzw8h9" },
]}
title="Vitrine Boutique"
description="Nossos destaques da semana para transformar seu guarda-roupa."
@@ -242,48 +119,14 @@ export default function LandingPage() {
<TestimonialCardOne
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Mariana Souza",
role: "Cliente",
company: "São Paulo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6fwz7",
},
{
id: "2",
name: "Camila Oliveira",
role: "Cliente",
company: "São Paulo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke1ggk",
},
{
id: "3",
name: "Ana Paula Silva",
role: "Cliente",
company: "São Paulo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2v4slj",
},
{
id: "4",
name: "Beatriz Santos",
role: "Cliente",
company: "São Paulo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dvtv10",
},
{
id: "5",
name: "Juliana Lima",
role: "Cliente",
company: "São Paulo",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8em84i",
},
{ id: "1", name: "Mariana Souza", role: "Cliente", company: "São Paulo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x6fwz7" },
{ id: "2", name: "Camila Oliveira", role: "Cliente", company: "São Paulo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ke1ggk" },
{ id: "3", name: "Ana Paula Silva", role: "Cliente", company: "São Paulo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2v4slj" },
{ id: "4", name: "Beatriz Santos", role: "Cliente", company: "São Paulo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dvtv10" },
{ id: "5", name: "Juliana Lima", role: "Cliente", company: "São Paulo", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8em84i" },
]}
title="Amadas por nossas clientes"
description="O que nossas clientes dizem sobre a Bina Modas."
@@ -295,21 +138,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Como realizo a compra?",
content: "Entre em contato pelo nosso WhatsApp (11) 94600-4275 e nossa equipe te atende!",
},
{
id: "2",
title: "Qual a localização?",
content: "Estamos na R. Manuel Paixão Ribeiro - São Noberto, São Paulo - SP.",
},
{
id: "3",
title: "Vocês enviam para outras cidades?",
content: "Consulte nosso WhatsApp para informações sobre entregas.",
},
{ id: "1", title: "Como realizo a compra?", content: "Entre em contato pelo nosso WhatsApp (11) 94600-4275 e nossa equipe te atende!" },
{ id: "2", title: "Qual a localização?", content: "Estamos na R. Manuel Paixão Ribeiro - São Noberto, São Paulo - SP." },
{ id: "3", title: "Vocês enviam para outras cidades?", content: "Consulte nosso WhatsApp para informações sobre entregas." },
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qj7375"
mediaAnimation="slide-up"
@@ -322,9 +153,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Contato"
title="Seu próximo look favorito está aqui"
description="Chame agora no WhatsApp e garanta o seu look preferido com quem mais entende de moda feminina."
@@ -338,21 +167,9 @@ export default function LandingPage() {
logoText="Bina Modas"
copyrightText="© 2025 Bina Modas | Todos os direitos reservados"
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: MessageCircle,
href: "https://wa.me/5511946004275",
ariaLabel: "WhatsApp",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: MessageCircle, href: "https://wa.me/5511946004275", ariaLabel: "WhatsApp" },
]}
/>
</div>