Documentazione: Pagina "Hotel" 🏨

1. Panoramica Generale

Scopo: Presentare una selezione di strutture ricettive nella Sabina con informazioni dettagliate per i visitatori.

Target: Turisti alla ricerca di alloggi per vacanze o weekend.

Tecnologie:

• CSS Grid per layout responsive
• Google Fonts (Poppins)
• Effetti glassmorphism e hover
• Icone SVG per link esterni

2. Elementi Chiave

1. Griglia degli Hotel
   • Layout: 2 colonne su desktop (grid-template-columns: repeat(2, 1fr)), 1 colonna su mobile (breakpoint a 768px)
   • Card Design: Sfondo glassmorphism (backdrop-filter: blur(10px))
   • Immagini in evidenza (250px altezza fissa)
   • Dettagli: Nome struttura, Tipo (con emoji 🏨), Punteggio (es: "9,7/10"), Prezzo medio (con emoji 💰), Link al sito (icona SVG)
2. Elementi Interattivi
   • Hover Effects: Card leggero zoom (transform: scale(1.03))
   • Link: cambio colore (oro #ffde8b)
   • Pulsante Home: Gradiente rosa pastello, effetto 3D al hover (transform: translateY(-4px))

3. Contenuti

• 6 Strutture Presentate:
• Relax nell'Antico Borgo (Casperia)
• Casa Nupa (Torri in Sabina)
• Ille Roif Resort & SPA (Fara Sabina)
• Casa Tramonto e Poesia (Montopoli)
• Agriturismo Il Cielo in Terra
• Park Hotel Villa Potenziani (Rieti)

4. Punti di Forza

• Organizzazione Contenuti: Info chiave evidenziate (prezzo, valutazione)
• Emoji per migliorare la scansione visiva
• Design Coerente: Tema scuro con accenti dorati, Ombre e bordi semi-trasparenti
• Usabilità: Link esterni chiaramente identificati, Disclaimer trasparente sulle fonti