Update index.html

index.html

@@ -200,24 +200,27 @@
                         The Fabric <span class="text-[#00ff41]">Decoder</span>
                     </h2>
                     <p class="font-mono text-sm opacity-60">
-                        // Tre tessuti. Tre layer tecnologici. Una sola persona.
+                        // Tre tessuti. Tre layer tecnologici. Una sola visione.
                     </p>
                 </div>
 
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                    <!-- CARD 1 -->
                     <div class="fabric-card relative p-8 rounded-xl overflow-hidden group transition-all duration-300 backdrop-blur-md bg-[#0f0f0f]/80 border border-[#333] hover:border-[#00ff41]/50 hover:-translate-y-2 reveal-on-scroll">
                         <div class="absolute inset-0 bg-gradient-to-r from-transparent via-[#00ff41]/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out pointer-events-none"></div>
+                        
                         <div class="mb-6 pt-1">
                             <div class="p-3 bg-black/50 rounded-lg border border-[#333] group-hover:border-[#00ff41] transition-colors w-min">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#00ff41" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="4" width="16" height="16" rx="2" ry="2"></rect><rect x="9" y="9" width="6" height="6"></rect><line x1="9" y1="1" x2="9" y2="4"></line><line x1="15" y1="1" x2="15" y2="4"></line><line x1="9" y1="20" x2="9" y2="23"></line><line x1="15" y1="20" x2="15" y2="23"></line></svg>
                             </div>
                         </div>
-                        <h3 class="font-serif text-2xl font-bold mb-2 text-white">LEGACY STRUCTURE</h3>
-                        <p class="text-xs text-[#00ff41] mb-4 font-mono tracking-widest">JEANS / RAW</p>
+
+                        <h3 class="font-serif text-2xl font-bold mb-2 text-white">STRUCTURAL CORE</h3>
+                        <p class="text-xs text-[#00ff41] mb-4 font-mono tracking-widest">COTONE TWILL / WEAVE</p>
+                        
                         <p class="text-sm italic opacity-80 mb-6 font-serif border-l-2 border-[#333] pl-4 group-hover:border-[#00ff41] transition-colors">
-                            "Solido. Resistente. Il ferro del Retail."
+                            "Una trama diagonale fitta. Robusto. La spina dorsale su cui tutto si regge."
                         </p>
+
                         <ul class="space-y-3 mb-6 text-sm font-mono opacity-90">
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">13</span> anni di esperienza</span></li>
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span>ERP <span class="text-[#00ff41] font-bold">SAP</span> & <span class="text-[#00ff41] font-bold">Zucchetti</span></span></li>
@@ -226,51 +229,57 @@
                         </ul>
                     </div>
 
-                    <!-- CARD 2 -->
                     <div class="fabric-card relative p-8 rounded-xl overflow-hidden group transition-all duration-300 backdrop-blur-md bg-[#0f0f0f]/80 border border-[#333] hover:border-[#00ff41]/50 hover:-translate-y-2 reveal-on-scroll" style="transition-delay: 0.2s;">
                         <div class="absolute inset-0 bg-gradient-to-r from-transparent via-[#00ff41]/5 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out pointer-events-none"></div>
+                        
                         <div class="mb-6 pt-1">
                             <div class="p-3 bg-black/50 rounded-lg border border-[#333] group-hover:border-[#00ff41] transition-colors w-min">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#00ff41" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.96-3.08 3 3 0 0 1-.34-5.58 2.5 2.5 0 0 1 1.32-4.24 2.5 2.5 0 0 1 1.98-3A2.5 2.5 0 0 1 9.5 2Z"></path><path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.96-3.08 3 3 0 0 0 .34-5.58 2.5 2.5 0 0 0-1.32-4.24 2.5 2.5 0 0 0-1.98-3A2.5 2.5 0 0 0 14.5 2Z"></path></svg>
                             </div>
                         </div>
