134 lines
8.0 KiB
TypeScript
134 lines
8.0 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
|
|
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
|
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Wrench, Car, PackageCheck, Lightbulb, BatteryCharging, Gauge, Settings, Shield, Fuel, Zap, Search } from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="metallic"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Officina Meccatronica Control Garage"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Servizi", id: "/services" },
|
|
{ name: "Chi Siamo", id: "/about" },
|
|
{ name: "Lavori", id: "work" },
|
|
{ name: "Contatti", id: "contact" }
|
|
]}
|
|
button={{ text: "Contattaci", href: "#contact" }}
|
|
/>
|
|
<HeroPersonalLinks
|
|
title="I Nostri Servizi"
|
|
background={{ variant: "downward-rays-static" }}
|
|
linkCards={[
|
|
{ title: "Diagnostica Elettronica", description: "Rilevazione e risoluzione di guasti con strumenti all'avanguardia.", icon: Search, button: { text: "Dettagli" } },
|
|
{ title: "Riparazioni Meccaniche", description: "Interventi su motore, freni, sospensioni e trasmissione.", icon: Wrench, button: { text: "Dettagli" } },
|
|
{ title: "Manutenzione Ordinaria", description: "Tagliandi, cambio olio, filtri e controlli di routine.", icon: PackageCheck, button: { text: "Dettagli" } },
|
|
{ title: "Sistemi Elettrici/Elettronici", description: "Riparazione e configurazione di impianti elettrici e centraline.", icon: Lightbulb, button: { text: "Dettagli" } },
|
|
{ title: "Controllo Batteria e Impianto di Ricarica", description: "Verifica e sostituzione batterie, alternatori e motorini d'avviamento.", icon: BatteryCharging, button: { text: "Dettagli" } },
|
|
{ title: "Assetto Ruote e Pneumatici", description: "Convergenza, equilibratura e montaggio/sostituzione pneumatici.", icon: Car, button: { text: "Dettagli" } }
|
|
]}
|
|
/>
|
|
<FeatureCardTwentySeven
|
|
title="Dettaglio dei Servizi"
|
|
description="Ogni servizio è eseguito con la massima cura e attenzione, utilizzando solo ricambi di qualità."
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Diagnostica Computerizzata", descriptions: ["Identificazione precisa dei codici di errore e malfunzionamenti.", "Analisi approfondita dei parametri del veicolo.", "Utilizzo di software diagnostici specifici per ogni marca."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Computer diagnostics screen"
|
|
},
|
|
{
|
|
id: "feature-2", title: "Riparazione e Revisione Motori", descriptions: ["Interventi su motori benzina, diesel e ibridi.", "Sostituzione componenti usurate e revisioni complete.", "Miglioramento delle prestazioni e dell'efficienza."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfd8Bt61NuqIYNtcRWxjLKsYOg/uploaded-1780428951358-gnif02ip.jpg", imageAlt: "Car engine repair"
|
|
},
|
|
{
|
|
id: "feature-3", title: "Freni e Sospensioni", descriptions: ["Controllo e sostituzione di dischi, pastiglie e liquido freni.", "Manutenzione e riparazione di ammortizzatori e molle.", "Garanzia di sicurezza e comfort di guida."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Brake system components"
|
|
},
|
|
{
|
|
id: "feature-4", title: "Manutenzione Impianti A/C", descriptions: ["Ricarica e igienizzazione del sistema di climatizzazione.", "Controllo perdite e riparazione componenti.", "Miglioramento della qualità dell'aria nell'abitacolo."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Car A/C maintenance"
|
|
},
|
|
{
|
|
id: "feature-5", title: "Servizio Pneumatici", descriptions: ["Vendita e montaggio pneumatici delle migliori marche.", "Equilibratura e convergenza computerizzata.", "Riparazione forature e stoccaggio stagionale."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Tire service"
|
|
},
|
|
{
|
|
id: "feature-6", title: "Revisioni e Pre-Revisioni", descriptions: ["Preparazione completa del veicolo per la revisione periodica.", "Esecuzione della revisione presso centri autorizzati.", "Controllo di tutti i punti critici per superare l'esame."],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Car inspection"
|
|
}
|
|
]}
|
|
/>
|
|
<ContactSplitForm
|
|
title="Richiedi un Preventivo"
|
|
description="Compila il modulo per un preventivo personalizzato o per prenotare un appuntamento. Ti risponderemo al più presto."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Il tuo nome", required: true },
|
|
{ name: "email", type: "email", placeholder: "La tua email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Il tuo telefono" },
|
|
{ name: "car_model", type: "text", placeholder: "Marca e modello auto" }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Descrivi il problema o la richiesta...", rows: 5,
|
|
}}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfd8Bt61NuqIYNtcRWxjLKsYOg/uploaded-1780428951358-tx96m2wg.jpg"
|
|
imageAlt="Mechanic working on car"
|
|
buttonText="Invia Richiesta"
|
|
useInvertedBackground={false}
|
|
mediaPosition="right"
|
|
/>
|
|
<FooterBase
|
|
logoText="Officina Control Garage"
|
|
copyrightText="© 2026 | Officina Meccatronica Control Garage"
|
|
columns={[
|
|
{
|
|
title: "Officina", items: [
|
|
{ label: "Chi Siamo", href: "/about" },
|
|
{ label: "Servizi", href: "/services" },
|
|
{ label: "Lavori", href: "#work" },
|
|
{ label: "Contatti", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Servizi Principali", items: [
|
|
{ label: "Diagnostica Elettronica", href: "/services" },
|
|
{ label: "Riparazioni Meccaniche", href: "/services" },
|
|
{ label: "Manutenzione Periodica", href: "/services" },
|
|
{ label: "Elettronica Auto", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Seguici", items: [
|
|
{ label: "Facebook", href: "#" },
|
|
{ label: "Instagram", href: "#" },
|
|
{ label: "LinkedIn", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|