Update src/app/page.tsx
This commit is contained in:
275
src/app/page.tsx
275
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Chi Siamo",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Chi Siamo", id: "#about"},
|
||||
{
|
||||
name: "Servizi",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Servizi", id: "#services"},
|
||||
{
|
||||
name: "Vantaggi",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Vantaggi", id: "#metrics"},
|
||||
{
|
||||
name: "Recensioni",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Recensioni", id: "#testimonials"},
|
||||
{
|
||||
name: "Contatti",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contatti", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Prenota Appuntamento",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Prenota Appuntamento", href: "#contact"}}
|
||||
brandName="Control Garage"
|
||||
/>
|
||||
</div>
|
||||
@@ -69,73 +55,39 @@ export default function LandingPage() {
|
||||
description="Specialisti in elettronica avanzata e ottimizzazione, risolviamo le sfide più complesse per proprietari esigenti e appassionati di performance."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marco Rossi",
|
||||
handle: "@marcorossi_auto",
|
||||
testimonial: "Consigliatissimo! Lavoro effettuato in meno di mezz'ora con un costo onesto e un'eccellente professionalità.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",
|
||||
},
|
||||
name: "Marco Rossi", handle: "@marcorossi_auto", testimonial: "Consigliatissimo! Lavoro effettuato in meno di mezz'ora con un costo onesto e un'eccellente professionalità.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg"},
|
||||
{
|
||||
name: "Laura Bianchi",
|
||||
handle: "@laurabianchi_mercedes",
|
||||
testimonial: "Finalmente un'officina che capisce l'elettronica moderna. La mia Mercedes vola come mai prima!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
},
|
||||
name: "Laura Bianchi", handle: "@laurabianchi_mercedes", testimonial: "Finalmente un'officina che capisce l'elettronica moderna. La mia Mercedes vola come mai prima!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg"},
|
||||
{
|
||||
name: "Giovanni Verdi",
|
||||
handle: "@giovanniverdi_race",
|
||||
testimonial: "Servizio impeccabile e trasparente. Diagnosi precisa e risoluzione rapida, un vero punto di riferimento a Forlì.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-against-backdrop-vintage-car_1321-3460.jpg",
|
||||
},
|
||||
name: "Giovanni Verdi", handle: "@giovanniverdi_race", testimonial: "Servizio impeccabile e trasparente. Diagnosi precisa e risoluzione rapida, un vero punto di riferimento a Forlì.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-against-backdrop-vintage-car_1321-3460.jpg"},
|
||||
{
|
||||
name: "Anna Neri",
|
||||
handle: "@annaneri_alfa",
|
||||
testimonial: "Ho portato la mia Alfa Romeo per un problema di calibrazione che nessuno riusciva a risolvere. Control Garage ha fatto magia!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg",
|
||||
},
|
||||
name: "Anna Neri", handle: "@annaneri_alfa", testimonial: "Ho portato la mia Alfa Romeo per un problema di calibrazione che nessuno riusciva a risolvere. Control Garage ha fatto magia!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-working_23-2149908159.jpg"},
|
||||
{
|
||||
name: "Luca Gialli",
|
||||
handle: "@lucagialli_tuning",
|
||||
testimonial: "Per gli appassionati di tuning è un must. Hanno trasformato la mia auto da drag race in una vera bestia da pista.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020024.jpg",
|
||||
},
|
||||
name: "Luca Gialli", handle: "@lucagialli_tuning", testimonial: "Per gli appassionati di tuning è un must. Hanno trasformato la mia auto da drag race in una vera bestia da pista.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020024.jpg"},
|
||||
]}
|
||||
tag="Eccellenza Meccatronica"
|
||||
buttons={[
|
||||
{
|
||||
text: "Richiedi Preventivo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Richiedi Preventivo", href: "#contact"},
|
||||
{
|
||||
text: "Scopri i Servizi",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Scopri i Servizi", href: "#services"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg",
|
||||
alt: "Marco Rossi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg", alt: "Marco Rossi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-intern-starting-her-career_1262-17047.jpg",
|
||||
alt: "Laura Bianchi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-intern-starting-her-career_1262-17047.jpg", alt: "Laura Bianchi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-sexy-tattooed-male-using-his-phone-leaning-his-car_181624-50662.jpg",
|
||||
alt: "Giovanni Verdi",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-shot-sexy-tattooed-male-using-his-phone-leaning-his-car_181624-50662.jpg", alt: "Giovanni Verdi"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-having-fun-winter-roadtrip_23-2149314879.jpg",
|
||||
alt: "Anna Neri",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adult-having-fun-winter-roadtrip_23-2149314879.jpg", alt: "Anna Neri"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/plant-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-174.jpg",
|
||||
alt: "Luca Gialli",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/plant-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-174.jpg", alt: "Luca Gialli"},
|
||||
]}
|
||||
avatarText="Affidati a chi ha già scelto l'eccellenza."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plant-production-cars-modern-automotive-industry-electric-car-factory-conveyor_645730-174.jpg"
|
||||
@@ -153,9 +105,7 @@ export default function LandingPage() {
|
||||
tag="La Nostra Missione"
|
||||
buttons={[
|
||||
{
|
||||
text: "Scopri di Più",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Scopri di Più", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vehicle-mechanic-with-diagnostic-tool-laptop-working-truck-workshop_342744-1342.jpg"
|
||||
imageAlt="Tecnico che esegue diagnosi elettronica su un'auto"
|
||||
@@ -170,37 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Elettronica & Centraline",
|
||||
description: "Ricalibrazione, Rimappatura e Sblocco ECU per massimizzare le prestazioni e l'efficienza.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-hacker-with-glowing-lightbulb_23-2151997029.jpg",
|
||||
imageAlt: "Scheda elettronica ECU",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/interior-direction-speed-panel-car_114579-4067.jpg",
|
||||
buttonText: "Dettagli",
|
||||
},
|
||||
title: "Elettronica & Centraline", description: "Ricalibrazione, Rimappatura e Sblocco ECU per massimizzare le prestazioni e l'efficienza.", imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-hacker-with-glowing-lightbulb_23-2151997029.jpg", imageAlt: "Scheda elettronica ECU", titleImageSrc: "http://img.b2bpic.net/free-photo/interior-direction-speed-panel-car_114579-4067.jpg", buttonText: "Dettagli"},
|
||||
{
|
||||
title: "Sistemi di Scarico e Antinquinamento",
|
||||
description: "Ripristino e manutenzione di FAP/DPF ed EGR per un'auto più pulita e performante.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-connecting-engine-wiring_23-2148254109.jpg",
|
||||
imageAlt: "Filtro FAP / DPF",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg",
|
||||
buttonText: "Dettagli",
|
||||
},
|
||||
title: "Sistemi di Scarico e Antinquinamento", description: "Ripristino e manutenzione di FAP/DPF ed EGR per un'auto più pulita e performante.", imageSrc: "http://img.b2bpic.net/free-photo/man-connecting-engine-wiring_23-2148254109.jpg", imageAlt: "Filtro FAP / DPF", titleImageSrc: "http://img.b2bpic.net/free-photo/ribbed-glass-background-with-abstract-waves-glossy-gradient-textures-black-white_474888-8026.jpg", buttonText: "Dettagli"},
|
||||
{
|
||||
title: "Riparazioni Meccaniche Generali",
|
||||
description: "Diagnosi computerizzata e interventi meccanici di precisione su auto di ogni marca e modello.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg",
|
||||
imageAlt: "Motore di un'auto",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg",
|
||||
buttonText: "Dettagli",
|
||||
},
|
||||
title: "Riparazioni Meccaniche Generali", description: "Diagnosi computerizzata e interventi meccanici di precisione su auto di ogni marca e modello.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-tools_23-2147624704.jpg", imageAlt: "Motore di un'auto", titleImageSrc: "http://img.b2bpic.net/free-photo/coworkers-car-service-using-professional-mechanical-tool-repair-broken-engine-efficient-workers-garage-repairing-client-automobile-ensuring-optimal-automotive-performance-close-up_482257-73057.jpg", buttonText: "Dettagli"},
|
||||
{
|
||||
title: "Performance & Racing",
|
||||
description: "Elaborazioni dedicate a veicoli da drag race e installazione di sistemi di iniezione e sovralimentazione.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg",
|
||||
imageAlt: "Turbocompressore ad alte prestazioni",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-box_23-2150545658.jpg",
|
||||
buttonText: "Dettagli",
|
||||
},
|
||||
title: "Performance & Racing", description: "Elaborazioni dedicate a veicoli da drag race e installazione di sistemi di iniezione e sovralimentazione.", imageSrc: "http://img.b2bpic.net/free-photo/electric-car-fuel-socket_107420-94938.jpg", imageAlt: "Turbocompressore ad alte prestazioni", titleImageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-box_23-2150545658.jpg", buttonText: "Dettagli"},
|
||||
]}
|
||||
title="Soluzioni Specializzate per Ogni Esigenza Automobilistica."
|
||||
description="Dal ripristino del FAP all'elaborazione per il racing, offriamo un ventaglio di interventi altamente tecnici e personalizzati."
|
||||
@@ -212,30 +138,19 @@ export default function LandingPage() {
|
||||
<MetricCardSeven
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.6+",
|
||||
title: "Stelle su Google",
|
||||
items: [
|
||||
"Feedback eccellenti dalla nostra clientela.",
|
||||
],
|
||||
id: "1", value: "4.6+", title: "Stelle su Google", items: [
|
||||
"Feedback eccellenti dalla nostra clientela."],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "388 922 9893",
|
||||
title: "Supporto Dedicato",
|
||||
items: [
|
||||
"Sempre disponibili per le tue esigenze.",
|
||||
],
|
||||
id: "2", value: "388 922 9893", title: "Supporto Dedicato", items: [
|
||||
"Sempre disponibili per le tue esigenze."],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "Problem Solving",
|
||||
title: "Soluzioni Definitive",
|
||||
items: [
|
||||
"Risolviamo anche le sfide più complesse.",
|
||||
],
|
||||
id: "3", value: "Problem Solving", title: "Soluzioni Definitive", items: [
|
||||
"Risolviamo anche le sfide più complesse."],
|
||||
},
|
||||
]}
|
||||
title="Numeri Che Parlano: La Tua Soddisfazione è la Nostra Priorità."
|
||||
@@ -249,14 +164,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Mercedes-Benz",
|
||||
"Alfa Romeo",
|
||||
"Bosch",
|
||||
"Magneti Marelli",
|
||||
"Brembo",
|
||||
"Garrett Motion",
|
||||
"Akrapovič",
|
||||
]}
|
||||
"Mercedes-Benz", "Alfa Romeo", "Bosch", "Magneti Marelli", "Brembo", "Garrett Motion", "Akrapovič"]}
|
||||
title="Partnership che Valgono: Fidati dei Marchi di Qualità."
|
||||
description="Lavoriamo con i migliori per garantire ricambi e tecnologie all'avanguardia. La tua auto merita solo il meglio."
|
||||
tag="Collaborazioni di Prestigio"
|
||||
@@ -270,59 +178,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco Rossi",
|
||||
role: "Proprietario Mercedes",
|
||||
company: "Cliente Soddisfatto",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-face-palming-front-computer-desktop-display-losing-game_482257-116476.jpg",
|
||||
},
|
||||
id: "1", name: "Marco Rossi", role: "Proprietario Mercedes", company: "Cliente Soddisfatto", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-face-palming-front-computer-desktop-display-losing-game_482257-116476.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Laura Bianchi",
|
||||
role: "Appassionata Alfa Romeo",
|
||||
company: "Cliente Fedele",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cunning-businesswoman-steeple-fingers-laughing-devious-looking-thoughtful-scheming-making-up-plan-standing-suit-against-white-background_176420-48051.jpg",
|
||||
},
|
||||
id: "2", name: "Laura Bianchi", role: "Appassionata Alfa Romeo", company: "Cliente Fedele", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cunning-businesswoman-steeple-fingers-laughing-devious-looking-thoughtful-scheming-making-up-plan-standing-suit-against-white-background_176420-48051.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Giovanni Verdi",
|
||||
role: "Pilota Drag Race",
|
||||
company: "Performance Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-pullover-with-motorcycle-helmet_140725-9039.jpg",
|
||||
},
|
||||
id: "3", name: "Giovanni Verdi", role: "Pilota Drag Race", company: "Performance Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-white-pullover-with-motorcycle-helmet_140725-9039.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna Neri",
|
||||
role: "Automobilista Esigente",
|
||||
company: "Cliente Affidabile",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-studio_23-2149445849.jpg",
|
||||
},
|
||||
id: "4", name: "Anna Neri", role: "Automobilista Esigente", company: "Cliente Affidabile", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-posing-studio_23-2149445849.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luca Gialli",
|
||||
role: "Tuner Professionista",
|
||||
company: "Control Garage Partner",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg",
|
||||
},
|
||||
id: "5", name: "Luca Gialli", role: "Tuner Professionista", company: "Control Garage Partner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.6+",
|
||||
label: "Stelle su Google",
|
||||
},
|
||||
value: "4.6+", label: "Stelle su Google"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Clienti Soddisfatti",
|
||||
},
|
||||
value: "98%", label: "Clienti Soddisfatti"},
|
||||
{
|
||||
value: "Tempi Record",
|
||||
label: "Riparazioni Veloci",
|
||||
},
|
||||
value: "Tempi Record", label: "Riparazioni Veloci"},
|
||||
]}
|
||||
title="Ascolta Chi Ci Ha Già Scelto e Approvato."
|
||||
description="La nostra reputazione è costruita sulla fiducia e sulla soddisfazione di ogni singolo cliente. Ecco alcune delle loro esperienze."
|
||||
@@ -334,8 +211,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contattaci Subito"
|
||||
title="Prenota il Tuo Appuntamento o Richiedi un Preventivo."
|
||||
description="Siamo qui per offrirti consulenza esperta e soluzioni su misura. Contattaci o vieni a trovarci nella nostra officina a Forlì: Via Ettore Benini, 3, 47121 Forlì FC. Tel. 388 922 9893. Orari: Lun-Ven: 8-12 / 14-18; Sab: 8-12; Dom: Chiuso."
|
||||
@@ -356,58 +232,35 @@ export default function LandingPage() {
|
||||
logoText="Control Garage"
|
||||
columns={[
|
||||
{
|
||||
title: "Servizi",
|
||||
items: [
|
||||
title: "Servizi", items: [
|
||||
{
|
||||
label: "Elettronica & Centraline",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Elettronica & Centraline", href: "#services"},
|
||||
{
|
||||
label: "Scarico & Antinquinamento",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Scarico & Antinquinamento", href: "#services"},
|
||||
{
|
||||
label: "Riparazioni Meccaniche",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Riparazioni Meccaniche", href: "#services"},
|
||||
{
|
||||
label: "Performance & Racing",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Performance & Racing", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Azienda",
|
||||
items: [
|
||||
title: "Azienda", items: [
|
||||
{
|
||||
label: "Chi Siamo",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Chi Siamo", href: "#about"},
|
||||
{
|
||||
label: "Contatti",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contatti", href: "#contact"},
|
||||
{
|
||||
label: "Recensioni",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Recensioni", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Supporto",
|
||||
items: [
|
||||
title: "Supporto", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Termini e Condizioni",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termini e Condizioni", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user