Merge version_1 into main #1
253
src/app/page.tsx
253
src/app/page.tsx
@@ -33,38 +33,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Início", id: "#hero"},
|
||||
{
|
||||
name: "Sobre Nós",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Sobre Nós", id: "#about"},
|
||||
{
|
||||
name: "Diferenciais",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Diferenciais", id: "#features"},
|
||||
{
|
||||
name: "Produtos",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Produtos", id: "#products"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contato", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Ligar Agora",
|
||||
href: "tel:+551533632088",
|
||||
}}
|
||||
text: "Ligar Agora", href: "tel:+551533632088"}}
|
||||
brandName="Lider Boituva"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,35 +59,21 @@ export default function LandingPage() {
|
||||
description="Na Lider Boituva, você encontra a maior variedade e os melhores preços em materiais elétricos e para construção. Qualidade garantida e atendimento espetacular para seus projetos."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Produtos", href: "#products"},
|
||||
{
|
||||
text: "Ligar Agora",
|
||||
href: "tel:+551533632088",
|
||||
},
|
||||
text: "Ligar Agora", href: "tel:+551533632088"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg",
|
||||
alt: "Cliente Satisfeito 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/proud-entrepreneur-with-employees-background_1098-3585.jpg", alt: "Cliente Satisfeito 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-yong-woman-casual-portrait-positive-view-big-smile-beautiful-model-posing_1258-110472.jpg",
|
||||
alt: "Cliente Satisfeito 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-yong-woman-casual-portrait-positive-view-big-smile-beautiful-model-posing_1258-110472.jpg", alt: "Cliente Satisfeito 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-handsome-young-guy-posing_176420-29957.jpg",
|
||||
alt: "Cliente Satisfeito 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-handsome-young-guy-posing_176420-29957.jpg", alt: "Cliente Satisfeito 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg",
|
||||
alt: "Cliente Satisfeito 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg", alt: "Cliente Satisfeito 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
|
||||
alt: "Cliente Satisfeito 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", alt: "Cliente Satisfeito 5"},
|
||||
]}
|
||||
avatarText="+ de 200 avaliações 5 estrelas!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-minimal-background-with-floor_23-2149207695.jpg"
|
||||
@@ -122,19 +92,13 @@ export default function LandingPage() {
|
||||
description="Desde 2010, a Lider Boituva tem sido a escolha preferida para quem busca qualidade e variedade em materiais elétricos e para construção em Boituva e região. Nosso compromisso é com o atendimento de excelência e produtos de alta performance para garantir o sucesso dos seus projetos."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Ampla Variedade",
|
||||
description: "Tudo para elétrica, hidráulica, construção e acessórios para casa em um só lugar.",
|
||||
icon: Package,
|
||||
title: "Ampla Variedade", description: "Tudo para elétrica, hidráulica, construção e acessórios para casa em um só lugar.", icon: Package,
|
||||
},
|
||||
{
|
||||
title: "Qualidade Assegurada",
|
||||
description: "Trabalhamos apenas com produtos de marcas renomadas e comprovada durabilidade.",
|
||||
icon: ShieldCheck,
|
||||
title: "Qualidade Assegurada", description: "Trabalhamos apenas com produtos de marcas renomadas e comprovada durabilidade.", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Preços Competitivos",
|
||||
description: "Oferecemos o melhor custo-benefício para que seus projetos caibam no seu orçamento.",
|
||||
icon: Tag,
|
||||
title: "Preços Competitivos", description: "Oferecemos o melhor custo-benefício para que seus projetos caibam no seu orçamento.", icon: Tag,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440230.jpg"
|
||||
@@ -151,29 +115,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Box,
|
||||
title: "Estoque Completo",
|
||||
description: "Encontre tudo o que você precisa, desde a fundação até o acabamento, com a maior variedade da região.",
|
||||
},
|
||||
title: "Estoque Completo", description: "Encontre tudo o que você precisa, desde a fundação até o acabamento, com a maior variedade da região."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Atendimento Especializado",
|
||||
description: "Nossa equipe está pronta para te ajudar a escolher os melhores produtos com conhecimento e cordialidade.",
|
||||
},
|
||||
title: "Atendimento Especializado", description: "Nossa equipe está pronta para te ajudar a escolher os melhores produtos com conhecimento e cordialidade."},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Entrega Rápida",
|
||||
description: "Receba seus materiais no conforto da sua casa ou obra, com agilidade e segurança.",
|
||||
},
|
||||
title: "Entrega Rápida", description: "Receba seus materiais no conforto da sua casa ou obra, com agilidade e segurança."},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Retirada na Loja",
|
||||
description: "Faça seu pedido online ou por telefone e retire diretamente em nossa loja.",
|
||||
},
|
||||
title: "Retirada na Loja", description: "Faça seu pedido online ou por telefone e retire diretamente em nossa loja."},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Produtos de Qualidade",
|
||||
description: "Trabalhamos apenas com as melhores marcas para garantir durabilidade e segurança em suas instalações.",
|
||||
},
|
||||
title: "Produtos de Qualidade", description: "Trabalhamos apenas com as melhores marcas para garantir durabilidade e segurança em suas instalações."},
|
||||
]}
|
||||
title="Por Que Escolher a Lider Boituva?"
|
||||
description="Nós vamos além da venda, oferecendo uma experiência completa para que você realize seus projetos com tranquilidade e confiança."
|
||||
@@ -188,47 +142,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fio Elétrico Flexível 2,5mm",
|
||||
price: "R$ 35,90 (metro)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-cable-energy-technology-equipment-isolated-white_93675-129852.jpg",
|
||||
imageAlt: "Rolo de fio elétrico flexível",
|
||||
},
|
||||
id: "p1", name: "Fio Elétrico Flexível 2,5mm", price: "R$ 35,90 (metro)", imageSrc: "http://img.b2bpic.net/free-photo/electrical-cable-energy-technology-equipment-isolated-white_93675-129852.jpg", imageAlt: "Rolo de fio elétrico flexível"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lâmpada LED Bulbo E27 9W",
|
||||
price: "R$ 14,99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-lamp-with-minimalist-monochrome-background_23-2150763364.jpg",
|
||||
imageAlt: "Lâmpada LED bulbo",
|
||||
},
|
||||
id: "p2", name: "Lâmpada LED Bulbo E27 9W", price: "R$ 14,99", imageSrc: "http://img.b2bpic.net/free-photo/desk-lamp-with-minimalist-monochrome-background_23-2150763364.jpg", imageAlt: "Lâmpada LED bulbo"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Disjuntor Monofásico 20A",
|
||||
price: "R$ 22,50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-with-mailbox_23-2148106961.jpg",
|
||||
imageAlt: "Disjuntor monofásico",
|
||||
},
|
||||
id: "p3", name: "Disjuntor Monofásico 20A", price: "R$ 22,50", imageSrc: "http://img.b2bpic.net/free-photo/brick-wall-with-mailbox_23-2148106961.jpg", imageAlt: "Disjuntor monofásico"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tomada Dupla 10A com USB",
|
||||
price: "R$ 49,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-touching-sticky-note_23-2148717041.jpg",
|
||||
imageAlt: "Tomada dupla com USB",
|
||||
},
|
||||
id: "p4", name: "Tomada Dupla 10A com USB", price: "R$ 49,90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-touching-sticky-note_23-2148717041.jpg", imageAlt: "Tomada dupla com USB"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Conduíte Corrugado 3/4\"",
|
||||
price: "R$ 180,00 (rolo 50m)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbells-wall_23-2147675232.jpg",
|
||||
imageAlt: "Rolo de conduíte corrugado",
|
||||
},
|
||||
id: "p5", name: "Conduíte Corrugado 3/4\"", price: "R$ 180,00 (rolo 50m)", imageSrc: "http://img.b2bpic.net/free-photo/barbells-wall_23-2147675232.jpg", imageAlt: "Rolo de conduíte corrugado"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Ventilador de Teto com Controle",
|
||||
price: "R$ 289,90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808052.jpg",
|
||||
imageAlt: "Ventilador de teto branco",
|
||||
},
|
||||
id: "p6", name: "Ventilador de Teto com Controle", price: "R$ 289,90", imageSrc: "http://img.b2bpic.net/free-photo/modern-round-desk-fan-with-simple-background_23-2150808052.jpg", imageAlt: "Ventilador de teto branco"},
|
||||
]}
|
||||
title="Nossos Produtos em Destaque"
|
||||
description="Uma seleção dos itens mais procurados e essenciais para a sua obra ou reforma. Qualidade e preço que você só encontra aqui."
|
||||
@@ -240,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Construtora Alpha",
|
||||
"Boituva Engenharia",
|
||||
"Arquitetos Associados",
|
||||
"Eletricista Premium",
|
||||
"Reforma Total",
|
||||
"Design Inteligente",
|
||||
"Soluções Industriais",
|
||||
]}
|
||||
"Construtora Alpha", "Boituva Engenharia", "Arquitetos Associados", "Eletricista Premium", "Reforma Total", "Design Inteligente", "Soluções Industriais"]}
|
||||
title="Parceiros que Confiam na Lider Boituva"
|
||||
description="Construindo relações sólidas com os melhores profissionais e empresas da região."
|
||||
showCard={true}
|
||||
@@ -262,25 +179,15 @@ export default function LandingPage() {
|
||||
author="Junior Nelson Pedro Bom - Cliente Satisfeito"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-latin-woman-looking_74855-2901.jpg",
|
||||
alt: "Avatar Junior Nelson Pedro Bom",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-joyful-latin-woman-looking_74855-2901.jpg", alt: "Avatar Junior Nelson Pedro Bom"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-caucasian-girl-smiling-camera-with-her-arms-crossed-while-standing-pink-background-concept-real-emotions_197531-31324.jpg",
|
||||
alt: "Avatar Marcia Pereira",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-caucasian-girl-smiling-camera-with-her-arms-crossed-while-standing-pink-background-concept-real-emotions_197531-31324.jpg", alt: "Avatar Marcia Pereira"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-young-confident-woman-model-white-t-shirt-isolated-white-background_1258-80565.jpg",
|
||||
alt: "Avatar Wellinghton Felipe Alves Fogaça",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-young-confident-woman-model-white-t-shirt-isolated-white-background_1258-80565.jpg", alt: "Avatar Wellinghton Felipe Alves Fogaça"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-with-red-lipstick_23-2147910287.jpg",
|
||||
alt: "Avatar Cliente Genérico",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-young-woman-with-red-lipstick_23-2147910287.jpg", alt: "Avatar Cliente Genérico"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg",
|
||||
alt: "Avatar Novo Cliente",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", alt: "Avatar Novo Cliente"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -293,30 +200,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Vocês realizam entregas?",
|
||||
content: "Sim, realizamos entregas em Boituva e região. Consulte as condições e prazos em nosso atendimento.",
|
||||
},
|
||||
id: "faq1", title: "Vocês realizam entregas?", content: "Sim, realizamos entregas em Boituva e região. Consulte as condições e prazos em nosso atendimento."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "É possível fazer pedido e retirar na loja?",
|
||||
content: "Com certeza! Você pode fazer seu pedido via telefone ou WhatsApp e agendar a retirada em nossa loja, otimizando seu tempo.",
|
||||
},
|
||||
id: "faq2", title: "É possível fazer pedido e retirar na loja?", content: "Com certeza! Você pode fazer seu pedido via telefone ou WhatsApp e agendar a retirada em nossa loja, otimizando seu tempo."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Quais as formas de pagamento aceitas?",
|
||||
content: "Aceitamos diversas formas de pagamento, incluindo cartões de crédito, débito e PIX. Consulte nossas opções no momento da compra.",
|
||||
},
|
||||
id: "faq3", title: "Quais as formas de pagamento aceitas?", content: "Aceitamos diversas formas de pagamento, incluindo cartões de crédito, débito e PIX. Consulte nossas opções no momento da compra."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Vocês oferecem consultoria para projetos?",
|
||||
content: "Nossa equipe especializada está à disposição para auxiliar na escolha dos melhores materiais para o seu projeto, garantindo eficiência e segurança.",
|
||||
},
|
||||
id: "faq4", title: "Vocês oferecem consultoria para projetos?", content: "Nossa equipe especializada está à disposição para auxiliar na escolha dos melhores materiais para o seu projeto, garantindo eficiência e segurança."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Os produtos têm garantia?",
|
||||
content: "Sim, todos os nossos produtos possuem garantia de fábrica. Em caso de dúvidas, entre em contato com nosso suporte.",
|
||||
},
|
||||
id: "faq5", title: "Os produtos têm garantia?", content: "Sim, todos os nossos produtos possuem garantia de fábrica. Em caso de dúvidas, entre em contato com nosso suporte."},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Encontre respostas para suas principais dúvidas sobre nossos produtos e serviços."
|
||||
@@ -328,8 +220,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Fale Conosco"
|
||||
title="Precisa de Ajuda ou um Orçamento?"
|
||||
description="Entre em contato conosco e nossa equipe especializada estará pronta para te atender e oferecer as melhores soluções em materiais elétricos e para construção."
|
||||
@@ -340,32 +231,6 @@ export default function LandingPage() {
|
||||
inputPlaceholder="Seu melhor e-mail"
|
||||
buttonText="Enviar Mensagem"
|
||||
termsText="Ao clicar em 'Enviar Mensagem', você concorda com nossos Termos e Condições."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Seu nome",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Seu melhor e-mail",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Telefone (opcional)",
|
||||
required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Sua mensagem...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -375,49 +240,31 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Início", href: "#hero"},
|
||||
{
|
||||
label: "Sobre Nós",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nós", href: "#about"},
|
||||
{
|
||||
label: "Produtos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Produtos", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Diferenciais",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Diferenciais", href: "#features"},
|
||||
{
|
||||
label: "Depoimentos",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Depoimentos", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
{
|
||||
label: "Localização",
|
||||
href: "https://www.google.com/maps/search/RUA+PROFESSOR+JOS%C3%89+ASSAD+ATALLA+JR,+N%C2%BA66+-+Centro,+Boituva+-+SP,+18550-067",
|
||||
},
|
||||
label: "Localização", href: "https://www.google.com/maps/search/RUA+PROFESSOR+JOS%C3%89+ASSAD+ATALLA+JR,+N%C2%BA66+-+Centro,+Boituva+-+SP,+18550-067"},
|
||||
{
|
||||
label: "Ligar",
|
||||
href: "tel:+551533632088",
|
||||
},
|
||||
label: "Ligar", href: "tel:+551533632088"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user