Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b4ceb503d9 | |||
| f4f5946a2b | |||
| 5707c2a0f9 | |||
| fddbf69460 |
302
src/app/page.tsx
302
src/app/page.tsx
@@ -11,9 +11,22 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import CardStack from '@/components/cardStack/CardStack';
|
||||
import { Award, CheckCircle, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const galleryImages = [
|
||||
{ src: "http://img.b2bpic.net/free-photo/electrician-working-apartment_23-2147783935.jpg", alt: "Electrician working on wiring" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/solar-panels-power-plant_23-2148152346.jpg", alt: "Large scale solar power installation" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-pendant-lights-kitchen_23-2147779268.jpg", alt: "Modern kitchen with stylish pendant lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/electrician-installation-electrical-wiring_23-2147785535.jpg", alt: "Electrical wiring being installed in a wall" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-installing-electric-socket-wall_23-2147785537.jpg", alt: "Worker installing an electric socket" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-led-light_23-2147779270.jpg", alt: "Close-up of a modern LED light fixture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/worker-hand-working-switch-board_23-2147785541.jpg", alt: "Technician's hand working on a switchboard" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/solar-energy-concept-with-panel_23-2147779255.jpg", alt: "Solar energy panel with a conceptual background" },
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -32,29 +45,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Chi Siamo", id: "#about"},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Servizi", id: "#features"},
|
||||
{
|
||||
name: "Testimonianze",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Portfolio", id: "#gallery"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Testimonianze", id: "#testimonials"},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contatti", id: "#contact"},
|
||||
]}
|
||||
brandName="Zeta Elettroimpianti"
|
||||
/>
|
||||
@@ -63,51 +66,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Zeta Elettroimpianti: La Tua Scelta per Impianti Elettrici Affidabili"
|
||||
description="Oltre vent'anni di esperienza nell'installazione, manutenzione e adeguamento di impianti elettrici civili, illuminazione e soluzioni fotovoltaiche a Porcia (PN)."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri i Nostri Servizi",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Scopri i Nostri Servizi", href: "#features"},
|
||||
{
|
||||
text: "Richiedi un Preventivo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Richiedi un Preventivo", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-drafts_23-2147785539.jpg",
|
||||
imageAlt: "Tecnico che lavora su un quadro elettrico",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-construction-drafts_23-2147785539.jpg", imageAlt: "Tecnico che lavora su un quadro elettrico"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-holding-tablet-check-solar-roof_609648-2148.jpg",
|
||||
imageAlt: "Impianto fotovoltaico su tetto",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-holding-tablet-check-solar-roof_609648-2148.jpg", imageAlt: "Impianto fotovoltaico su tetto"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-2835.jpg",
|
||||
imageAlt: "Illuminazione moderna di interni",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/modern-pendant-lights-kitchen_23-2147779268.jpg", imageAlt: "Illuminazione moderna di interni"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23924.jpg",
|
||||
imageAlt: "Manutenzione elettrica su cavi",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/electrical-technician-looking-focused-while-working-switchboard-with-fuses_169016-23924.jpg", imageAlt: "Manutenzione elettrica su cavi"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-network-engineer-with-ethernet-wires-medium-shot_23-2148323470.jpg",
|
||||
imageAlt: "Schema di impianto elettrico in cantiere",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/electrician-installation-electrical-wiring_23-2147785535.jpg", imageAlt: "Schema di impianto elettrico in cantiere"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-stairs-surrounded-by-trees_181624-56995.jpg",
|
||||
imageAlt: "Illuminazione esterna di sicurezza",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/worker-installing-electric-socket-wall_23-2147785537.jpg", imageAlt: "Illuminazione esterna di sicurezza"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -115,27 +95,13 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
title="La Nostra Storia: Esperienza e Dedizione dal 2002"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Anni di Attività",
|
||||
value: "Oltre 20",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Interventi Eseguiti",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Clienti Soddisfatti",
|
||||
value: "100%",
|
||||
},
|
||||
heading={[
|
||||
{ type: 'text', content: 'La Nostra Storia: '},
|
||||
{ type: 'text', content: 'Esperienza e Dedizione dal 2002'}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
ariaLabel="Sezione Chi Siamo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,50 +112,41 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "servizi-1",
|
||||
title: "Impianti Elettrici Civili",
|
||||
author: "Zeta Elettroimpianti",
|
||||
description: "Installazione, manutenzione e adeguamento di impianti elettrici per abitazioni, condomini e uffici, garantendo sicurezza e conformità.",
|
||||
tags: [
|
||||
"Installazione",
|
||||
"Manutenzione",
|
||||
"Adeguamento",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-architectural-objects_23-2148540075.jpg",
|
||||
imageAlt: "Schema di un impianto elettrico residenziale",
|
||||
},
|
||||
id: "servizi-1", title: "Impianti Elettrici Civili", author: "Zeta Elettroimpianti", description: "Installazione, manutenzione e adeguamento di impianti elettrici per abitazioni, condomini e uffici, garantendo sicurezza e conformità.", tags: [
|
||||
"Installazione", "Manutenzione", "Adeguamento"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-hand-working-switch-board_23-2147785541.jpg", imageAlt: "Schema di un impianto elettrico residenziale"},
|
||||
{
|
||||
id: "servizi-2",
|
||||
title: "Soluzioni di Illuminazione",
|
||||
author: "Zeta Elettroimpianti",
|
||||
description: "Progettazione e installazione di sistemi di illuminazione interni ed esterni, per creare atmosfere uniche e funzionali con efficienza energetica.",
|
||||
tags: [
|
||||
"Design",
|
||||
"Installazione",
|
||||
"Efficienza",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-lighting-decor-filtered-image-processed-vintage-effect_1232-2766.jpg",
|
||||
imageAlt: "Moderne luci a LED in un ambiente interno",
|
||||
},
|
||||
id: "servizi-2", title: "Soluzioni di Illuminazione", author: "Zeta Elettroimpianti", description: "Progettazione e installazione di sistemi di illuminazione interni ed esterni, per creare atmosfere uniche e funzionali con efficienza energetica.", tags: [
|
||||
"Design", "Installazione", "Efficienza"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-led-light_23-2147779270.jpg", imageAlt: "Moderne luci a LED in un ambiente interno"},
|
||||
{
|
||||
id: "servizi-3",
|
||||
title: "Impianti Fotovoltaici",
|
||||
author: "Zeta Elettroimpianti",
|
||||
description: "Realizzazione e manutenzione di impianti fotovoltaici per la produzione di energia pulita, ottimizzando il risparmio e l'autonomia energetica.",
|
||||
tags: [
|
||||
"Fotovoltaico",
|
||||
"Rinnovabili",
|
||||
"Risparmio",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-powered-home_23-2151951213.jpg",
|
||||
imageAlt: "Pannelli solari su un tetto residenziale",
|
||||
},
|
||||
id: "servizi-3", title: "Impianti Fotovoltaici", author: "Zeta Elettroimpianti", description: "Realizzazione e manutenzione di impianti fotovoltaici per la produzione di energia pulita, ottimizzando il risparmio e l'autonomia energetica.", tags: [
|
||||
"Fotovoltaico", "Rinnovabili", "Risparmio"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-roof_23-2148152345.jpg", imageAlt: "Pannelli solari su un tetto residenziale"},
|
||||
]}
|
||||
title="Servizi Elettrici Completi per Ogni Esigenza"
|
||||
description="Offriamo soluzioni su misura per impianti elettrici civili, illuminazione e fotovoltaici, garantendo sicurezza, efficienza e innovazione in ogni intervento."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<CardStack
|
||||
animationType="slide-up"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
title="Il Nostro Portfolio"
|
||||
description="Esplora i nostri progetti completati e lasciati ispirare dalla qualità del nostro lavoro."
|
||||
useInvertedBackground={true}
|
||||
ariaLabel="Galleria di lavori"
|
||||
textboxLayout="default"
|
||||
>
|
||||
{galleryImages.map((img, index) => (
|
||||
<div key={index} className="relative aspect-video w-full overflow-hidden rounded-lg">
|
||||
<img src={img.src} alt={img.alt} className="absolute inset-0 h-full w-full object-cover" />
|
||||
</div>
|
||||
))}
|
||||
</CardStack>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
@@ -197,31 +154,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric-1",
|
||||
value: "2002",
|
||||
title: "Anno di Iscrizione",
|
||||
items: [
|
||||
"Fondata da Alessandro Zampirollo",
|
||||
"Esperienza pluriennale",
|
||||
],
|
||||
id: "metric-1", value: "2002", title: "Anno di Iscrizione", items: [
|
||||
"Fondata da Alessandro Zampirollo", "Esperienza pluriennale"],
|
||||
},
|
||||
{
|
||||
id: "metric-2",
|
||||
value: "100%",
|
||||
title: "Affidabilità Clienti",
|
||||
items: [
|
||||
"Recensioni positive",
|
||||
"Qualità garantita",
|
||||
],
|
||||
id: "metric-2", value: "100%", title: "Affidabilità Clienti", items: [
|
||||
"Recensioni positive", "Qualità garantita"],
|
||||
},
|
||||
{
|
||||
id: "metric-3",
|
||||
value: "24/7",
|
||||
title: "Assistenza Tecnica",
|
||||
items: [
|
||||
"Disponibilità rapida",
|
||||
"Interventi puntuali",
|
||||
],
|
||||
id: "metric-3", value: "24/7", title: "Assistenza Tecnica", items: [
|
||||
"Disponibilità rapida", "Interventi puntuali"],
|
||||
},
|
||||
]}
|
||||
title="L'Eccellenza in Numeri"
|
||||
@@ -234,35 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sig.ra Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-old-man-striped-tshirt_176420-31847.jpg",
|
||||
imageAlt: "Ritratto di Sig.ra Rossi",
|
||||
},
|
||||
id: "1", name: "Sig.ra Rossi", imageSrc: "http://img.b2bpic.net/free-photo/bearded-old-man-striped-tshirt_176420-31847.jpg", imageAlt: "Ritratto di Sig.ra Rossi"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Arch. Bianchi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-19912.jpg",
|
||||
imageAlt: "Ritratto di Arch. Bianchi",
|
||||
},
|
||||
id: "2", name: "Arch. Bianchi", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-19912.jpg", imageAlt: "Ritratto di Arch. Bianchi"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ing. Verdi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-adults-studying-together_23-2150331655.jpg",
|
||||
imageAlt: "Ritratto di Ing. Verdi",
|
||||
},
|
||||
id: "3", name: "Ing. Verdi", imageSrc: "http://img.b2bpic.net/free-photo/front-view-adults-studying-together_23-2150331655.jpg", imageAlt: "Ritratto di Ing. Verdi"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sig.ra Neri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-caucasian-business-woman-sitting-chair-smiling-camera_197531-32293.jpg",
|
||||
imageAlt: "Ritratto di Sig.ra Neri",
|
||||
},
|
||||
id: "4", name: "Sig.ra Neri", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-caucasian-business-woman-sitting-chair-smiling-camera_197531-32293.jpg", imageAlt: "Ritratto di Sig.ra Neri"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Famiglia Gialli",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-with-paintbrush-their-new-home_23-2149086847.jpg",
|
||||
imageAlt: "Ritratto di Famiglia Gialli",
|
||||
},
|
||||
id: "5", name: "Famiglia Gialli", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-with-paintbrush-their-new-home_23-2149086847.jpg", imageAlt: "Ritratto di Famiglia Gialli"},
|
||||
]}
|
||||
cardTitle="Dicono di Noi"
|
||||
cardTag="La Voce dei Nostri Clienti"
|
||||
@@ -276,25 +198,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Quali aree geografiche coprite?",
|
||||
content: "Operiamo principalmente a Porcia, Pordenone e nelle zone limitrofe del Friuli-Venezia Giulia, garantendo interventi rapidi e professionali.",
|
||||
},
|
||||
id: "faq-1", title: "Quali aree geografiche coprite?", content: "Operiamo principalmente a Porcia, Pordenone e nelle zone limitrofe del Friuli-Venezia Giulia, garantendo interventi rapidi e professionali."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Offrite sopralluoghi e preventivi gratuiti?",
|
||||
content: "Sì, offriamo sopralluoghi per valutare le tue esigenze e forniamo preventivi dettagliati e senza impegno per tutti i nostri servizi.",
|
||||
},
|
||||
id: "faq-2", title: "Offrite sopralluoghi e preventivi gratuiti?", content: "Sì, offriamo sopralluoghi per valutare le tue esigenze e forniamo preventivi dettagliati e senza impegno per tutti i nostri servizi."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Gestite anche piccoli guasti domestici?",
|
||||
content: "Assolutamente sì. Oltre ai grandi progetti, offriamo assistenza tecnica e interventi per piccoli guasti elettrici domestici, garantendo sempre la massima cura e professionalità.",
|
||||
},
|
||||
id: "faq-3", title: "Gestite anche piccoli guasti domestici?", content: "Assolutamente sì. Oltre ai grandi progetti, offriamo assistenza tecnica e interventi per piccoli guasti elettrici domestici, garantendo sempre la massima cura e professionalità."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Quanto tempo impiegate per un intervento?",
|
||||
content: "La rapidità degli interventi è uno dei nostri punti di forza. Cerchiamo sempre di rispondere alle chiamate con la massima urgenza, specialmente in caso di emergenze.",
|
||||
},
|
||||
id: "faq-4", title: "Quanto tempo impiegate per un intervento?", content: "La rapidità degli interventi è uno dei nostri punti di forza. Cerchiamo sempre di rispondere alle chiamate con la massima urgenza, specialmente in caso di emergenze."},
|
||||
]}
|
||||
title="Domande Frequenti"
|
||||
description="Risposte rapide alle tue domande più comuni sui nostri servizi e interventi elettrici."
|
||||
@@ -306,16 +216,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contattaci Ora"
|
||||
title="Richiedi un Preventivo o un Intervento"
|
||||
description="Siamo a tua disposizione per qualsiasi esigenza o emergenza elettrica. Chiamaci o invia una richiesta tramite il nostro form online."
|
||||
buttons={[
|
||||
{
|
||||
text: "Richiedi Informazioni",
|
||||
href: "mailto:info@zetaelettroimpianti.it",
|
||||
},
|
||||
text: "Richiedi Informazioni", href: "mailto:info@zetaelettroimpianti.it"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -324,58 +231,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Servizi",
|
||||
items: [
|
||||
title: "Servizi", items: [
|
||||
{
|
||||
label: "Impianti Civili",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Impianti Civili", href: "#features"},
|
||||
{
|
||||
label: "Illuminazione",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Illuminazione", href: "#features"},
|
||||
{
|
||||
label: "Fotovoltaico",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Fotovoltaico", href: "#features"},
|
||||
{
|
||||
label: "Manutenzione",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Manutenzione", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Azienda",
|
||||
items: [
|
||||
title: "Azienda", items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Chi Siamo", href: "#about"},
|
||||
{
|
||||
label: "Testimonianze",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Portfolio", href: "#gallery"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "Testimonianze", href: "#testimonials"},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contatti", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legale",
|
||||
items: [
|
||||
title: "Legale", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Termini di Servizio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termini di Servizio", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user