Documentazione: Pagina "Recensioni"

1. Panoramica Generale

Scopo: Mostrare feedback degli utenti e raccogliere nuove recensioni attraverso un form interattivo.

Target: Turisti che cercano testimonianze autentiche e vogliono lasciare un feedback.

Tecnologie:

2. Elementi Chiave

  1. Pulsante "Torna alla Home"
    • Posizione: Fisso in alto a sinistra (position: fixed)
    • Effetto glassmorphism (backdrop-filter: blur(10px))
    • Gradiente verde al hover
    • Ombra dinamica e sollevamento 3D
    • Responsive: Ridimensionamento su mobile
  2. Carosello Recensioni
    • 10 recensioni con foto, nome, valutazione (stelle) e testo
    • Navigazione con frecce laterali (SVG personalizzati)
    • Transizione semplice tra le card (JavaScript vanilla)
    • Avatar circolari (100px) con bordo luminoso
    • Stelle dorate (#FFD700)
    • Testo con ombre per leggibilità
    • Accessibilità: Tag alt per immagini, contrasto elevato
  3. Form di Feedback
    • Layout: Due colonne (responsive su singola colonna su mobile)
    • Left: Nome, email, selezione stelle
    • Right: Textarea per messaggio + pulsante invio
    • Sfondo semi-trasparente con blur
    • Bordi sottili luminosi
    • Pulsante giallo (#FFD700) con hover scuro
    • Validazione: Campi obbligatori (required)

4. Punti di Forza

Torna indietro