384 lines
21 KiB
TypeScript
384 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Award, Check, Droplets, Heart, Lightbulb, Recycle, Star, Wrench, Hammer, TrafficCone, LayoutGrid, Pencil, Plug, Fuel } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Servizi", id: "#services"},
|
|
{
|
|
name: "Chi siamo", id: "#about"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Blog", id: "#blog"},
|
|
{
|
|
name: "Contatti", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w44c1b"
|
|
logoAlt="Diodato Srl Logo"
|
|
brandName="Diodato Srl"
|
|
button={{
|
|
text: "Richiedi Preventivo", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="La Tua Scelta Sicura nell'Edilizia Stradale"
|
|
description="Diodato Srl è un'impresa edile stradale specializzata in lavori stradali, acquedotti - fognature - gasdotti, opere in c.a., demolizioni, verde e arredo urbano. Da sempre, la tua scelta sicura."
|
|
testimonials={[
|
|
{
|
|
name: "Mario Rossi", handle: "@mrossi_costruzioni", testimonial: "Diodato Srl ha superato le nostre aspettative. Professionalità, rapidità e attenzione ai dettagli in ogni fase del progetto. Un vero partner affidabile!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", imageAlt: "Mario Rossi"},
|
|
{
|
|
name: "Laura Bianchi", handle: "@lbianchi_progetti", testimonial: "Eccellente qualità del lavoro e un team estremamente competente. I progetti stradali sono stati realizzati a regola d'arte e nei tempi previsti. Consigliatissimi!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg", imageAlt: "Laura Bianchi"},
|
|
{
|
|
name: "Giovanni Verdi", handle: "@gverdi_infrastrutture", testimonial: "Per le nostre opere idriche e fognarie, Diodato Srl si è dimostrata all'altezza delle sfide più complesse, fornendo soluzioni robuste e durature.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", imageAlt: "Giovanni Verdi"},
|
|
{
|
|
name: "Sofia Neri", handle: "@sneri_sviluppo", testimonial: "L'accuratezza nelle demolizioni e lo smaltimento corretto dei materiali sono stati impeccabili. Un servizio completo e responsabile.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-businesswomen-working-cafe_1157-26365.jpg", imageAlt: "Sofia Neri"},
|
|
{
|
|
name: "Carlo Bruno", handle: "@cbruno_edile", testimonial: "La realizzazione delle opere in cemento armato è stata eseguita con la massima precisione e sicurezza. Diodato Srl è sinonimo di affidabilità.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", imageAlt: "Carlo Bruno"},
|
|
{
|
|
name: "Elena Gialli", handle: "@egialli_verde", testimonial: "Hanno trasformato i nostri spazi verdi con un arredo urbano funzionale ed esteticamente gradevole. Un team con una grande visione.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-female-leader-wearing-glasses_1262-18003.jpg", imageAlt: "Elena Gialli"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/sunset-sky_395237-177.jpg"
|
|
imageAlt="Modern construction site with heavy machinery and city skyline"
|
|
mediaAnimation="opacity"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", alt: "Happy female office workers"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg", alt: "Front view happy man showing approval"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg", alt: "Confident office employers"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-goodlooking-tender-friendly-pretty-middleaged-30s-woman-extend-arm-hold-camera-hand-smiling-broadly-taking-selfie-photographing-record-videomessage-calling-husband_176420-51274.jpg", alt: "Closeup goodlooking tender friendly pretty middleaged 30s woman"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-335.jpg", alt: "Attractive lovely woman with long light-brown hair"},
|
|
]}
|
|
avatarText="Oltre 800 clienti soddisfatti"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Affidabilità", icon: Check,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Qualità Certificata", icon: Award,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Esperienza Trentennale", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Innovazione Continua", icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Soddisfazione Cliente", icon: Heart,
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Scopri i Servizi", href: "#services"},
|
|
{
|
|
text: "Richiedi un Preventivo", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Oltre Tre Decenni di Eccellenza Costruttiva"
|
|
description="Diodato Srl è un'impresa edile stradale con oltre 30 anni di esperienza, specializzata nella realizzazione di infrastrutture e opere civili. Ci impegniamo a fornire soluzioni innovative e di alta qualità, rispettando i più rigorosi standard di sicurezza e sostenibilità in ogni cantiere."
|
|
bulletPoints={[
|
|
{
|
|
title: "Qualità e Competenza", description: "Garantiamo opere a regola d'arte grazie a un team altamente qualificato e processi certificati."},
|
|
{
|
|
title: "Innovazione e Sostenibilità", description: "Adottiamo tecniche all'avanguardia e materiali ecocompatibili per un futuro migliore."},
|
|
{
|
|
title: "Soddisfazione del Cliente", description: "Il nostro obiettivo primario è superare le aspettative, costruendo relazioni durature basate sulla fiducia."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/team-architects-collaborating-blueprints_23-2152006084.jpg"
|
|
imageAlt="Architectural plans and a modern building"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Lavori Stradali", description: "Realizzazione e manutenzione di infrastrutture stradali, asfaltature e pavimentazioni.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tractor-with-plow-clears-snow-rural-road-road-maintenance_169016-71388.jpg", imageAlt: "Road construction site with machinery"},
|
|
items: [
|
|
{
|
|
icon: Hammer,
|
|
text: "Nuove costruzioni stradali"},
|
|
{
|
|
icon: Pencil,
|
|
text: "Manutenzione e riqualificazione"},
|
|
{
|
|
icon: TrafficCone,
|
|
text: "Asfaltature e pavimentazioni"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Acquedotti, Fognature, Gasdotti", description: "Opere complesse per reti idriche, fognarie e distribuzione gas con soluzioni all'avanguardia.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-men-crouched-near-pipe-construction-site_259150-57633.jpg", imageAlt: "Underground pipe laying for water and gas systems"},
|
|
items: [
|
|
{
|
|
icon: Droplets,
|
|
text: "Acquedotti civili e industriali"},
|
|
{
|
|
icon: Plug,
|
|
text: "Reti fognarie complesse"},
|
|
{
|
|
icon: Fuel,
|
|
text: "Gasdotti urbani ed extra-urbani"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Demolizioni e Opere in C.A.", description: "Servizi di demolizione controllata, smaltimento certificato e realizzazione di opere in cemento armato.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/ruined-home-russian-s-war-ukraine_23-2149437903.jpg", imageAlt: "Controlled building demolition"},
|
|
items: [
|
|
{
|
|
icon: Wrench,
|
|
text: "Demolizioni controllate"},
|
|
{
|
|
icon: Recycle,
|
|
text: "Smaltimento certificato"},
|
|
{
|
|
icon: LayoutGrid,
|
|
text: "Strutture in cemento armato"},
|
|
],
|
|
reverse: false
|
|
},
|
|
]}
|
|
title="Le Nostre Specializzazioni Edili"
|
|
description="Offriamo un'ampia gamma di servizi, garantendo professionalità e soluzioni all'avanguardia per ogni esigenza del settore edile e infrastrutturale."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "exp", value: "30+", title: "Anni di Esperienza", items: [
|
|
"Fondati nel 1990", "Leader nel settore"],
|
|
},
|
|
{
|
|
id: "clients", value: "800+", title: "Clienti Soddisfatti", items: [
|
|
"Partnership durature", "Fiducia consolidata"],
|
|
},
|
|
{
|
|
id: "projects", value: "1200+", title: "Progetti Realizzati", items: [
|
|
"Dalla piccola alla grande opera", "Eccellenza in ogni cantiere"],
|
|
},
|
|
]}
|
|
title="Diodato Srl in Numeri"
|
|
description="La nostra crescita è testimonianza della fiducia dei clienti e della qualità dei progetti realizzati nel corso degli anni."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Certificazione ISO 9001", "Anas S.p.A.", "Comune di Roma", "Acea Ato 2", "Consorzio Bonifica", "Ministero Infrastrutture", "FIMAA"]}
|
|
title="Certificazioni e Partners"
|
|
description="Garantiamo qualità e competenza nella realizzazione delle opere attraverso l'adesione a standard elevati e collaborazioni strategiche con enti e partner di prestigio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
groups={[
|
|
{
|
|
id: "management", groupTitle: "Management e Ingegneria", members: [
|
|
{
|
|
id: "member-1", title: "Marco Diodato", subtitle: "Amministratore Delegato", detail: "Guida l'azienda con visione strategica e profonda conoscenza del settore.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", imageAlt: "Marco Diodato"},
|
|
{
|
|
id: "member-2", title: "Giulia Esposito", subtitle: "Direttore Tecnico", detail: "Responsabile della qualità e dell'innovazione nei processi costruttivi.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-tablet-looking-away_23-2148269385.jpg", imageAlt: "Giulia Esposito"},
|
|
{
|
|
id: "member-3", title: "Andrea Rizzo", subtitle: "Capo Progetto Senior", detail: "Esperto nella gestione e realizzazione di grandi opere infrastrutturali.", imageSrc: "http://img.b2bpic.net/free-photo/builder-young-man-construction-uniform-safety-helmet-looking-camera-happy-positive-smiling-cheerfully-showing-vsign-standing-orange-background_141793-134071.jpg", imageAlt: "Andrea Rizzo"},
|
|
]
|
|
},
|
|
]}
|
|
title="Il Nostro Team di Esperti"
|
|
description="Professionisti qualificati e appassionati, al servizio dei vostri progetti più ambiziosi, garantendo competenza e dedizione in ogni fase."
|
|
/>
|
|
</div>
|
|
|
|
<div id="blog" data-section="blog">
|
|
<BlogCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Notizie e Progetti Recenti"
|
|
description="Resta aggiornato sulle ultime realizzazioni, innovazioni nel settore e novità di Diodato Srl. Esplora i nostri successi e la nostra visione."
|
|
blogs={[
|
|
{
|
|
id: "blog-1", category: "Infrastrutture", title: "Innovazione nelle Opere Stradali: Progetto Via Appia", excerpt: "Un approfondimento sul nostro ultimo progetto di riqualificazione della storica Via Appia, integrando tecniche moderne e rispetto del patrimonio.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-industrial-buildings-bristol-england_181624-17293.jpg", imageAlt: "Modern highway with cars", authorName: "Luca D'Angelo", authorAvatar: "http://img.b2bpic.net/free-photo/stylish-man-flannel-suit-glasses-standing-against-brick-wall_613910-6746.jpg", date: "15 Maggio 2024"},
|
|
{
|
|
id: "blog-2", category: "Ambiente", title: "Gestione Sostenibile delle Acque: Il Nuovo Acquedotto Urbano", excerpt: "Scopri come stiamo contribuendo a un futuro più verde con la costruzione di un acquedotto all'avanguardia per la gestione delle risorse idriche.", imageSrc: "http://img.b2bpic.net/free-photo/warning-signs-roadworks-highway-lighting_169016-68717.jpg", imageAlt: "Water treatment plant pipes", authorName: "Chiara Romano", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", date: "01 Maggio 2024"},
|
|
{
|
|
id: "blog-3", category: "Tecnologia", title: "Sicurezza e Efficienza nelle Demolizioni Controllate", excerpt: "Esploriamo le tecnologie e le metodologie che Diodato Srl impiega per garantire demolizioni sicure ed efficienti, minimizzando l'impatto ambientale.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048138.jpg", imageAlt: "Building being demolished with excavator", authorName: "Simone Gallo", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-blogger-girl-is-looking-her-little-camera-blue-background_176474-116558.jpg", date: "20 Aprile 2024"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={false}
|
|
testimonial="Diodato Srl è un partner fondamentale per il successo dei nostri progetti. La loro competenza e affidabilità sono insuperabili, un valore aggiunto per ogni impresa edile che cerca l'eccellenza."
|
|
rating={5}
|
|
author="Direzione Tecnica, Grande S.p.A."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "John Doe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg", alt: "Jane Smith"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/architect-smiling-safety-equipment_23-2148242954.jpg", alt: "Robert Johnson"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-successful-entrepreneur-helmet-with-project-laptop-new-buildings-stay-near-glass-roof_496169-971.jpg", alt: "Emily Davis"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg", alt: "Diverse team member headshot male"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Contattaci per un Preventivo"
|
|
description="Lasciaci un messaggio, ti ricontatteremo al più presto per discutere le tue esigenze e fornirti una consulenza personalizzata. La tua richiesta è importante per noi."
|
|
inputs={[
|
|
{
|
|
name: "Nome", type: "text", placeholder: "Il tuo nome", required: true,
|
|
},
|
|
{
|
|
name: "Email", type: "email", placeholder: "La tua email", required: true,
|
|
},
|
|
{
|
|
name: "Telefono", type: "tel", placeholder: "Il tuo numero di telefono", required: false,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "Messaggio", placeholder: "Il tuo messaggio...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/casual-male-posing-with-electric-scooter_23-2148779878.jpg"
|
|
imageAlt="Modern office building exterior"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
buttonText="Invia Messaggio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w44c1b"
|
|
logoAlt="Diodato Srl Logo"
|
|
logoText="Diodato Srl"
|
|
columns={[
|
|
{
|
|
title: "Servizi", items: [
|
|
{
|
|
label: "Lavori Stradali", href: "#services"},
|
|
{
|
|
label: "Acquedotti e Fognature", href: "#services"},
|
|
{
|
|
label: "Demolizioni", href: "#services"},
|
|
{
|
|
label: "Opere in C.A.", href: "#services"},
|
|
{
|
|
label: "Verde e Arredo Urbano", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Azienda", items: [
|
|
{
|
|
label: "Chi Siamo", href: "#about"},
|
|
{
|
|
label: "Il Nostro Team", href: "#team"},
|
|
{
|
|
label: "Dicono di Noi", href: "#testimonials"},
|
|
{
|
|
label: "Lavora con Noi", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contatti", items: [
|
|
{
|
|
label: "Via dell'Industria, 10", href: "#"},
|
|
{
|
|
label: "00100 Roma, Italia", href: "#"},
|
|
{
|
|
label: "+39 06 1234 5678", href: "tel:+390612345678"},
|
|
{
|
|
label: "info@diodatosrl.it", href: "mailto:info@diodatosrl.it"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Diodato Srl. Tutti i diritti riservati."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|