bender/b4794a31-bbe0-4436-b75e-ca9b3e4c2b52
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #1

Merged
bender merged 2 commits from version_3 into main 2026-04-20 09:29:08 +00:00
Conversation 0 Commits 2 Files Changed 2 +55 -313
2 changed files with 55 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

354
src/app/page.tsx
View File

@@ -2,17 +2,17 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Droplet, Flame, Search, Settings, Waves, Zap } from "lucide-react";
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Droplet, Flame, Search, Settings, Waves, Zap, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Servizi",
id: "servizi",
},
{
name: "Chi Siamo",
id: "chi-siamo",
},
{
name: "Recensioni",
id: "recensioni",
},
{
name: "Contatti",
id: "contatti",
},
{ name: "Chi Siamo", id: "chi-siamo" },
{ name: "Servizi", id: "servizi" },
{ name: "Recensioni", id: "recensioni" },
{ name: "Contatti", id: "contatti" },
]}
brandName="Stelvi Impianti"
/>
@@ -55,103 +43,25 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-static",
}}
background={{ variant: "rotated-rays-static" }}
title="L'impianto che non ti delude"
description="Riscaldamento, climatizzazione e termoidraulica eseguiti con la precisione che ogni casa merita. Onestà, competenza, nessuna sorpresa."
buttons={[
{
text: "Richiedi un preventivo",
href: "#contatti",
},
]}
buttons={[{ text: "Richiedi un preventivo", href: "#contatti" }]}
carouselItems={[
{
id: "h1",
imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg",
imageAlt: "Installazione caldaia",
},
{
id: "h2",
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242090.jpg",
imageAlt: "Impianto radiante",
},
{
id: "h3",
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-engineer-hardhat-glasses-operating-industrial-machine-pushing-buttons-control-panel_74855-16376.jpg",
imageAlt: "Manutenzione termoidraulica",
},
{
id: "h4",
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg",
imageAlt: "Consulenza tecnica",
},
{
id: "h5",
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg",
imageAlt: "Pronto intervento",
},
{
id: "h6",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-environment-project_23-2148894084.jpg",
imageAlt: "Soluzioni energetiche",
},
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/flexible-connector-different-wrenches_23-2147772264.jpg", imageAlt: "Installazione caldaia" },
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242090.jpg", imageAlt: "Impianto radiante" },
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/focused-male-plant-engineer-hardhat-glasses-operating-industrial-machine-pushing-buttons-control-panel_74855-16376.jpg", imageAlt: "Manutenzione termoidraulica" },
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721550.jpg", imageAlt: "Consulenza tecnica" },
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176721.jpg", imageAlt: "Pronto intervento" },
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-environment-project_23-2148894084.jpg", imageAlt: "Soluzioni energetiche" },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "30+",
description: "Anni di esperienza",
},
{
id: "m2",
value: "500+",
description: "Impianti realizzati",
},
{
id: "m3",
value: "100%",
description: "Clienti soddisfatti",
},
{
id: "m4",
value: "5★",
description: "Valutazione media",
},
]}
title="La nostra esperienza"
description="Risultati concreti che parlano di qualità."
/>
</div>
<div id="chi-siamo" data-section="chi-siamo">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Chi Siamo"
description="Professionisti veri, non solo tecnici. Stelvi Impianti nasce dall'esperienza di Gianni e del suo team nell'area metropolitana di Milano."
metrics={[
{
value: "1990",
title: "Anno di fondazione",
},
{
value: "24/7",
title: "Supporto tecnico",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/manufacturer-teaching-new-employee-how-shape-wooden-bowl-disc-sander_482257-99053.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[{ type: "text", content: "Stelvi Impianti: La nostra promessa" }]}
/>
</div>
@@ -161,219 +71,51 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Riscaldamento a pavimento",
description: "Progettazione e installazione di impianti radianti a pavimento con dimensionamento corretto.",
icon: Waves,
},
{
title: "Caldaie e climatizzazione",
description: "Sostituzione e manutenzione di caldaie, pompe di calore e sistemi split.",
icon: Flame,
},
{
title: "Impianti idraulici",
description: "Realizzazione completa di impianti idrosanitari per bagni e cucine.",
icon: Droplet,
},
{
title: "Manutenzione programmata",
description: "Controlli periodici per prevenire guasti e ottimizzare l'efficienza.",
icon: Settings,
},
{
title: "Diagnosi e consulenza",
description: "Sopralluogo tecnico per verificare impianti esistenti e suggerire interventi mirati.",
icon: Search,
},
{
title: "Pronto intervento",
description: "Interventi rapidi nell'area metropolitana di Milano per ogni emergenza.",
icon: Zap,
},
{ title: "Riscaldamento a pavimento", description: "Impianti radianti certificati", icon: Waves },
{ title: "Caldaie e climatizzazione", description: "Efficientamento energetico", icon: Flame },
{ title: "Impianti idraulici", description: "Soluzioni civili e industriali", icon: Droplet },
{ title: "Manutenzione", description: "Assistenza tecnica programmata", icon: Settings },
]}
title="I nostri servizi"
description="Tutto ciò che il tuo impianto richiede con massima professionalità."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Base",
price: "Su preventivo",
subtitle: "Per piccoli interventi di manutenzione",
features: [
"Sopralluogo",
"Diagnosi rapida",
"Preventivo trasparente",
],
buttons: [
{
text: "Richiedi",
href: "#contatti",
},
],
},
{
id: "p2",
badge: "Pro",
price: "Su preventivo",
subtitle: "Manutenzione programmata annuale",
features: [
"Check-up annuale",
"Pulizia circuiti",
"Priorità di chiamata",
],
buttons: [
{
text: "Richiedi",
href: "#contatti",
},
],
},
{
id: "p3",
badge: "Full",
price: "Su preventivo",
subtitle: "Installazioni complete e ristrutturazioni",
features: [
"Progetto su misura",
"Materiali certificati",
"Garanzia estesa",
"Collaudo",
],
buttons: [
{
text: "Richiedi",
href: "#contatti",
},
],
},
]}
title="Soluzioni personalizzate"
description="Scegli il livello di assistenza ideale per il tuo impianto."
description="Professionalità al tuo servizio nell'area di Milano."
/>
</div>
<div id="recensioni" data-section="recensioni">
<TestimonialCardFifteen
useInvertedBackground={false}
testimonial="Stelvi stesso, durante un sopralluogo dal mio vicino, ha fatto un salto a vedere cosa avevo fatto e mi ha letteralmente risparmiato una montagna di soldi. Il team è fatto da professionisti gentili, disponibili, onesti e molto competenti."
rating={5}
author="Alessandro Picciolo"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg",
alt: "Alessandro",
},
{
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
alt: "Andrea",
},
{
src: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg",
alt: "Simone",
},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11505.jpg",
alt: "Erica",
},
{
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
alt: "Marco",
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Offrite sopralluoghi gratuiti?",
content: "Sì, effettuiamo sempre un sopralluogo per valutare attentamente la situazione prima di procedere.",
},
{
id: "f2",
title: "Dove operate?",
content: "Operiamo in tutta l'area metropolitana di Milano e comuni limitrofi.",
},
{
id: "f3",
title: "Gestite anche pronto interventi?",
content: "Sì, garantiamo interventi rapidi nell'area di Milano per emergenze termoidrauliche.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/paper-near-camera-notebook-stop-watch-repair-equipments-leather-strap_23-2148067771.jpg"
title="Domande frequenti"
description="Tutto quello che c'è da sapere sui nostri servizi."
faqsAnimation="slide-up"
<TestimonialCardSix
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
title="Cosa dicono i nostri clienti"
testimonials={[
{ id: "t1", name: "Alessandro P.", handle: "Cliente storico", testimonial: "Professionisti esemplari, onesti e trasparenti.", icon: Star },
{ id: "t2", name: "Marco R.", handle: "Ristrutturazione", testimonial: "Un lavoro pulito, puntuale e senza sorprese.", icon: Star },
{ id: "t3", name: "Giulia B.", handle: "Impianto domestico", testimonial: "Eccellenti nel pronto intervento, bravissimi!", icon: Star }
]}
/>
</div>
<div id="contatti" data-section="contatti">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
text="Pronto a iniziare il tuo progetto? Siamo a disposizione per sopralluoghi, consulenze e preventivi personalizzati."
buttons={[
{
text: "Invia una richiesta",
href: "#contatti",
},
]}
<ContactCTA
tag="Richiesta"
title="Pronto a ottimizzare la tua casa?"
description="Siamo operativi a Milano per sopralluoghi gratuiti e consulenze esperte."
buttons={[{ text: "Invia Richiesta", href: "#contatti" }]}
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={true}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Chi Siamo",
href: "#chi-siamo",
},
{
label: "Servizi",
href: "#servizi",
},
{
label: "Recensioni",
href: "#recensioni",
},
],
},
{
items: [
{
label: "Contatti",
href: "#contatti",
},
{
label: "Area Operativa",
href: "#area",
},
],
},
]}
<FooterBase
logoText="Stelvi Impianti"
columns={[
{ title: "Azienda", items: [{ label: "Chi Siamo", href: "#chi-siamo" }, { label: "Recensioni", href: "#recensioni" }] },
{ title: "Servizi", items: [{ label: "Riscaldamento", href: "#servizi" }, { label: "Manutenzione", href: "#servizi" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #F7F3EC;
--card: #FDFAF5;
--foreground: #1E1B17;
--primary-cta: #A0704A;
--background: #0f0f0d;
--card: #1a1a18;
--foreground: #e4d0a5;
--primary-cta: #d4af37;
--primary-cta-text: #FDFAF5;
--secondary-cta: #FDFAF5;
--secondary-cta: #c0c0c0;
--secondary-cta-text: #1E1B17;
--accent: #D4C9B0;
--background-accent: #A0704A;
--accent: #d4af37;
--background-accent: #262624;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);