From b35cc01742184500ce5687c4c3344d7d7c4cf2d7 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 31 May 2026 02:22:06 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 395 ++++++++++------------------------------------- 1 file changed, 81 insertions(+), 314 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index ead262c..59ec1ad 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,41 +34,23 @@ export default function LandingPage() { @@ -82,13 +64,9 @@ export default function LandingPage() { tagIcon={Sparkles} buttons={[ { - text: "Agendar Agora", - href: "#contact", - }, + text: "Agendar Agora", href: "#contact"}, { - text: "Ver Serviços", - href: "#services", - }, + text: "Ver Serviços", href: "#services"}, ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ETDKriFuPDlzpefeMhVGmCGs3d/uploaded-1780193761281-um99w49f.png" imageAlt="Interior da Barbearia Premium CN" @@ -97,25 +75,15 @@ export default function LandingPage() { textPosition="bottom" avatars={[ { - src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg", - alt: "Cliente satisfeito 1", - }, + src: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202435.jpg", alt: "Cliente satisfeito 1"}, { - src: "http://img.b2bpic.net/free-photo/front-view-confused-handsome-male-suit-standing-white-background_179666-26648.jpg", - alt: "Cliente satisfeito 2", - }, + src: "http://img.b2bpic.net/free-photo/front-view-confused-handsome-male-suit-standing-white-background_179666-26648.jpg", alt: "Cliente satisfeito 2"}, { - src: "http://img.b2bpic.net/free-photo/portrait-bearded-middle-age-male-dressed-woolen-suit-isolated-grey-vignette-background_613910-10306.jpg", - alt: "Cliente satisfeito 3", - }, + src: "http://img.b2bpic.net/free-photo/portrait-bearded-middle-age-male-dressed-woolen-suit-isolated-grey-vignette-background_613910-10306.jpg", alt: "Cliente satisfeito 3"}, { - src: "http://img.b2bpic.net/free-photo/young-handsome-man-red-bandana-walks-along-ocean-beach_1321-4033.jpg", - alt: "Cliente satisfeito 4", - }, + src: "http://img.b2bpic.net/free-photo/young-handsome-man-red-bandana-walks-along-ocean-beach_1321-4033.jpg", alt: "Cliente satisfeito 4"}, { - src: "http://img.b2bpic.net/free-photo/high-spirited-male-passenger-with-trolley-suitcase-getting-off-moving-staircase-airport_259150-58718.jpg", - alt: "Cliente satisfeito 5", - }, + src: "http://img.b2bpic.net/free-photo/high-spirited-male-passenger-with-trolley-suitcase-getting-off-moving-staircase-airport_259150-58718.jpg", alt: "Cliente satisfeito 5"}, ]} avatarText="Junte-se aos nossos mais de 2.5K clientes satisfeitos!" /> @@ -128,19 +96,13 @@ export default function LandingPage() { metrics={[ { icon: Scissors, - label: "Anos de Experiência", - value: "10+", - }, + label: "Anos de Experiência", value: "10+"}, { icon: Users, - label: "Clientes Satisfeitos", - value: "2.5K+", - }, + label: "Clientes Satisfeitos", value: "2.5K+"}, { icon: Star, - label: "Avaliação Média", - value: "5.0", - }, + label: "Avaliação Média", value: "5.0"}, ]} metricsAnimation="slide-up" /> @@ -154,59 +116,17 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Corte Masculino Adulto", - description: "Cortes clássicos e modernos, personalizados para o seu estilo.", - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg", - imageAlt: "Corte masculino adulto", - titleImageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg", - buttonText: "Saiba Mais", - buttonHref: "#contact", - }, + title: "Corte Masculino Adulto", description: "Cortes clássicos e modernos, personalizados para o seu estilo.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blue-eyed-bearded-hipster-male-with-crossed-arms-grey-background_613910-12834.jpg", imageAlt: "Corte masculino adulto", titleImageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg", buttonText: "Saiba Mais", buttonHref: "#contact"}, { - title: "Corte Infantil", - description: "Estilo e conforto para os pequenos, com cortes divertidos e seguros.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kid-getting-haircut_23-2149870358.jpg", - imageAlt: "Corte infantil", - titleImageSrc: "http://img.b2bpic.net/free-photo/contented-cute-preschooler-boy-shows-thumbs-up-while-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-19649.jpg", - buttonText: "Saiba Mais", - buttonHref: "#contact", - }, + title: "Corte Infantil", description: "Estilo e conforto para os pequenos, com cortes divertidos e seguros.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-kid-getting-haircut_23-2149870358.jpg", imageAlt: "Corte infantil", titleImageSrc: "http://img.b2bpic.net/free-photo/contented-cute-preschooler-boy-shows-thumbs-up-while-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-19649.jpg", buttonText: "Saiba Mais", buttonHref: "#contact"}, { - title: "Barba Modelada", - description: "Modelagem e aparo da barba com toalha quente e produtos especiais.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-how-shave_23-2149450891.jpg", - imageAlt: "Barba modelada", - titleImageSrc: "http://img.b2bpic.net/free-photo/brave-enough-brutal-lumberjack-cutting-wood-sharp-blade-brutality-masculinity-bearded-lumberjack-lumberjack-style-man-with-axe-bearded-man-hold-axe-isolated-white-danger-concept_231208-8923.jpg", - buttonText: "Saiba Mais", - buttonHref: "#contact", - }, + title: "Barba Modelada", description: "Modelagem e aparo da barba com toalha quente e produtos especiais.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-how-shave_23-2149450891.jpg", imageAlt: "Barba modelada", titleImageSrc: "http://img.b2bpic.net/free-photo/brave-enough-brutal-lumberjack-cutting-wood-sharp-blade-brutality-masculinity-bearded-lumberjack-lumberjack-style-man-with-axe-bearded-man-hold-axe-isolated-white-danger-concept_231208-8923.jpg", buttonText: "Saiba Mais", buttonHref: "#contact"}, { - title: "Degradê na Régua", - description: "O corte degradê perfeito com acabamento preciso e moderno.", - imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg", - imageAlt: "Degradê na régua", - titleImageSrc: "http://img.b2bpic.net/free-photo/elevated-view-shaving-brush-razor-foam-wooden-bowl-against-blue-backdrop_23-2148088323.jpg", - buttonText: "Saiba Mais", - buttonHref: "#contact", - }, + title: "Degradê na Régua", description: "O corte degradê perfeito com acabamento preciso e moderno.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg", imageAlt: "Degradê na régua", titleImageSrc: "http://img.b2bpic.net/free-photo/elevated-view-shaving-brush-razor-foam-wooden-bowl-against-blue-backdrop_23-2148088323.jpg", buttonText: "Saiba Mais", buttonHref: "#contact"}, { - title: "Coloração e Tratamento", - description: "Serviços de coloração e tratamentos capilares para saúde e brilho.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-styling-beard-customer_23-2147737084.jpg", - imageAlt: "Coloração e tratamento capilar", - titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg", - buttonText: "Saiba Mais", - buttonHref: "#contact", - }, + title: "Coloração e Tratamento", description: "Serviços de coloração e tratamentos capilares para saúde e brilho.", imageSrc: "http://img.b2bpic.net/free-photo/woman-styling-beard-customer_23-2147737084.jpg", imageAlt: "Coloração e tratamento capilar", titleImageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg", buttonText: "Saiba Mais", buttonHref: "#contact"}, { - title: "Dia do Noivo", - description: "Pacote completo de cuidados para o noivo ter um dia inesquecível.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", - imageAlt: "Dia do Noivo", - titleImageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273897.jpg", - buttonText: "Saiba Mais", - buttonHref: "#contact", - }, + title: "Dia do Noivo", description: "Pacote completo de cuidados para o noivo ter um dia inesquecível.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", imageAlt: "Dia do Noivo", titleImageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273897.jpg", buttonText: "Saiba Mais", buttonHref: "#contact"}, ]} title="Nossos Serviços Premium" description="Oferecemos uma gama completa de serviços para homens modernos que buscam o melhor em estilo e cuidado pessoal. Qualidade e precisão garantidas." @@ -221,53 +141,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Óleo para Barba Premium", - price: "R$ 79,90", - variant: "Hidratação Profunda", - imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435190.jpg", - imageAlt: "Óleo para barba", - }, + id: "p1", name: "Óleo para Barba Premium", price: "R$ 79,90", variant: "Hidratação Profunda", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435190.jpg", imageAlt: "Óleo para barba"}, { - id: "p2", - name: "Pomada Modeladora Extreme", - price: "R$ 59,90", - variant: "Fixação Forte", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-care-moisture-recipients-arrangement_23-2148761407.jpg", - imageAlt: "Pomada modeladora", - }, + id: "p2", name: "Pomada Modeladora Extreme", price: "R$ 59,90", variant: "Fixação Forte", imageSrc: "http://img.b2bpic.net/free-photo/front-view-skin-care-moisture-recipients-arrangement_23-2148761407.jpg", imageAlt: "Pomada modeladora"}, { - id: "p3", - name: "Shampoo Detox Masculino", - price: "R$ 45,00", - variant: "Limpeza Profunda", - imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204977.jpg", - imageAlt: "Shampoo masculino", - }, + id: "p3", name: "Shampoo Detox Masculino", price: "R$ 45,00", variant: "Limpeza Profunda", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204977.jpg", imageAlt: "Shampoo masculino"}, { - id: "p4", - name: "Pós-Barba Suavizante", - price: "R$ 65,00", - variant: "Efeito Calmante", - imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-shaving-with-copy-space_23-2148224342.jpg", - imageAlt: "Pós-barba", - }, + id: "p4", name: "Pós-Barba Suavizante", price: "R$ 65,00", variant: "Efeito Calmante", imageSrc: "http://img.b2bpic.net/free-photo/sideways-man-shaving-with-copy-space_23-2148224342.jpg", imageAlt: "Pós-barba"}, { - id: "p5", - name: "Tônico Capilar Força", - price: "R$ 89,00", - variant: "Crescimento Saudável", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-giving-himself-scalp-massage_23-2151262254.jpg", - imageAlt: "Tônico capilar", - }, + id: "p5", name: "Tônico Capilar Força", price: "R$ 89,00", variant: "Crescimento Saudável", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-giving-himself-scalp-massage_23-2151262254.jpg", imageAlt: "Tônico capilar"}, { - id: "p6", - name: "Cera Modeladora Matte", - price: "R$ 55,00", - variant: "Acabamento Fosco", - imageSrc: "http://img.b2bpic.net/free-photo/bathroom-composition-with-comb-deodorant_23-2147693204.jpg", - imageAlt: "Cera modeladora", - }, + id: "p6", name: "Cera Modeladora Matte", price: "R$ 55,00", variant: "Acabamento Fosco", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-composition-with-comb-deodorant_23-2147693204.jpg", imageAlt: "Cera modeladora"}, ]} title="Nossos Produtos Exclusivos" description="Linha premium de produtos para cabelo e barba, cuidadosamente selecionados para o seu cuidado diário." @@ -281,58 +165,29 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "basic", - badge: "Clássico", - price: "R$ 60", - subtitle: "Corte de Cabelo Adulto", - buttons: [ + id: "basic", badge: "Clássico", price: "R$ 60", subtitle: "Corte de Cabelo Adulto", buttons: [ { - text: "Agendar Agora", - href: "#contact", - }, + text: "Agendar Agora", href: "#contact"}, ], features: [ - "Corte Personalizado", - "Lavagem Capilar", - "Finalização com Produto", - ], + "Corte Personalizado", "Lavagem Capilar", "Finalização com Produto"], }, { - id: "premium", - badge: "Premium", - badgeIcon: Crown, - price: "R$ 110", - subtitle: "Corte + Barba Completa", - buttons: [ + id: "premium", badge: "Premium", badgeIcon: Crown, + price: "R$ 110", subtitle: "Corte + Barba Completa", buttons: [ { - text: "Agendar Agora", - href: "#contact", - }, + text: "Agendar Agora", href: "#contact"}, ], features: [ - "Corte Personalizado", - "Barba Modelada com Toalha Quente", - "Design de Sobrancelha", - "Lavagem e Tratamento Capilar", - "Pós-barba e Finalização Premium", - ], + "Corte Personalizado", "Barba Modelada com Toalha Quente", "Design de Sobrancelha", "Lavagem e Tratamento Capilar", "Pós-barba e Finalização Premium"], }, { - id: "kids", - badge: "Kids", - price: "R$ 40", - subtitle: "Corte Infantil", - buttons: [ + id: "kids", badge: "Kids", price: "R$ 40", subtitle: "Corte Infantil", buttons: [ { - text: "Agendar Agora", - href: "#contact", - }, + text: "Agendar Agora", href: "#contact"}, ], features: [ - "Corte Personalizado para Crianças", - "Lavagem Suave", - "Brindes Divertidos", - ], + "Corte Personalizado para Crianças", "Lavagem Suave", "Brindes Divertidos"], }, ]} title="Nossos Pacotes de Serviços" @@ -348,26 +203,11 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "t1", - name: "Carlos Silva", - role: "Barbeiro Sênior", - imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg", - imageAlt: "Carlos Silva, Barbeiro Sênior", - }, + id: "t1", name: "Carlos Silva", role: "Barbeiro Sênior", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg", imageAlt: "Carlos Silva, Barbeiro Sênior"}, { - id: "t2", - name: "Ricardo Santos", - role: "Especialista em Navalha", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506206.jpg", - imageAlt: "Ricardo Santos, Especialista em Navalha", - }, + id: "t2", name: "Ricardo Santos", role: "Especialista em Navalha", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506206.jpg", imageAlt: "Ricardo Santos, Especialista em Navalha"}, { - id: "t3", - name: "Felipe Mendes", - role: "Mestre em Cortes Modernos", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg", - imageAlt: "Felipe Mendes, Mestre em Cortes Modernos", - }, + id: "t3", name: "Felipe Mendes", role: "Mestre em Cortes Modernos", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-with-crossed-arms-dressed-white-shirt-grey-background_613910-1374.jpg", imageAlt: "Felipe Mendes, Mestre em Cortes Modernos"}, ]} title="Nossa Equipe de Profissionais" description="Conheça os talentos por trás da tesoura e navalha. Barbeiros experientes e apaixonados pelo que fazem." @@ -381,54 +221,24 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "test1", - name: "João Pereira", - handle: "@joaop", - testimonial: "Experiência impecável! O melhor corte que já tive, e a barba ficou perfeita. Volto sempre!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-shaving-his-beard_23-2148696664.jpg", - imageAlt: "João Pereira", - }, + id: "test1", name: "João Pereira", handle: "@joaop_style", testimonial: "A Barbearia Premium CN é sensacional! Melhor corte e barba impecável. Sempre saio renovado daqui!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-shaving-his-beard_23-2148696664.jpg", imageAlt: "João Pereira"}, { - id: "test2", - name: "Fernando Lima", - handle: "@fernandol", - testimonial: "Atendimento de primeira, ambiente agradável e profissionais muito qualificados. Recomendo a todos!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", - imageAlt: "Fernando Lima", - }, + id: "test2", name: "Fernando Lima", handle: "@fernando_barber", testimonial: "Atendimento de elite e ambiente super acolhedor. Recomendo a todos que buscam excelência no visual!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", imageAlt: "Fernando Lima"}, { - id: "test3", - name: "Gustavo Rocha", - handle: "@gustavor", - testimonial: "Pontualidade, qualidade e um excelente papo. Me sinto renovado toda vez que saio de lá.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-bearded-male-white-shirt-grey-background_613910-1962.jpg", - imageAlt: "Gustavo Rocha", - }, + id: "test3", name: "Gustavo Rocha", handle: "@gurocha_cuts", testimonial: "Sempre pontuais e com um trabalho impecável. O degradê é arte pura! Cliente fiel há anos.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-bearded-male-white-shirt-grey-background_613910-1962.jpg", imageAlt: "Gustavo Rocha"}, { - id: "test4", - name: "Pedro Souza", - handle: "@pedros", - testimonial: "O degradê é simplesmente sensacional! Eles realmente dominam a arte. Cliente fiel!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg", - imageAlt: "Pedro Souza", - }, + id: "test4", name: "Pedro Souza", handle: "@pedros_barber", testimonial: "Profissionais incríveis e um serviço de alto nível. Minha barba nunca esteve tão bem cuidada. Obrigado, equipe!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/customer-shop-assistant-meeting-fashion-store-sitting-together-using-tablet-discussing-clothes-purchases-consumerism-shopping-concept_74855-11657.jpg", imageAlt: "Pedro Souza"}, { - id: "test5", - name: "Lucas Martins", - handle: "@lucasm", - testimonial: "Ambiente acolhedor e um serviço de alto padrão. Encontrei minha barbearia de confiança.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/focused-mirror-reflection-with-blurred-man_23-2148256991.jpg", - imageAlt: "Lucas Martins", - }, + id: "test5", name: "Lucas Martins", handle: "@lucas_menstyle", testimonial: "Não troco por nada! Ambiente acolhedor e um resultado que supera as expectativas. Minha barbearia de confiança!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/focused-mirror-reflection-with-blurred-man_23-2148256991.jpg", imageAlt: "Lucas Martins"}, ]} showRating={true} - title="O que nossos Clientes Dizem" - description="Depoimentos reais de clientes satisfeitos com o nosso atendimento e serviços." + title="O que nossos Clientes Dizem no Instagram" + description="Confira os depoimentos reais de quem já transformou o estilo e a confiança conosco!" /> @@ -437,25 +247,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "Como faço para agendar um horário?", - content: "Você pode agendar um horário diretamente pelo nosso site, telefone ou WhatsApp.", - }, + id: "faq1", title: "Como faço para agendar um horário?", content: "Você pode agendar um horário diretamente pelo nosso site, telefone ou WhatsApp."}, { - id: "faq2", - title: "Quais formas de pagamento vocês aceitam?", - content: "Aceitamos Pix, cartões de crédito e débito das principais bandeiras.", - }, + id: "faq2", title: "Quais formas de pagamento vocês aceitam?", content: "Aceitamos Pix, cartões de crédito e débito das principais bandeiras."}, { - id: "faq3", - title: "Vocês fazem cortes femininos?", - content: "Nossa especialidade são cortes e barbas masculinas, incluindo cortes infantis masculinos.", - }, + id: "faq3", title: "Vocês fazem cortes femininos?", content: "Nossa especialidade são cortes e barbas masculinas, incluindo cortes infantis masculinos."}, { - id: "faq4", - title: "Existe algum programa de fidelidade?", - content: "Sim, temos um programa de fidelidade com benefícios exclusivos para clientes frequentes. Consulte nossa equipe para mais detalhes.", - }, + id: "faq4", title: "Existe algum programa de fidelidade?", content: "Sim, temos um programa de fidelidade com benefícios exclusivos para clientes frequentes. Consulte nossa equipe para mais detalhes."}, ]} sideTitle="Perguntas Frequentes" sideDescription="Tire suas dúvidas sobre nossos serviços, agendamentos e mais." @@ -468,30 +266,19 @@ export default function LandingPage() {