-                        <h3 class="font-serif text-2xl font-bold mb-2 text-white">GENERATIVE MESH</h3>
-                        <p class="text-xs text-[#00ff41] mb-4 font-mono tracking-widest">NYLON / TECH</p>
+
+                        <h3 class="font-serif text-2xl font-bold mb-2 text-white">FLUID INTELLIGENCE</h3>
+                        <p class="text-xs text-[#00ff41] mb-4 font-mono tracking-widest">NASTRO RASO / FLOW</p>
+                        
                         <p class="text-sm italic opacity-80 mb-6 font-serif border-l-2 border-[#333] pl-4 group-hover:border-[#00ff41] transition-colors">
-                            "Flessibile. Sintetico. Il futuro."
+                            "Liscio. Senza attrito. Dati che scorrono veloci come un nastro continuo."
                         </p>
+
                         <ul class="space-y-3 mb-6 text-sm font-mono opacity-90">
-                            <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">Python</span></span></li>
+                            <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">Python</span> Automation</span></li>
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span>Agenti AI <span class="text-[#00ff41] font-bold">multimodali</span></span></li>
-                            <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">RAG</span> su documenti</span></li>
-                            <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">PDF-to-JSON</span></span></li>
+                            <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">RAG</span> su Knowledge Base</span></li>
+                            <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">PDF-to-JSON</span> Pipeline</span></li>
                         </ul>
                     </div>
 
-                    <!-- CARD 3 (Highlighted) -->
                     <div class="fabric-card relative p-8 rounded-xl overflow-hidden group transition-all duration-300 backdrop-blur-md bg-gradient-to-br from-[#1a1a1a]/90 to-[#0a0a0a]/90 border border-[#00ff41] hover:-translate-y-2 reveal-on-scroll" style="transition-delay: 0.4s;">
                         <div class="absolute inset-0 bg-gradient-to-r from-transparent via-[#00ff41]/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out pointer-events-none"></div>
+                        
                         <div class="mb-6 pt-1">
                             <div class="p-3 bg-black/50 rounded-lg border border-[#00ff41] transition-colors w-min">
-                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#00ff41" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg>
+                                <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#00ff41" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12h20"></path><path d="M2 12l5 5"></path><path d="M2 12l5-5"></path><rect x="5" y="2" width="14" height="20" rx="2" ry="2" opacity="0.5"></rect></svg>
                             </div>
                         </div>
+
                         <h3 class="font-serif text-2xl font-bold mb-2 text-[#00ff41]">THE OMNICHANNEL</h3>
-                        <p class="text-xs text-[#00ff41] mb-4 font-mono tracking-widest">VELLUTO / NFC</p>
+                        <p class="text-xs text-[#00ff41] mb-4 font-mono tracking-widest">ORGANZA / SHEER</p>
+                        
                         <p class="text-sm italic opacity-80 mb-6 font-serif border-l-2 border-[#333] pl-4 group-hover:border-[#00ff41] transition-colors">
-                            "L'integrazione perfetta."
+                            "Trasparenza strutturata. Vedere il digitale attraverso il fisico."
                         </p>
+
                         <ul class="space-y-3 mb-6 text-sm font-mono opacity-90">
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span>Middleware <span class="text-[#00ff41] font-bold">SAP con AI</span></span></li>
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold"></span>HTML5, PoC <span class="text-[#00ff41] font-bold">Angular</span></span></li>
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span>Graphic & <span class="text-[#00ff41] font-bold">Meta</span> AR</span></li>
                             <li class="flex gap-2"><span class="text-[#00ff41]">→</span> <span><span class="text-[#00ff41] font-bold">Physical</span> & <span class="text-[#00ff41] font-bold">Digital</span></span></li>
                         </ul>
-                        <p class="text-xs mt-4 italic text-[#00ff41] font-bold">"Questo NFC che stai toccando? C'è ancora molto da scoprire"</p>
+                        <p class="text-xs mt-4 italic text-[#00ff41] font-bold">"Sposta questo tessuto e guarda cosa c'è sotto"</p>
                     </div>
                 </div>
             </div>
-        </section> 
+        </section>
 
         <!-- UNLOCK AR LAYER -->
         <section class="px-6 py-24 relative z-20 overflow-hidden">