function Home(){const allMods=[['lightbulb',T('Illuminazione smart','Smart lighting')],['cloud-sun',T('Stazione meteo','Weather station')],['wifi',T('Access point Wi-Fi','Wi-Fi access point')],['video',T('Telecamere HD','HD cameras')],['megaphone',T('Altoparlante','Broadcasting speaker')],['phone-call',T('Chiamata di emergenza','Emergency call')],['plug-zap',T('Stazione di ricarica','Charging station')],['monitor','Display'],['palette',T('Illuminazione RGBW','RGBW lighting')],['flashlight',T('Faretto','Spotlight')],['radio',T('Luce di stato RGB','RGB status light')]];
return <><section className="pagehero" style={{padding:'64px 0 80px'}}><div className="wrap split" style={{gap:48}}><div style={{display:'flex',flexDirection:'column',gap:28}}><span className="t-eyebrow">Vision Ecosystem</span><h1 className="t-display" style={{margin:0}}>{T('Infrastruttura intelligente. Possibilità connesse.','Intelligent Infrastructure. Connected Possibilities.')}</h1><p className="t-lead" style={{margin:0,maxWidth:520}}>{T('Soluzioni tecnologiche integrate per trasformare spazi pubblici, infrastrutture ed esperienze urbane.','Integrated technology solutions designed to transform public spaces, infrastructure and urban experiences.')}</p><div className="row"><Button size="lg" onClick={()=>go(P.pole)}>{T('Scopri Smart Pole','Explore Smart Pole')}</Button><Button size="lg" variant="secondary" onClick={()=>go(P.cfg)}>{T('Configura la tua soluzione','Configure Your Solution')}</Button></div></div>
<Slot img={A+'hero-pole15.png'} pos="center 30%" title={T('Modularity Smart Pole 15 in un viale urbano','Modularity Smart Pole 15 on an urban avenue')} prompt={T('Render dalla brochure. Hero definitiva: render IA in una piazza italiana contemporanea, da generare.','Render from the brochure. Final hero: AI render in a contemporary Italian piazza, to be generated.')} style={{minHeight:620}}/></div></section>
<Sec eyebrow={T('Visione','Vision')} title={T('Un ecosistema. Fisico e digitale.','One ecosystem. Physical and digital.')}><div className="split"><p className="t-lead" style={{margin:0}}>{T('Vision Ecosystem unisce hardware e software: smart pole sul territorio, collegati a piattaforme, intelligenza e automazione che rendono lo spazio pubblico misurabile, controllabile e adattabile.','Vision Ecosystem brings hardware and software together: smart poles in the field, connected to platforms, intelligence and automation that make public space measurable, controllable and adaptable.')}</p><div className="g3" style={{gridTemplateColumns:'repeat(3,minmax(0,1fr))'}}>{[['settings',T('Integrato','Integrated')],['blocks',T('Modulare','Modular')],['sliders-horizontal',T('Configurabile','Configurable')]].map(([i,t])=><div key={i} className="card2" style={{padding:20}}><Icon name={i} size={28}/><h3 style={{fontSize:17}}>{t}</h3></div>)}</div></div></Sec>
<Sec alt eyebrow={T('Sistemi Smart Pole','Smart Pole systems')} title={T('Due famiglie di Smart Pole.','Two families of Smart Pole.')}><div className="g2"><PCard m={15} onClick={()=>go(P.p15)}/><PCard m={17} onClick={()=>go(P.p17)}/></div></Sec>
<Sec eyebrow="Pole 15 vs Pole 17" title={T('Stessa ambizione. Carattere diverso.','Same ambition. Different character.')} lead={T('Fusto cilindrico a moduli, oppure struttura scura con testa luminosa inclinata. Ogni modello mantiene il proprio set di moduli documentato.','A cylindrical stacked-module shaft, or a dark structure with an angled luminaire head. Each model keeps its own documented module set.')}><div className="g2"><div className="stage" style={{minHeight:420}}><img className="prod" src={A+'pole-15-3d.png'} alt="Smart Pole 15" style={{maxHeight:420}}/><div style={{position:'absolute',left:20,top:20}}><Badge tone="accent">{T('Pole 15 · cilindrico, modulare','Pole 15 · cylindrical, modular')}</Badge></div></div><div className="stage" style={{minHeight:420}}><img className="prod" src={A+'pole-17-3d.png'} alt="BS-Smart Pole 17" style={{maxHeight:420}}/><div style={{position:'absolute',left:20,top:20}}><Badge tone="accent">{T('Pole 17 · scuro, testa inclinata','Pole 17 · dark, angled head')}</Badge></div></div></div><div style={{marginTop:24}}><Button variant="secondary" onClick={()=>go(P.pole)}>{T('Confronto completo','Full comparison')}</Button></div></Sec>
<Sec alt eyebrow={T('Moduli tecnologici','Technology modules')} title={T('Moduli, come documentati.','Modules, as documented.')}><div className="g4" style={{gridTemplateColumns:'repeat(auto-fit,minmax(min(100%,200px),1fr))'}}>{allMods.map(([i,n])=><div key={i} className="card2" style={{padding:20,gap:12}}><Icon name={i} size={28}/><h3 style={{fontSize:16}}>{n}</h3></div>)}</div><p className="t-small" style={{marginTop:16}}>{T('La disponibilità dipende dal modello. Vedi le pagine di prodotto.','Availability depends on the model. See each product page.')}</p></Sec>
<Sec eyebrow={T('Configuratore','Configurator')} title={T('Costruisci il tuo Smart Pole.','Build your Smart Pole.')} lead={T('Scegli un modello, aggiungi moduli, seleziona un ambiente e richiedi un preventivo.','Choose a model, add modules, pick an environment and request a quote.')}><Configurator embedded/></Sec>
<Sec alt eyebrow={T('Ambienti di installazione','Installation environments')} title={T('Negli spazi che contano.','In the spaces that matter.')} lead={T('Ambienti illustrativi. Render da generare, non riferimenti di installazioni.','Illustrative environments. Renders to be generated, not installation references.')}><div className="g3">{ENVS.map(e=><Slot key={e.id} img={e.img} title={tt(e.name)} prompt={e.img?T('Dalla brochure del Pole 15.','From the Pole 15 brochure.'):tt(e.prompt)}/>)}</div></Sec>
<Sec eyebrow={T('Tecnologia','Technology')} title={T('IA, piattaforme e automazione.','AI, platforms and automation.')}><div className="g3"><SolCard icon="brain-circuit" title={T('Intelligenza artificiale','Artificial Intelligence')} description={T('Analisi e assistenza applicate ai dati urbani.','Analysis and assistance applied to urban data.')} onClick={()=>go(P.ai)}/><SolCard icon="cloud" title={T('Piattaforme digitali','Digital Platforms')} description={T('Controllo, monitoraggio e dati in un unico luogo.','Control, monitoring and data in one place.')} onClick={()=>go(P.dp)}/><SolCard icon="workflow" title={T('Automazione e integrazione','Automation & Integration')} description={T('Sistemi collegati e routine automatizzate.','Connecting systems and automating routines.')} onClick={()=>go(P.auto)}/></div></Sec>
<Sec alt eyebrow={T('Processo','Process')} title={T('Dal brief alla configurazione.','From brief to configuration.')}><div className="g4">{[[T('Ascolto','Listen'),T('Comprendere lo spazio, gli utenti e gli obiettivi.','Understand the space, the users and the goals.')],[T('Configurazione','Configure'),T('Scegliere modello e moduli con il configuratore.','Select model and modules with the configurator.')],[T('Visualizzazione','Visualise'),T('Valutare render illustrativi nel contesto.','Review illustrative renders in context.')],[T('Definizione','Define'),T('Confermare schede tecniche, compatibilità e quantità.','Confirm data sheets, compatibility and quantities.')]].map(([t,x],i)=><div key={i} className="card2"><span className="n">0{i+1}</span><h3>{t}</h3><p>{x}</p></div>)}</div></Sec><Cta title={T('Richiedi una consulenza o un preventivo.','Request a consultation or a quote.')}/></>}
Object.assign(window,{Home});