225 lines
16 KiB
TypeScript
225 lines
16 KiB
TypeScript
"use client"
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||
import { CheckCircle, Shield, Star, Zap } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="medium"
|
||
background="none"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingInline
|
||
brandName="Elettricista Pro"
|
||
navItems={[
|
||
{ name: "Servizi", id: "services" },
|
||
{ name: "Chi Siamo", id: "about" },
|
||
{ name: "Lavori", id: "gallery" },
|
||
{ name: "Contatti", id: "contact" }
|
||
]}
|
||
button={{ text: "Chiama Ora", href: "tel:+393401234567" }}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCarouselLogo
|
||
logoText="Elettricista a Milano – Interventi Rapidi e Sicuri 24/7"
|
||
description="Impianti elettrici, guasti urgenti e manutenzione con tecnici qualificati e certificati. Interveniamo subito per risolvere qualsiasi problema elettrico."
|
||
buttons={[
|
||
{ text: "Chiama Ora", href: "tel:+393401234567" },
|
||
{ text: "Richiedi Preventivo", href: "#contact" }
|
||
]}
|
||
slides={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5877.jpg", imageAlt: "Elettricista professionista al lavoro" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23786.jpg?_wi=1", imageAlt: "Installazione impianto elettrico moderno" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66834.jpg?_wi=1", imageAlt: "Pannello elettrico certificato" }
|
||
]}
|
||
autoplayDelay={5000}
|
||
showDimOverlay={true}
|
||
ariaLabel="Hero section - Electrician services"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
heading={[
|
||
{ type: "text", content: "Chi Siamo" },
|
||
{ type: "text", content: "Azienda locale con anni di esperienza nel settore elettrico. Lavoriamo con precisione e serietà per garantire sicurezza e qualità in ogni intervento. I nostri tecnici sono qualificati, certificati e sempre pronti a risolvere il tuo problema elettrico in tempi brevi." }
|
||
]}
|
||
useInvertedBackground={true}
|
||
ariaLabel="About us section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardOne
|
||
title="I Nostri Servizi Principali"
|
||
description="Offriamo una gamma completa di servizi elettrici per residenziale e commerciale."
|
||
tag="Servizi Professionali"
|
||
tagIcon={Zap}
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
gridVariant="three-columns-all-equal-width"
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
title: "Pronto Intervento Elettrico", description: "Interveniamo rapidamente su guasti, cortocircuiti e problemi urgenti. Disponibili 24/7 per situazioni critiche.", imageSrc: "http://img.b2bpic.net/free-photo/funny-electrician-installing-plug-with-screwdriver-carrying-mouth_23-2148087654.jpg?_wi=1", imageAlt: "Riparazione guasti elettrici"
|
||
},
|
||
{
|
||
title: "Installazione Impianti Elettrici", description: "Impianti nuovi, ristrutturazioni e aggiornamenti con certificazione. Lavoro conforme alle normative di sicurezza.", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23786.jpg?_wi=2", imageAlt: "Installazione impianto elettrico"
|
||
},
|
||
{
|
||
title: "Certificazione Impianti", description: "Certificazioni di sicurezza e conformità. Documenti ufficiali e garantiti per la tua tranquillità.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66834.jpg?_wi=2", imageAlt: "Certificazione pannello elettrico"
|
||
},
|
||
{
|
||
title: "Illuminazione Interna ed Esterna", description: "Installazione di sistemi di illuminazione moderni, LED e decorativi per ogni ambiente.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394271.jpg", imageAlt: "Installazione illuminazione moderna"
|
||
},
|
||
{
|
||
title: "Automazioni e Impianti Smart", description: "Cancelli automatici, citofoni, sistemi di domotica e automazioni per la tua casa.", imageSrc: "http://img.b2bpic.net/free-photo/person-looking-mobile-phone-with-lighting-controlling-app-sitting-kitchen-house-with-automation-light-system-turning-bulb-using-voice-command_482257-2272.jpg", imageAlt: "Automazione cancelli e citofoni"
|
||
},
|
||
{
|
||
title: "Manutenzione Impianti", description: "Controlli periodici, manutenzione preventiva e ispezioni di sicurezza dell'impianto.", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-electrical-panel-male-electrician-overalls_169016-67232.jpg", imageAlt: "Manutenzione impianto elettrico"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="process" data-section="process">
|
||
<FeatureCardNine
|
||
title="Come Funziona"
|
||
description="Un processo semplice e trasparente per risolvere il tuo problema elettrico."
|
||
tag="Procedura Semplice"
|
||
tagIcon={CheckCircle}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
showStepNumbers={true}
|
||
features={[
|
||
{
|
||
id: 1,
|
||
title: "Contatto", description: "Chiama o invia messaggio WhatsApp con la descrizione del problema. Rispondiamo subito per capire la tua esigenza.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg?_wi=1", imageAlt: "Contatta il servizio" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12782.jpg?_wi=2", imageAlt: "Comunicazione veloce" }
|
||
},
|
||
{
|
||
id: 2,
|
||
title: "Analisi del Problema", description: "Il nostro tecnico si reca da te per analizzare il guasto o l'esigenza. Forniamo stima tempistica e preventivo trasparente.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-getting-rid-hvac-system-dirt_482257-91994.jpg?_wi=1", imageAlt: "Analisi professionale" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-getting-rid-hvac-system-dirt_482257-91994.jpg?_wi=2", imageAlt: "Diagnosi del problema" }
|
||
},
|
||
{
|
||
id: 3,
|
||
title: "Intervento Rapido", description: "Eseguiamo il lavoro con precisione e cura. Utilizziamo materiali di qualità e rispettiamo le norme di sicurezza.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5071.jpg?_wi=1", imageAlt: "Intervento professionale" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/interior-shot-luxurious-house-dining-room_181624-10412.jpg", imageAlt: "Lavoro di qualità" }
|
||
},
|
||
{
|
||
id: 4,
|
||
title: "Risoluzione Garantita", description: "Dopo l'intervento, testiamo tutto per assicurare il corretto funzionamento. Forniamo garanzia e documentazione completa.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66834.jpg?_wi=3", imageAlt: "Controllo finale" },
|
||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17800.jpg", imageAlt: "Risultato garantito" }
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="why-choose" data-section="why-choose">
|
||
<FeatureCardMedia
|
||
title="Perché Sceglierci"
|
||
description="Siamo il partner affidabile per tutti i tuoi bisogni elettrici."
|
||
tag="Vantaggi Competitivi"
|
||
tagIcon={Shield}
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
features={[
|
||
{
|
||
id: "1", title: "Intervento Rapido Entro 24h", description: "Non lasciamo mai un cliente senza soluzione. Garantiamo intervento entro 24 ore anche in emergenza.", tag: "Velocità", imageSrc: "http://img.b2bpic.net/free-photo/funny-electrician-installing-plug-with-screwdriver-carrying-mouth_23-2148087654.jpg?_wi=2", imageAlt: "Intervento rapido"
|
||
},
|
||
{
|
||
id: "2", title: "Tecnici Qualificati e Certificati", description: "Tutti i nostri tecnici hanno qualifiche professionali, certificazioni e anni di esperienza nel settore.", tag: "Competenza", imageSrc: "http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11325.jpg", imageAlt: "Tecnici professionali"
|
||
},
|
||
{
|
||
id: "3", title: "Preventivi Chiari e Trasparenti", description: "Nessuna sorpresa. Ti comunichiamo il costo prima di iniziare il lavoro con totale trasparenza.", tag: "Trasparenza", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5071.jpg?_wi=2", imageAlt: "Preventivo trasparente"
|
||
},
|
||
{
|
||
id: "4", title: "Materiali di Qualità", description: "Utilizziamo solo componenti e materiali certificati di prima qualità per garantire durabilità e sicurezza.", tag: "Qualità", imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-technician-working-switchboard-with-fuses-uses-tablet_169016-23786.jpg?_wi=3", imageAlt: "Materiali certificati"
|
||
},
|
||
{
|
||
id: "5", title: "Disponibilità Weekend e Festivi", description: "Il tuo problema non aspetta. Siamo disponibili anche nei weekend e giorni festivi per le emergenze.", tag: "Disponibilità", imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-55713.jpg", imageAlt: "Disponibilità 24/7"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
title="Oltre 100 Clienti Soddisfatti"
|
||
description="Leggi le recensioni di chi ha scelto di affidarsi a noi."
|
||
tag="Fiducia e Affidabilità"
|
||
tagIcon={Star}
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Marco Rossi", date: "2 settimane fa", title: "Intervento velocissimo", quote: "Intervento velocissimo, problema risolto in meno di un'ora. Professionali e precisi, consigliatissimi a tutti.", tag: "⭐⭐⭐⭐⭐ 5/5", avatarSrc: "http://img.b2bpic.net/free-photo/successful-young-businessman-formal-outfit-using-tablet_181624-27455.jpg", avatarAlt: "Marco Rossi"
|
||
},
|
||
{
|
||
id: "2", name: "Giulia Ferri", date: "1 mese fa", title: "Professionali e precisi", quote: "Finalmente un elettricista affidabile e puntuale. Hanno risolto tutto in modo ordinato e professionale. Tornerò sicuramente.", tag: "⭐⭐⭐⭐⭐ 5/5", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5055.jpg", avatarAlt: "Giulia Ferri"
|
||
},
|
||
{
|
||
id: "3", name: "Andrea Colombo", date: "3 settimane fa", title: "Affidabili e trasparenti", quote: "Preventivo trasparente, nessuna sorpresa. Lavoro ben fatto e materiali di qualità. Consiglio vivamente per qualsiasi problema elettrico.", tag: "⭐⭐⭐⭐⭐ 5/5", avatarSrc: "http://img.b2bpic.net/free-photo/carefree-african-american-businesswoman-showing-tongue-having-fun_176420-26990.jpg", avatarAlt: "Andrea Colombo"
|
||
},
|
||
{
|
||
id: "4", name: "Francesca Bianchi", date: "1 settimana fa", title: "Disponibili anche la domenica", quote: "Emergenza domenica sera, loro disponibili e intervenuti subito. Risolvono i problemi quando veramente ne hai bisogno.", tag: "⭐⭐⭐⭐⭐ 5/5", avatarSrc: "http://img.b2bpic.net/free-photo/view-female-school-teacher_23-2151110050.jpg", avatarAlt: "Francesca Bianchi"
|
||
}
|
||
]}
|
||
ariaLabel="Testimonials section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Hai un Guasto Elettrico Urgente?"
|
||
description="Interveniamo rapidamente per risolvere cortocircuiti, blackout e problemi pericolosi. Contattaci subito – siamo disponibili 24/7."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Nome completo", required: true },
|
||
{ name: "phone", type: "tel", placeholder: "Numero di telefono", required: true },
|
||
{ name: "email", type: "email", placeholder: "Indirizzo email", required: true }
|
||
]}
|
||
textarea={{ name: "message", placeholder: "Descrivi il tuo problema elettrico...", rows: 5, required: true }}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/electrician-man-overalls-works-switchboard-portrait-electrician-overalls_169016-66834.jpg?_wi=4"
|
||
imageAlt="Contattaci per l'intervento"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
buttonText="Richiedi Intervento"
|
||
ariaLabel="Contact form section"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="Elettricista Pro"
|
||
copyrightText="© 2025 Elettricista Pro – Tutti i diritti riservati"
|
||
socialLinks={[]}
|
||
ariaLabel="Site footer"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
} |