Minor: OG Image Update

Reviewed-on: #16
Fix #15

CHANGELOG.md

@@ -5,6 +5,21 @@ Tutte le modifiche rilevanti a questo progetto saranno documentate in questo fil
 Il formato è basato su [Keep a Changelog](https://keepachangelog.com/it/1.1.0/),
 e questo progetto aderisce a [Semantic Versioning](https://semver.org/lang/it/).
 
+## [0.0.2] - 2026-05-28
+
+### Aggiunto
+- Nuove sezioni di consulenza: Tecnica, Catastale e Locazione.
+- Servizio di Reperibilità H24 dedicato ai condomini.
+- Logo ufficiale Crystal integrato come Favicon SVG.
+
+### Cambiato
+- Sistema di numerazione piani: aggiornato da numerico (03-01) a standard ascensore (P3, P2, P1, PT).
+- Revisione completa dell'iconografia SVG (patrimoni, legale, pulizie, climatizzazione, interventi, ristrutturazioni).
+- Testi ottimizzati per le sezioni Amministrazione, Adempimenti e Ristrutturazioni.
+- Aggiornato logo Hero con la versione ufficiale.
+
+---
+
 ## [0.0.1-alpha] - 2026-05-27
 
 ### Aggiunto

README.md

@@ -1,12 +1,12 @@
 # Crystal Alto Vicentino - Sito Istituzionale (Prototipo)
 
-**Versione:** 0.0.1-alpha (Standard [SemVer 2.0.0](https://semver.org/lang/it/))
+**Versione:** 0.0.2 (Standard [SemVer 2.0.0](https://semver.org/lang/it/))
 Questo repository contiene il prototipo del nuovo sito web per **Crystal Alto Vicentino s.r.l.**, azienda specializzata in gestioni immobiliari e amministrazione condominiale.
 
 ## 💡 Concept Creativo: "L'Ascensore"
 Il design si basa sulla metafora dell'ascensore, un elemento iconico del mondo condominiale. 
 *   **Navigazione Verticale**: La sidebar sinistra funge da pannello di comando dell'ascensore.
-*   **Display del Piano**: Il display a LED rosso indica dinamicamente il "piano" (sezione) in cui si trova l'utente durante lo scroll.
+*   **Display del Piano**: Il display a LED rosso indica dinamicamente il piano (**P3, P2, P1, PT**) in cui si trova l'utente durante lo scroll.
 *   **User Experience**: Un'interfaccia pulita e professionale che trasmette solidità e trasparenza.
 
 ## 🛠️ Stack Tecnologico
@@ -26,9 +26,9 @@ Il progetto adotta lo standard **Semantic Versioning**.
 Attualmente il progetto è in fase di **Presentazione Prototipo**. 
 
 ### Da Verificare / Finalizzare:
-- [ ] **Branding**: Il logo nella Hero è un placeholder vettoriale; va sostituito con il logo ufficiale.
+- [x] **Branding**: Logo ufficiale integrato in Hero e favicon.
-- [ ] **Iconografia**: Le icone attuali sono segnaposto basati su SVG standard; da revisionare con il cliente.
+- [x] **Iconografia**: Icone SVG personalizzate per servizi e manutenzioni.
-- [ ] **Contenuti**: I testi sono bozze descrittive e devono essere validati dal copywriter o dal cliente.
+- [/] **Contenuti**: Testi aggiornati per amministrazione e ristrutturazioni (in attesa di validazione finale).
 - [ ] **Social Media**: I link social sono impostati come "Coming Soon".
 
 ## 🚀 Preview Live

public/favicon.svg

@@ -1,17 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect x="4" y="12" width="7" height="18" rx="1" fill="#4a8c3f"/>
-  <rect x="13" y="4" width="8" height="26" rx="1" fill="#8db83a"/>
-  <rect x="23" y="8" width="7" height="22" rx="1" fill="#6ba03a"/>
-  <rect x="6" y="15" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="6" y="19" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="6" y="23" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="15" y="7" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="15" y="11" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="15" y="15" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="15" y="19" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="15" y="23" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="25" y="11" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="25" y="15" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="25" y="19" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-  <rect x="25" y="23" width="3" height="1.5" rx="0.5" fill="#fff" opacity="0.7"/>
-</svg>

public/index.html

@@ -7,7 +7,7 @@
 <meta name="description" content="Crystal Alto Vicentino s.r.l. - Gestioni Immobiliari. Amministrazione condominiale e gestione patrimoni immobiliari nell'Alto Vicentino.">
 <meta name="copyright" content="cod3.it">
 <meta name="author" content="Alberto Strazzabosco">
-<meta name="version" content="0.0.1">
+<meta name="version" content="0.0.2">
 <link rel="canonical" href="https://crystalsrl.com/">
 <meta property="og:title" content="Crystal Alto Vicentino s.r.l. | Gestioni Immobiliari">
 <meta property="og:description" content="Amministrazione condominiale e gestione patrimoni immobiliari nell'Alto Vicentino.">
@@ -16,7 +16,7 @@
 <meta property="og:image" content="https://crystalsrl-com.web.app/og-image.png">
 <meta name="twitter:card" content="summary_large_image">
 <title>Crystal Alto Vicentino s.r.l. | Gestioni Immobiliari</title>
-<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="icon" href="data:image/svg+xml,%3Csvg%20viewBox%3D%2260%2055%20890%20720%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22c%22%3E%3Crect%20width%3D%22826.8%22%20height%3D%22703.4%22%20x%3D%2271.7%22%20y%3D%2265%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url%28%23c%29%22%3E%3Cpath%20fill%3D%22%23bbfc02%22%20d%3D%22m391.79%20662.16.03-75.77%20123.49.86-1.11%2087.13c-9.08%202.67-19.24%206.41-27.5%209.88-42.85-13.05-50.55-14.38-94.9-22.1zm153.78-74.98%20105.82.47.09%2055.28c-38.37%204.87-67.67%2010.95-105.22%2021.02zm230.25%202-.17%2043.64s-48.33%201.29-92.4%206.59c.05-.04-.13-51.72-.13-51.72zM681.7%20563.09l-.27-61.23%2094.33%2017.08v49.52zm-136.86-6.78-.81-77.38%20107.48%2018.9.1%2064.27zm-153.1-7.55-.02-94.04%20123.22%2022.57-.56%2077.08zm290.04-71.94-.09-58.13%2094.06%2030.62v48.56zm-136.15-27.5-.5-75.19%20107.5%2035.37.27%2063.13zM391.76%20418l-.04-94.36%20122.78%2040.77.38%2079.46zm290.51-24.13-.22-60.39%2093.7%2045.78-.34%2049.48zm-137.16-50.47-.8-76.53s109.35%2053.34%20109.33%2053.29l-1.5%2062.52zm137.77-33.79.27-60.56%2092.62%2060.43.14%2049.02zM391.98%20287.53s-.21-94.84-.19-94.84l122.88%2059.73s.06%2079.43.06%2079.43zm153.58-49.3.24-76.61s105.7%2069.22%20105.77%2069.07l-.06%2062.05zM391.82%20157.33c.01-.32.11-92.36.11-92.36l122.86%2076.21s-.07%2079.27-.17%2079.42c0%200-122.97-63.93-122.8-63.27z%22%2F%3E%3Cpath%20fill%3D%22%23376f00%22%20d%3D%22M70.89%20691.05c176.07-42.57%20319.44-11.41%20414.36%209.41%20144.6-46.48%20272.75-57.15%20414.08-37.21-168.96-2.96-334.26%2025.95-497.85%2096.5-10.7-5.64-125.5-91.09-330.59-68.7zM514.68%20174.71c10.41-4.28%2020.73-8.24%2031.12-13.1.36.85-.67%20498.56.67%20502.3-1.4.43-26.31%208.69-32.3%2010.47-.03-166.16-.1-333.45.51-499.67zm-256.41%20475.1c-55.22.36-66.57%203.25-100.33%206.46L157.47%20221.64s164.32-106.33%20234.54-156.58c.34%2026.55-.26%2088.66-.15%2092.31-62.87%2033.12-192.22%20105.49-192.22%20105.49l.32%2028.45s191.85-98.62%20191.84-98.62l.21%2094.84-76.25%2028.19-.01%2033.97%2075.97-26.05.04%2094.11L219.25%20455.76l.13%2029.23%20172.35-30.28.02%2094.04-119.79%206.2.55%2032.55%20119.32-1.11.03%2075.58c-44.09-8.2-61.22-9.88-133.59-12.17zm393.26-389.92%2031.63-10.83.17%20390.41c-10.28.9-21.01%201.78-31.94%203.48z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E" type="image/svg+xml">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&display=swap" rel="stylesheet">
@@ -156,7 +156,7 @@ body.menu-open .sidebar { transform: translateX(0); }
   scroll-margin-top: 0;
 }
 .hero-logo-container { display: flex; justify-content: center; margin-bottom: 1.5rem; }
-.hero-logo svg { width: 140px; height: auto; }
+.hero-logo svg { width: 280px; height: auto; }
 .hero-title {
   font-family: 'DM Serif Display', serif; font-weight: 400;
   font-size: clamp(1.8rem, 4vw, 2.4rem); color: var(--green-dark);
@@ -290,7 +290,7 @@ a.card.clickable:hover { color: inherit; }
   }
   .card.grande .card-icon { margin-bottom: 0; }
   .hero { padding: 2rem 1rem 1.5rem; }
-  .hero-logo svg { width: 90px; }
+  .hero-logo svg { width: 180px; }
 
   /* Sidebar landscape: wider, 2-column internal grid */
   .sidebar {
@@ -374,19 +374,19 @@ a.card.clickable:hover { color: inherit; }
   <nav class="sidebar" aria-label="Navigazione principale">
     <div class="elevator-panel">
       <div class="elevator-display">
-        <span class="floor-number" id="floorDisplay">03</span>
+        <span class="floor-number" id="floorDisplay">P3</span>
       </div>
       <div class="elevator-buttons">
-        <a href="#home" class="elevator-btn active" data-floor="03">
+        <a href="#home" class="elevator-btn active" data-floor="P3">
-          <span class="elevator-btn-circle">03</span>
+          <span class="elevator-btn-circle">P3</span>
           <span>Home</span>
         </a>
-        <a href="#amministrazione" class="elevator-btn" data-floor="02">
+        <a href="#amministrazione" class="elevator-btn" data-floor="P2">
-          <span class="elevator-btn-circle">02</span>
+          <span class="elevator-btn-circle">P2</span>
           <span>Gestione</span>
         </a>
-        <a href="#manutenzione" class="elevator-btn" data-floor="01">
+        <a href="#manutenzione" class="elevator-btn" data-floor="P1">
-          <span class="elevator-btn-circle">01</span>
+          <span class="elevator-btn-circle">P1</span>
           <span>Lavori</span>
         </a>
         <a href="#contatti" class="elevator-btn" data-floor="PT">
@@ -405,35 +405,7 @@ a.card.clickable:hover { color: inherit; }
     <div class="hero" id="home">
       <div class="hero-logo-container">
         <div class="hero-logo">
-          <svg viewBox="0 0 200 220" xmlns="http://www.w3.org/2000/svg">
+          <svg viewBox="60 55 890 720" xmlns="http://www.w3.org/2000/svg"><defs><clipPath clipPathUnits="userSpaceOnUse" id="logoClip"><rect width="826.8" height="703.4" x="71.7" y="65"/></clipPath></defs><g clip-path="url(#logoClip)"><path fill="#bbfc02" d="m391.79 662.16.03-75.77 123.49.86-1.11 87.13c-9.08 2.67-19.24 6.41-27.5 9.88-42.85-13.05-50.55-14.38-94.9-22.1zm153.78-74.98 105.82.47.09 55.28c-38.37 4.87-67.67 10.95-105.22 21.02zm230.25 2 -.17 43.64s-48.33 1.29-92.4 6.59c.05-.04-.13-51.72-.13-51.72zM681.7 563.09l-.27-61.23 94.33 17.08v49.52zm-136.86-6.78-.81-77.38 107.48 18.9.1 64.27zm-153.1-7.55-.02-94.04 123.22 22.57-.56 77.08zm290.04-71.94-.09-58.13 94.06 30.62v48.56zm-136.15-27.5-.5-75.19 107.5 35.37.27 63.13zM391.76 418l-.04-94.36 122.78 40.77.38 79.46zm290.51-24.13-.22-60.39 93.7 45.78-.34 49.48zm-137.16-50.47-.8-76.53s109.35 53.34 109.33 53.29l-1.5 62.52zm137.77-33.79.27-60.56 92.62 60.43.14 49.02zM391.98 287.53s-.21-94.84-.19-94.84l122.88 59.73s.06 79.43.06 79.43zm153.58-49.3.24-76.61s105.7 69.22 105.77 69.07l-.06 62.05zM391.82 157.33c.01-.32.11-92.36.11-92.36l122.86 76.21s-.07 79.27-.17 79.42c0 0-122.97-63.93-122.8-63.27z"/><path fill="#376f00" d="M70.89 691.05c176.07-42.57 319.44-11.41 414.36 9.41 144.6-46.48 272.75-57.15 414.08-37.21-168.96-2.96-334.26 25.95-497.85 96.5-10.7-5.64-125.5-91.09-330.59-68.7zM514.68 174.71c10.41-4.28 20.73-8.24 31.12-13.1.36.85-.67 498.56.67 502.3-1.4.43-26.31 8.69-32.3 10.47-.03-166.16-.1-333.45.51-499.67zm-256.41 475.1c-55.22.36-66.57 3.25-100.33 6.46L157.47 221.64s164.32-106.33 234.54-156.58c.34 26.55-.26 88.66-.15 92.31-62.87 33.12-192.22 105.49-192.22 105.49l.32 28.45s191.85-98.62 191.84-98.62l.21 94.84-76.25 28.19-.01 33.97 75.97-26.05.04 94.11L219.25 455.76l.13 29.23 172.35-30.28.02 94.04-119.79 6.2.55 32.55 119.32-1.11.03 75.58c-44.09-8.2-61.22-9.88-133.59-12.17zm393.26-389.92 31.63-10.83.17 390.41c-10.28.9-21.01 1.78-31.94 3.48z"/></g></svg>
-            <g transform="translate(30,10)">
-              <rect x="0" y="70" width="35" height="110" rx="2" fill="#4a8c3f"/>
-              <rect x="5" y="82" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="5" y="96" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="5" y="110" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="5" y="124" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="5" y="138" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="5" y="152" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="42" y="30" width="40" height="150" rx="2" fill="#8db83a"/>
-              <rect x="48" y="42" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="58" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="74" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="90" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="106" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="122" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="138" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="48" y="154" width="28" height="7" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="90" y="55" width="35" height="125" rx="2" fill="#6ba03a"/>
-              <rect x="95" y="67" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="95" y="81" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="95" y="95" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="95" y="109" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="95" y="123" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="95" y="137" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <rect x="95" y="151" width="25" height="6" rx="1" fill="#fff" opacity="0.7"/>
-              <path d="M -5 180 Q 62 165 130 180" stroke="#2d6a30" stroke-width="3" fill="none"/>
-            </g>
-          </svg>
         </div>
       </div>
       <div class="hero-title">CRYSTAL Alto Vicentino s.r.l.</div>
@@ -449,13 +421,13 @@ a.card.clickable:hover { color: inherit; }
       </div>
       <div class="card-body">
         <h3>Amministrazione condominiale</h3>
-        <p>Gestione professionale di condomini e supercondomini, residenziali e commerciali. Dalla contabilità alle assemblee, dagli adempimenti normativi alla cura quotidiana dell'immobile, con attenzione alle esigenze di ogni singolo condomino.</p>
+        <p>Il nostro Team, di consolidata esperienza, offre una gestione professionale di condomini e super condomini, residenziali e commerciali. Dalla contabilità alle assemblee, dagli adempimenti normativi alla cura quotidiana dell'immobile, con attenzione alle esigenze di ogni singolo condomino.</p>
       </div>
     </div>
 
     <div class="card grande">
       <div class="card-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M12 2L2 7v10l10 5 10-5V7L12 2z"/><path d="M12 22V12M2 7l10 5 10-5"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M1 20.5l1.5-5h4l1.5 5z"/><path d="M8.5 20.5l1.5-5h4l1.5 5z"/><path d="M16 20.5l1.5-5h4l1.5 5z"/><path d="M4.5 14.5l1.5-5h4l1.5 5z"/><path d="M12 14.5l1.5-5h4l1.5 5z"/><path d="M8 8.5l1.5-5h5l1.5 5z"/></svg>
       </div>
       <div class="card-body">
         <h3>Gestione patrimoni immobiliari</h3>
@@ -484,7 +456,7 @@ a.card.clickable:hover { color: inherit; }
         <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><rect x="2" y="3" width="20" height="18" rx="2"/><path d="M2 9h20M8 15h4"/></svg>
       </div>
       <h3>Adempimenti fiscali</h3>
-      <p>Gestione completa dei rapporti fiscali del condominio, dalla dichiarazione dei redditi alle comunicazioni all'Agenzia delle Entrate.</p>
+      <p>Gestione completa dei rapporti fiscali del condominio, dalle dichiarazioni alle certificazioni con relative comunicazioni all'Agenzia delle Entrate.</p>
     </div>
 
     <div class="card piccolo">
@@ -497,7 +469,7 @@ a.card.clickable:hover { color: inherit; }
 
     <div class="card piccolo">
       <div class="card-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><line x1="12" y1="3" x2="12" y2="21"/><line x1="4" y1="7" x2="20" y2="7"/><path d="M4 7l-1 6h6L8 7"/><path d="M16 7l-1 6h6l-1-6"/><path d="M10 21h4"/><polygon points="12,3 11,5 13,5" fill="#2d6a30" stroke="none"/></svg>
       </div>
       <h3>Consulenza legale</h3>
       <p>Assistenza sulle questioni giuridiche della vita condominiale, in collaborazione con studi legali specializzati in materia.</p>
@@ -511,6 +483,30 @@ a.card.clickable:hover { color: inherit; }
       <p>Organizzazione delle assemblee condominiali, verbalizzazione e gestione delle comunicazioni verso i condomini.</p>
     </div>
 
+    <div class="card piccolo">
+      <div class="card-icon">
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M2 16h20"/><path d="M4 16v-2a8 8 0 0116 0v2"/><path d="M12 4v2"/><path d="M12 4a3 3 0 00-3 3v1h6V7a3 3 0 00-3-3z"/><line x1="9" y1="8" x2="9" y2="14"/><line x1="15" y1="8" x2="15" y2="14"/></svg>
+      </div>
+      <h3>Consulenze tecniche</h3>
+      <p>Consulenza e assistenza ai condomini e ai condomini su questioni tecniche, edili e urbanistiche in ambito condominiale, in collaborazione con studi professionali specializzati in materia.</p>
+    </div>
+
+    <div class="card piccolo">
+      <div class="card-icon">
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><rect x="2" y="8" width="20" height="8" rx="1"/><line x1="6" y1="8" x2="6" y2="12"/><line x1="10" y1="8" x2="10" y2="14"/><line x1="14" y1="8" x2="14" y2="12"/><line x1="18" y1="8" x2="18" y2="14"/></svg>
+      </div>
+      <h3>Consulenze catastali</h3>
+      <p>Consulenza e assistenza ai condomini e ai condomini su questioni catastali e ipotecarie, in collaborazione con studi professionali specializzati in materia.</p>
+    </div>
+
+    <div class="card piccolo">
+      <div class="card-icon">
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="8" y1="13" x2="16" y2="13"/><path d="M8 17c1 0 1.5-.5 2.5-.5s1.5.5 2.5.5 1.5-.5 2.5-.5"/><path d="M16 20l2-2-1.5-1.5"/></svg>
+      </div>
+      <h3>Consulenze sulla locazione</h3>
+      <p>Consulenza e assistenza ai condomini in merito alla stesura, alla gestione e alla registrazione di contratti di locazione residenziale e/o commerciale.</p>
+    </div>
+
     <!-- ════ MANUTENZIONE ════ -->
     <div class="separatore" id="manutenzione"><h2>Lavori di manutenzione</h2></div>
 
@@ -520,7 +516,7 @@ a.card.clickable:hover { color: inherit; }
 
     <div class="card piccolo">
       <div class="card-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M3 22l1.5-4.5M22 2L11 13M16.5 2H22v5.5M12 18h6l2.5-2.5M2 12l2.5 2.5L7 12"/><circle cx="4.5" cy="19.5" r="2"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><rect x="2" y="9" width="12" height="6" rx="1"/><path d="M14 9l4-2v10l-4-2z"/><line x1="20" y1="8" x2="23" y2="6"/><line x1="20" y1="12" x2="23" y2="12"/><line x1="20" y1="16" x2="23" y2="18"/></svg>
       </div>
       <h3>Pulizie e vigilanza</h3>
       <p>Servizi di pulizia scale e parti comuni, sorveglianza e controllo accessi per garantire decoro e sicurezza.</p>
@@ -528,7 +524,7 @@ a.card.clickable:hover { color: inherit; }
 
     <div class="card piccolo">
       <div class="card-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M12 2v20M2 12h20M12 2a5 5 0 015 5M12 2a5 5 0 00-5 5M12 22a5 5 0 005-5M12 22a5 5 0 01-5-5"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.6" stroke-linecap="round"><line x1="12" y1="2" x2="12" y2="22"/><line x1="3.34" y1="7" x2="20.66" y2="17"/><line x1="20.66" y1="7" x2="3.34" y2="17"/><g><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(60,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(120,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(180,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(240,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g><g transform="rotate(300,12,12)"><line x1="12" y1="8" x2="9.5" y2="5.5"/><line x1="12" y1="8" x2="14.5" y2="5.5"/><line x1="12" y1="5" x2="9.5" y2="2.5"/><line x1="12" y1="5" x2="14.5" y2="2.5"/></g></svg>
       </div>
       <h3>Impianti e climatizzazione</h3>
       <p>Manutenzione programmata degli impianti di riscaldamento, raffrescamento e delle reti fognarie condominiali.</p>
@@ -536,18 +532,30 @@ a.card.clickable:hover { color: inherit; }
 
     <div class="card piccolo">
       <div class="card-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><g transform="rotate(-45,12,12)"><rect x="5.5" y="2" width="13" height="4" rx="1.5"/><path d="M12 14L12 8L3.5 8L3.5 4L5.5 4"/><rect x="10.5" y="14" width="3" height="7" rx="0.8"/></g></svg>
       </div>
       <h3>Piccoli interventi</h3>
       <p>Tinteggiature, riparazioni urgenti e manutenzione ordinaria delle parti comuni dell'edificio.</p>
     </div>
 
-    <div class="card piccolo">
+    <div class="card grande">
       <div class="card-icon">
-        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><path d="M2 20h20M4 20V8l4-4h8l4 4v12M9 20v-4h6v4M10 8h4"/></svg>
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="7" height="4" rx="0.8"/><rect x="13" y="4" width="7" height="4" rx="0.8"/><rect x="1" y="10" width="6.5" height="4" rx="0.8"/><rect x="9" y="10" width="6" height="4" rx="0.8"/><rect x="16.5" y="10" width="6.5" height="4" rx="0.8"/><rect x="4" y="16" width="7" height="4" rx="0.8"/><rect x="13" y="16" width="7" height="4" rx="0.8"/></svg>
+      </div>
+      <div class="card-body">
+        <h3>Ristrutturazioni e manutenzioni</h3>
+        <p>Gestione degli interventi ordinari e straordinari: rifacimento facciate, coperture, e ristrutturazioni condominiali con coordinamento completo del cantiere in collaborazione con studi professionali specializzati in materia.</p>
+      </div>
+    </div>
+
+    <div class="card grande">
+      <div class="card-icon">
+        <svg viewBox="0 0 24 24" fill="none" stroke="#2d6a30" stroke-width="1.8"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/><path d="M22 12h-2M4 12H2M12 2v2M12 20v2"/></svg>
+      </div>
+      <div class="card-body">
+        <h3>Reperibilità H24</h3>
+        <p>Messa a disposizione di tutti i condomini di un servizio di reperibilità H24 per attività di manutenzione e di gestione di interventi urgenti con incarico diretto ai manutentori del condominio.</p>
       </div>
-      <h3>Ristrutturazioni e coperture</h3>
-      <p>Interventi straordinari: rifacimento facciate, coperture, e ristrutturazioni condominiali con coordinamento completo del cantiere.</p>
     </div>
 
     <!-- ════ CONTATTI ════ -->
@@ -690,7 +698,7 @@ backdrop.addEventListener('click', closeMenu);
 menuLinks.forEach(link => link.addEventListener('click', closeMenu));
 
 // Home button scrolls to absolute top
-document.querySelector('.elevator-btn[data-floor="03"]').addEventListener('click', function(e) {
+document.querySelector('.elevator-btn[data-floor="P3"]').addEventListener('click', function(e) {
   e.preventDefault();
   window.scrollTo({ top: 0, behavior: 'smooth' });
 });
@@ -698,7 +706,7 @@ document.querySelector('.elevator-btn[data-floor="03"]').addEventListener('click
 const sections = document.querySelectorAll('.separatore, .hero');
 const buttons = document.querySelectorAll('.elevator-btn');
 const floorDisplay = document.getElementById('floorDisplay');
-const floorMap = { 'home': '03', 'amministrazione': '02', 'manutenzione': '01', 'contatti': 'PT' };
+const floorMap = { 'home': 'P3', 'amministrazione': 'P2', 'manutenzione': 'P1', 'contatti': 'PT' };
 
 function updateFloor() {
   let currentId = 'home';

public/sitemap.xml

@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://crystalsrl.com/</loc>
-    <lastmod>2026-05-25</lastmod>
+    <lastmod>2026-05-26</lastmod>
     <changefreq>monthly</changefreq>
     <priority>1.0</priority>
   </url>