251 lines
14 KiB
TypeScript
251 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, CheckCircle, Mail, MessageCircle, Phone, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Sobre Nós", id: "#about"},
|
|
{
|
|
name: "Serviços", id: "#services"},
|
|
{
|
|
name: "Porque Escolher", id: "#why-choose"},
|
|
{
|
|
name: "Avaliações", id: "#testimonials"},
|
|
{
|
|
name: "Área de Atuação", id: "#service-area"},
|
|
{
|
|
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"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlayTestimonial
|
|
title="Eletricista Certificado - Porto"
|
|
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: "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: "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"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Pedir Orçamento Gratuito", href: "#contact"},
|
|
{
|
|
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"
|
|
showBlur={true}
|
|
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-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/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"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="Especialistas em Instalações e Reparações Elétricas"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Anos de Experiência", value: "15+"},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Projetos Concluídos", value: "500+"},
|
|
{
|
|
icon: Smile,
|
|
label: "Clientes Satisfeitos", value: "99%"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<FeatureCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
negativeCard={{
|
|
items: [],
|
|
}}
|
|
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"],
|
|
}}
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
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: "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: "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: "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: "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: "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"},
|
|
]}
|
|
title="Os Nossos Serviços Elétricos"
|
|
description="Soluções completas e inovadoras para todas as suas necessidades elétricas no Grande Porto."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
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: "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: "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: "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: "100%", label: "Garantia de Satisfação"},
|
|
{
|
|
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."
|
|
/>
|
|
</div>
|
|
|
|
<div id="service-area" data-section="service-area">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"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}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
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: "Pedir Orçamento", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Proinstall Instalação Elétrica"
|
|
copyrightText="© 2024 Proinstall. Todos os direitos reservados."
|
|
socialLinks={[
|
|
{
|
|
icon: Phone,
|
|
href: "tel:933511913", ariaLabel: "Ligar para Proinstall"},
|
|
{
|
|
icon: MessageCircle,
|
|
href: "https://wa.me/351933511913", ariaLabel: "WhatsApp Proinstall"},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@proinstall.pt", ariaLabel: "Email Proinstall"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |