Switch to version 1: modified src/app/page.tsx
This commit is contained in:
274
src/app/page.tsx
274
src/app/page.tsx
@@ -32,25 +32,41 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre Nós", id: "#about"},
|
||||
name: "Sobre Nós",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Serviços", id: "#services"},
|
||||
name: "Serviços",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Porque Escolher", id: "#why-choose"},
|
||||
name: "Porque Escolher",
|
||||
id: "#why-choose",
|
||||
},
|
||||
{
|
||||
name: "Avaliações", id: "#testimonials"},
|
||||
name: "Avaliações",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Área de Atuação", id: "#service-area"},
|
||||
name: "Área de Atuação",
|
||||
id: "#service-area",
|
||||
},
|
||||
{
|
||||
name: "Contactos", id: "#contact"},
|
||||
name: "Contactos",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/gradient-energy-logo-design-template_23-2150021801.jpg"
|
||||
logoAlt="Proinstall Instalação Elétrica Logo"
|
||||
brandName="Proinstall Instalação Elétrica"
|
||||
button={{
|
||||
text: "Pedir Orçamento", href: "#contact"}}
|
||||
text: "Pedir Orçamento",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,26 +76,55 @@ export default function LandingPage() {
|
||||
description="Instalações elétricas, reparações, carregadores para veículos elétricos, iluminação, quadros elétricos e assistência técnica com rapidez, segurança e garantia."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria Silva", handle: "@marias.eng", testimonial: "Serviço excecional! A Proinstall superou as minhas expectativas com a instalação do carregador EV. Muito profissionalismo e eficiência.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg", imageAlt: "Avatar Maria Silva"},
|
||||
name: "Maria Silva",
|
||||
handle: "@marias.eng",
|
||||
testimonial: "Serviço excecional! A Proinstall superou as minhas expectativas com a instalação do carregador EV. Muito profissionalismo e eficiência.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg",
|
||||
imageAlt: "Avatar Maria Silva",
|
||||
},
|
||||
{
|
||||
name: "João Santos", handle: "@joaos.arq", testimonial: "Rapidez e segurança nas reparações do meu quadro elétrico. Recomendo a Proinstall a todos no Porto.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg", imageAlt: "Avatar João Santos"},
|
||||
name: "João Santos",
|
||||
handle: "@joaos.arq",
|
||||
testimonial: "Rapidez e segurança nas reparações do meu quadro elétrico. Recomendo a Proinstall a todos no Porto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",
|
||||
imageAlt: "Avatar João Santos",
|
||||
},
|
||||
{
|
||||
name: "Ana Rodrigues", handle: "@ana.design", testimonial: "Instalação de iluminação perfeita para a minha loja. A equipa é atenciosa e o resultado final é impecável.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", imageAlt: "Avatar Ana Rodrigues"},
|
||||
name: "Ana Rodrigues",
|
||||
handle: "@ana.design",
|
||||
testimonial: "Instalação de iluminação perfeita para a minha loja. A equipa é atenciosa e o resultado final é impecável.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
imageAlt: "Avatar Ana Rodrigues",
|
||||
},
|
||||
{
|
||||
name: "Carlos Costa", handle: "@carlos.tec", testimonial: "Excelente assistência técnica. Diagnosticaram e resolveram o problema elétrico em tempo recorde. Muito satisfeito!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg", imageAlt: "Avatar Carlos Costa"},
|
||||
name: "Carlos Costa",
|
||||
handle: "@carlos.tec",
|
||||
testimonial: "Excelente assistência técnica. Diagnosticaram e resolveram o problema elétrico em tempo recorde. Muito satisfeito!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
imageAlt: "Avatar Carlos Costa",
|
||||
},
|
||||
{
|
||||
name: "Sofia Pereira", handle: "@sofia.com", testimonial: "A Proinstall é sinónimo de confiança. As instalações elétricas da minha casa foram feitas com a máxima qualidade e atenção aos detalhes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg", imageAlt: "Avatar Sofia Pereira"},
|
||||
name: "Sofia Pereira",
|
||||
handle: "@sofia.com",
|
||||
testimonial: "A Proinstall é sinónimo de confiança. As instalações elétricas da minha casa foram feitas com a máxima qualidade e atenção aos detalhes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-young-woman-standing-posing-co-working-coffee-shop-interior-looking-camera-smiling_74855-9955.jpg",
|
||||
imageAlt: "Avatar Sofia Pereira",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Pedir Orçamento Gratuito", href: "#contact"},
|
||||
text: "Pedir Orçamento Gratuito",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Ligar Agora", href: "tel:933511913"},
|
||||
text: "Ligar Agora",
|
||||
href: "tel:933511913",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-24060.jpg"
|
||||
imageAlt="Modern electrical installation"
|
||||
@@ -87,15 +132,25 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-energy-logo-design-template_23-2150021801.jpg", alt: "Foto de cliente satisfeito 1"},
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-energy-logo-design-template_23-2150021801.jpg",
|
||||
alt: "Foto de cliente satisfeito 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-24060.jpg", alt: "Foto de cliente satisfeito 2"},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-circuit-breakers-wire-control-panel_169016-24060.jpg",
|
||||
alt: "Foto de cliente satisfeito 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg", alt: "Foto de cliente satisfeito 3"},
|
||||
src: "http://img.b2bpic.net/free-photo/business-office-remote-lifestyle_23-2151998096.jpg",
|
||||
alt: "Foto de cliente satisfeito 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg", alt: "Foto de cliente satisfeito 4"},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-hispanic-man-with-beard-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-31901.jpg",
|
||||
alt: "Foto de cliente satisfeito 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg", alt: "Foto de cliente satisfeito 5"},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
alt: "Foto de cliente satisfeito 5",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,13 +162,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Anos de Experiência", value: "15+"},
|
||||
label: "Anos de Experiência",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projetos Concluídos", value: "500+"},
|
||||
label: "Projetos Concluídos",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Clientes Satisfeitos", value: "99%"},
|
||||
label: "Clientes Satisfeitos",
|
||||
value: "99%",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -129,7 +190,13 @@ export default function LandingPage() {
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Atendimento rápido e eficiente", "Orçamentos gratuitos e transparentes", "Serviço profissional e certificado", "Soluções seguras e personalizadas", "Experiência em instalações residenciais e comerciais", "Garantia de qualidade em todos os trabalhos"],
|
||||
"Atendimento rápido e eficiente",
|
||||
"Orçamentos gratuitos e transparentes",
|
||||
"Serviço profissional e certificado",
|
||||
"Soluções seguras e personalizadas",
|
||||
"Experiência em instalações residenciais e comerciais",
|
||||
"Garantia de qualidade em todos os trabalhos",
|
||||
],
|
||||
}}
|
||||
title="Porque Escolher a Proinstall"
|
||||
description="A nossa dedicação à excelência garante a sua segurança e satisfação em cada projeto elétrico."
|
||||
@@ -144,17 +211,47 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", price: "Preço a Consultar", name: "Instalações Elétricas Completas", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16060.jpg", imageAlt: "Instalações elétricas completas"},
|
||||
id: "p1",
|
||||
name: "Instalações Elétricas Completas",
|
||||
price: "Sob Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-16060.jpg",
|
||||
imageAlt: "Instalações elétricas completas",
|
||||
},
|
||||
{
|
||||
id: "p2", price: "Preço a Consultar", name: "Instalação de Carregadores EV", imageSrc: "http://img.b2bpic.net/free-photo/ev-charging-station-clean-energy-filling-technology-electric-car-charging_35913-2573.jpg", imageAlt: "Instalação de carregadores para veículos elétricos"},
|
||||
id: "p2",
|
||||
name: "Instalação de Carregadores EV",
|
||||
price: "Sob Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ev-charging-station-clean-energy-filling-technology-electric-car-charging_35913-2573.jpg",
|
||||
imageAlt: "Instalação de carregadores para veículos elétricos",
|
||||
},
|
||||
{
|
||||
id: "p3", price: "Preço a Consultar", name: "Reparações de Instalações Elétricas", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24805.jpg", imageAlt: "Reparações de instalações elétricas"},
|
||||
id: "p3",
|
||||
name: "Reparações de Instalações Elétricas",
|
||||
price: "Sob Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses_169016-24805.jpg",
|
||||
imageAlt: "Reparações de instalações elétricas",
|
||||
},
|
||||
{
|
||||
id: "p4", price: "Preço a Consultar", name: "Substituição e Upgrade de Quadros Elétricos", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67715.jpg", imageAlt: "Substituição e upgrade de quadros elétricos"},
|
||||
id: "p4",
|
||||
name: "Substituição e Upgrade de Quadros Elétricos",
|
||||
price: "Sob Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-uniform-working-switchboard-electricity_169016-67715.jpg",
|
||||
imageAlt: "Substituição e upgrade de quadros elétricos",
|
||||
},
|
||||
{
|
||||
id: "p5", price: "Preço a Consultar", name: "Instalação de Iluminação (Interior/Exterior)", imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001235.jpg", imageAlt: "Instalação de iluminação interior e exterior"},
|
||||
id: "p5",
|
||||
name: "Instalação de Iluminação (Interior/Exterior)",
|
||||
price: "Sob Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lonely-man-bus-station-city-night_23-2149001235.jpg",
|
||||
imageAlt: "Instalação de iluminação interior e exterior",
|
||||
},
|
||||
{
|
||||
id: "p6", price: "Preço a Consultar", name: "Diagnóstico e Manutenção Preventiva", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg", imageAlt: "Diagnóstico de avarias e manutenção preventiva"},
|
||||
id: "p6",
|
||||
name: "Diagnóstico e Manutenção Preventiva",
|
||||
price: "Sob Consulta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24821.jpg",
|
||||
imageAlt: "Diagnóstico de avarias e manutenção preventiva",
|
||||
},
|
||||
]}
|
||||
title="Os Nossos Serviços Elétricos"
|
||||
description="Soluções completas e inovadoras para todas as suas necessidades elétricas no Grande Porto."
|
||||
@@ -168,31 +265,73 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "João Mendes", role: "Gerente", company: "Constrói Mais", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg", imageAlt: "Foto de João Mendes"},
|
||||
id: "t1",
|
||||
name: "João Mendes",
|
||||
role: "Gerente",
|
||||
company: "Constrói Mais",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg",
|
||||
imageAlt: "Foto de João Mendes",
|
||||
},
|
||||
{
|
||||
id: "t2", name: "Ana Pinto", role: "Proprietária", company: "Café Central", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-florist_1098-13710.jpg", imageAlt: "Foto de Ana Pinto"},
|
||||
id: "t2",
|
||||
name: "Ana Pinto",
|
||||
role: "Proprietária",
|
||||
company: "Café Central",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-florist_1098-13710.jpg",
|
||||
imageAlt: "Foto de Ana Pinto",
|
||||
},
|
||||
{
|
||||
id: "t3", name: "Luís Cardoso", role: "Investidor Imobiliário", company: "Investe Porto", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg", imageAlt: "Foto de Luís Cardoso"},
|
||||
id: "t3",
|
||||
name: "Luís Cardoso",
|
||||
role: "Investidor Imobiliário",
|
||||
company: "Investe Porto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-person-casual-grey-hoodie-smiling_482257-122367.jpg",
|
||||
imageAlt: "Foto de Luís Cardoso",
|
||||
},
|
||||
{
|
||||
id: "t4", name: "Mariana Castro", role: "Chefe de Obra", company: "Renova Porto", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186144.jpg", imageAlt: "Foto de Mariana Castro"},
|
||||
id: "t4",
|
||||
name: "Mariana Castro",
|
||||
role: "Chefe de Obra",
|
||||
company: "Renova Porto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-videocall_23-2149186144.jpg",
|
||||
imageAlt: "Foto de Mariana Castro",
|
||||
},
|
||||
{
|
||||
id: "t5", name: "Ricardo Nogueira", role: "Cliente Particular", company: "Porto", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anxious-handsome-blonde-man-bites-lips-isolated-purple-wall_141793-66117.jpg", imageAlt: "Foto de Ricardo Nogueira"},
|
||||
id: "t5",
|
||||
name: "Ricardo Nogueira",
|
||||
role: "Cliente Particular",
|
||||
company: "Porto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anxious-handsome-blonde-man-bites-lips-isolated-purple-wall_141793-66117.jpg",
|
||||
imageAlt: "Foto de Ricardo Nogueira",
|
||||
},
|
||||
{
|
||||
id: "t6", name: "Vera Sousa", role: "Cliente Particular", company: "Vila Nova de Gaia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg", imageAlt: "Foto de Vera Sousa"},
|
||||
id: "t6",
|
||||
name: "Vera Sousa",
|
||||
role: "Cliente Particular",
|
||||
company: "Vila Nova de Gaia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
imageAlt: "Foto de Vera Sousa",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "★★★★★", label: "Média de Avaliações"},
|
||||
value: "★★★★★",
|
||||
label: "Média de Avaliações",
|
||||
},
|
||||
{
|
||||
value: "100%", label: "Garantia de Satisfação"},
|
||||
value: "100%",
|
||||
label: "Garantia de Satisfação",
|
||||
},
|
||||
{
|
||||
value: "500+", label: "Clientes Atendidos"},
|
||||
value: "500+",
|
||||
label: "Clientes Atendidos",
|
||||
},
|
||||
]}
|
||||
title="O Que os Nossos Clientes Dizem"
|
||||
description="A satisfação e a confiança dos nossos clientes são o reflexo da qualidade do nosso trabalho."
|
||||
@@ -204,7 +343,15 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Porto", "Vila Nova de Gaia", "Matosinhos", "Maia", "Gondomar", "Valongo", "Espinho", "Grande Porto"]}
|
||||
"Porto",
|
||||
"Vila Nova de Gaia",
|
||||
"Matosinhos",
|
||||
"Maia",
|
||||
"Gondomar",
|
||||
"Valongo",
|
||||
"Espinho",
|
||||
"Grande Porto",
|
||||
]}
|
||||
title="A Nossa Área de Atuação"
|
||||
description="Prestamos serviços elétricos em toda a região do Grande Porto, com deslocação rápida para assistência e emergências."
|
||||
showCard={true}
|
||||
@@ -215,15 +362,20 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Fale Connosco Agora"
|
||||
description="Precisa de um eletricista no Porto? Ligue-nos para 933 511 913, envie uma mensagem via WhatsApp, ou preencha o formulário abaixo para pedir um orçamento gratuito. Estamos na Rua de Domingos Sequeira, 4430-230 Porto."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ligar Agora", href: "tel:933511913"},
|
||||
text: "Ligar Agora",
|
||||
href: "tel:933511913",
|
||||
},
|
||||
{
|
||||
text: "Pedir Orçamento", href: "#"},
|
||||
text: "Pedir Orçamento",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -235,17 +387,23 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:933511913", ariaLabel: "Ligar para Proinstall"},
|
||||
href: "tel:933511913",
|
||||
ariaLabel: "Ligar para Proinstall",
|
||||
},
|
||||
{
|
||||
icon: MessageCircle,
|
||||
href: "https://wa.me/351933511913", ariaLabel: "WhatsApp Proinstall"},
|
||||
href: "https://wa.me/351933511913",
|
||||
ariaLabel: "WhatsApp Proinstall",
|
||||
},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:info@proinstall.pt", ariaLabel: "Email Proinstall"},
|
||||
href: "mailto:info@proinstall.pt",
|
||||
ariaLabel: "Email Proinstall",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user