feat: refine frontend italian copy

frontend/src/app/app.component.ts

@@ -50,7 +50,7 @@ import { MatButtonModule } from '@angular/material/button';
         <div class="footer-inner">
           <div>
             <p class="footer-title">AzioneLab</p>
-            <p class="footer-copy">Un luogo per laboratori teatrali, produzioni audio/visive e serate di scena costruite con attenzione per il pubblico reale.</p>
+            <p class="footer-copy">Un luogo dove ricerca, scena e relazione si incontrano per accogliere il pubblico con cura, prima ancora che si alzi il sipario.</p>
           </div>
           <nav class="footer-nav" aria-label="Footer navigation">
             <a routerLink="/">Inizio</a>

frontend/src/app/pages/booking-placeholder-page.component.ts

@@ -30,21 +30,21 @@ type ApiValidationErrors = Record<string, string[]>;
     <section class="page">
       <header class="page-header">
         <p class="eyebrow">Prenotazione</p>
-        <h1>Richiedi i tuoi posti</h1>
+        <h1>Richiedi i tuoi posti con calma</h1>
         <p class="supporting">
-          Replica {{ performanceId }}. Compila il modulo: ti invieremo un link email di conferma prima che la prenotazione diventi attiva.
+          Replica {{ performanceId }}. Compila il modulo con i dati essenziali: ti invieremo un'email per confermare la richiesta prima che i posti vengano assegnati in modo definitivo.
         </p>
       </header>
 
       <div class="booking-grid">
         <mat-card class="summary-card">
           <mat-card-content>
-            <p class="summary-label">Prima di inviare</p>
+            <p class="summary-label">Come funziona</p>
-            <h2>La prenotazione si attiva solo dopo la conferma via email.</h2>
+            <h2>Ti chiediamo pochi dati e ti accompagniamo fino alla conferma.</h2>
             <ul class="summary-list">
-              <li>Il link di conferma arriva all'indirizzo email che inserisci.</li>
+              <li>Riceverai un link di conferma all'indirizzo email che inserisci.</li>
-              <li>La disponibilita' viene verificata sul server prima della conferma.</li>
+              <li>La disponibilita' viene controllata prima della conferma finale.</li>
-              <li>Il QR code viene generato solo dopo la conferma della prenotazione.</li>
+              <li>Dopo la conferma avrai il tuo QR code per l'ingresso.</li>
             </ul>
           </mat-card-content>
         </mat-card>
@@ -57,11 +57,11 @@ type ApiValidationErrors = Record<string, string[]>;
                 <mat-icon fontSet="material-symbols-outlined">mark_email_read</mat-icon>
               </div>
               <div>
-                <h2>Richiesta inviata</h2>
+                <h2>La tua richiesta e' partita</h2>
-                <p>Controlla la tua email per confermare la prenotazione e ottenere il QR code per l'ingresso.</p>
+                <p>Controlla la tua email: con un ultimo passaggio potrai confermare la prenotazione e ricevere il QR code per l'ingresso.</p>
                 <div class="status-steps">
-                  <span><mat-icon fontSet="material-symbols-outlined">mail</mat-icon> Apri l'email di conferma</span>
+                  <span><mat-icon fontSet="material-symbols-outlined">mail</mat-icon> Apri l'email che ti abbiamo inviato</span>
-                  <span><mat-icon fontSet="material-symbols-outlined">verified</mat-icon> Conferma la tua prenotazione</span>
+                  <span><mat-icon fontSet="material-symbols-outlined">verified</mat-icon> Conferma i posti con un tocco</span>
                 </div>
               </div>
             </div>
@@ -69,7 +69,7 @@ type ApiValidationErrors = Record<string, string[]>;
             <form [formGroup]="bookingForm" (ngSubmit)="submit()" novalidate>
               <div class="intro-note">
                 <mat-icon fontSet="material-symbols-outlined">info</mat-icon>
-                <p>Ti chiediamo solo l'essenziale. I posti vengono confermati solo dopo la verifica via email.</p>
+                <p>Ti chiediamo solo il necessario. La conferma via email ci aiuta a tenere la disponibilita' chiara per tutti.</p>
               </div>
 
               <div class="form-grid">
@@ -86,7 +86,7 @@ type ApiValidationErrors = Record<string, string[]>;
                   <mat-icon matPrefix fontSet="material-symbols-outlined">mail</mat-icon>
                   <mat-label>Email</mat-label>
                   <input matInput type="email" formControlName="email" autocomplete="email" />
-                  <mat-hint>Invieremo qui il link di conferma.</mat-hint>
+                  <mat-hint>Qui arrivera' il link per confermare la tua richiesta.</mat-hint>
                   @if (bookingForm.controls.email.touched && bookingForm.controls.email.hasError('required')) {
                     <mat-error>L'email e' obbligatoria.</mat-error>
                   }
@@ -99,7 +99,7 @@ type ApiValidationErrors = Record<string, string[]>;
                   <mat-icon matPrefix fontSet="material-symbols-outlined">group</mat-icon>
                   <mat-label>Numero di posti</mat-label>
                   <input matInput type="number" min="1" step="1" formControlName="partySize" />
-                  <mat-hint>Indica il numero totale di persone della prenotazione.</mat-hint>
+                  <mat-hint>Indica quante persone desideri includere nella prenotazione.</mat-hint>
                   @if (bookingForm.controls.partySize.touched && bookingForm.controls.partySize.hasError('required')) {
                     <mat-error>Il numero di posti e' obbligatorio.</mat-error>
                   }
@@ -413,7 +413,7 @@ export class BookingPlaceholderPageComponent {
             this.fieldErrors.set(this.flattenValidationErrors(error.error as ApiValidationErrors));
             return;
           }
-          this.submitError.set('Non siamo riusciti a creare la prenotazione. Riprova.');
+          this.submitError.set('Non siamo riusciti a inviare la richiesta in questo momento. Riprova tra poco.');
         },
       });
   }

frontend/src/app/pages/check-in-placeholder-page.component.ts

@@ -64,19 +64,19 @@ type BarcodeDetectorConstructor = new (options?: { formats?: string[] }) => Barc
     <section class="page">
       <header class="page-header">
         <p class="eyebrow">Accoglienza staff</p>
-        <h1>Verifica ingresso</h1>
+        <h1>Controllo accessi</h1>
-        <p class="supporting">Inserisci il token manualmente oppure inquadra il QR code per controllare i dati di accesso e confermare l'ingresso.</p>
+        <p class="supporting">Usa questa pagina per verificare rapidamente il QR code o il token della prenotazione e registrare l'ingresso senza incertezze.</p>
       </header>
 
       <div class="checkin-grid">
         <mat-card class="side-card">
           <mat-card-content>
             <p class="side-label">Ingresso sala</p>
-            <h2>Uno strumento pensato per un'accoglienza rapida e chiara.</h2>
+            <h2>Uno strumento pensato per accogliere bene, anche nei momenti piu' intensi.</h2>
             <ul class="side-list">
-              <li>Inquadra il QR code quando la fotocamera del dispositivo e' disponibile.</li>
+              <li>Inquadra il QR code se la fotocamera del dispositivo e' disponibile.</li>
-              <li>Inserisci il token manualmente se la scansione non e' possibile.</li>
+              <li>Inserisci il token a mano se la scansione non e' praticabile.</li>
-              <li>Conferma l'ingresso solo dopo aver verificato che i dati corrispondano alla prenotazione.</li>
+              <li>Conferma l'ingresso solo quando i dati a schermo corrispondono alla prenotazione del pubblico.</li>
             </ul>
           </mat-card-content>
         </mat-card>
@@ -86,7 +86,7 @@ type BarcodeDetectorConstructor = new (options?: { formats?: string[] }) => Barc
           <section class="scanner-panel">
             <div class="scanner-copy">
               <h2>Scansione con fotocamera</h2>
-              <p>Disponibile nei browser compatibili. Se il QR contiene l'intero link di check-in, il token viene estratto automaticamente.</p>
+              <p>Nei browser compatibili il token viene letto automaticamente dal QR code, anche quando contiene l'intero link di check-in.</p>
             </div>
 
             <div class="actions scanner-actions">
@@ -136,7 +136,7 @@ type BarcodeDetectorConstructor = new (options?: { formats?: string[] }) => Barc
                   <mat-progress-spinner mode="indeterminate" diameter="18"></mat-progress-spinner>
                   <span>Verifica in corso...</span>
                 } @else {
-                  <span>Anteprima check-in</span>
+                  <span>Controlla prenotazione</span>
                 }
               </button>
               <a mat-button routerLink="/">Inizio</a>
@@ -146,7 +146,7 @@ type BarcodeDetectorConstructor = new (options?: { formats?: string[] }) => Barc
 
           @if (previewData() && shouldShowPreview()) {
             <section class="preview-panel" aria-live="polite">
-              <h2>Anteprima accesso</h2>
+              <h2>Dati per l'ingresso</h2>
               <dl>
                 <div><dt>Spettacolo</dt><dd>{{ previewData()!.show_title }}</dd></div>
                 <div><dt>Spazio</dt><dd>{{ previewData()!.venue_name }}</dd></div>
@@ -157,11 +157,11 @@ type BarcodeDetectorConstructor = new (options?: { formats?: string[] }) => Barc
               <button mat-flat-button type="button" (click)="confirm()" [disabled]="isBusy() || state() === 'confirm_success'">
                 @if (state() === 'confirm_loading') {
                   <mat-progress-spinner mode="indeterminate" diameter="18"></mat-progress-spinner>
-                  <span>Conferma in corso...</span>
+                  <span>Registrazione in corso...</span>
                 } @else if (state() === 'confirm_success') {
                   <span>Ingresso registrato</span>
                 } @else {
-                  <span>Conferma ingresso</span>
+                  <span>Registra ingresso</span>
                 }
               </button>
             </section>
@@ -169,24 +169,24 @@ type BarcodeDetectorConstructor = new (options?: { formats?: string[] }) => Barc
 
           @if (state() === 'confirm_success' && confirmData()) {
             <p class="success-message" aria-live="polite">
-              Ingresso confermato alle {{ confirmData()!.checked_in_at | date: 'HH:mm' }}.
+              Ingresso registrato alle {{ confirmData()!.checked_in_at | date: 'HH:mm' }}.
             </p>
           }
 
           @if (state() === 'invalid_token') {
-            <p class="error-message" aria-live="assertive">Token non valido.</p>
+            <p class="error-message" aria-live="assertive">Il token inserito non e' valido.</p>
           }
           @if (state() === 'pending_reservation') {
-            <p class="error-message" aria-live="assertive">La prenotazione non e' ancora confermata.</p>
+            <p class="error-message" aria-live="assertive">La prenotazione non e' ancora stata confermata dal pubblico.</p>
           }
           @if (state() === 'already_checked_in') {
-            <p class="error-message" aria-live="assertive">Questa prenotazione risulta gia' registrata all'ingresso.</p>
+            <p class="error-message" aria-live="assertive">Questa prenotazione risulta gia' registrata in ingresso.</p>
           }
           @if (state() === 'unauthorized') {
             <p class="error-message" aria-live="assertive">Non sei autorizzato. Accedi a <code>/admin</code> con un account staff, lascia ricaricare la pagina con quella sessione e poi riprova.</p>
           }
           @if (state() === 'error') {
-            <p class="error-message" aria-live="assertive">Qualcosa non ha funzionato. Riprova.</p>
+            <p class="error-message" aria-live="assertive">Non siamo riusciti a completare la verifica. Riprova tra poco.</p>
           }
           </mat-card-content>
         </mat-card>

frontend/src/app/pages/home-page.component.ts

@@ -13,13 +13,13 @@ import { API_BASE_URL } from '../services/api-config.token';
       <div class="hero-copy">
         <img class="hero-logo" src="assets/azione-lab.jpg" alt="AzioneLab" />
         <p class="eyebrow">AzioneLab</p>
-        <h1>Laboratori, scena e produzioni che mettono il pubblico al centro.</h1>
+        <h1>Un luogo dove il teatro prende forma, voce e relazione.</h1>
         <p class="supporting">
-          AzioneLab intreccia laboratori teatrali, produzioni audio/visive e una presenza scenica pensata per spazi vivi e raccolti. Il sito accompagna il pubblico con chiarezza: scoperta degli spettacoli, prenotazione essenziale, conferma serena all'ingresso.
+          AzioneLab intreccia laboratori teatrali, produzioni audio/visive e momenti scenici costruiti con cura. Qui il pubblico trova una casa aperta: puo' scoprire gli spettacoli, prenotare con semplicita' e arrivare in sala con la leggerezza di chi sa gia' dove andare.
         </p>
         <div class="hero-actions">
-          <a mat-flat-button color="primary" routerLink="/shows">Scopri gli spettacoli</a>
+          <a mat-flat-button color="primary" routerLink="/shows">Entra nella programmazione</a>
-          <a mat-stroked-button routerLink="/check-in">Area accoglienza</a>
+          <a mat-stroked-button routerLink="/check-in">Vai all'accoglienza</a>
         </div>
       </div>
 
@@ -27,8 +27,8 @@ import { API_BASE_URL } from '../services/api-config.token';
         <div class="curtain"></div>
         <div class="stage-glow"></div>
         <div class="stage-copy">
-          <span>Questa sera da AzioneLab</span>
+          <span>Questa sera in scena</span>
-          <strong>Le porte aprono 30 minuti prima dell'inizio</strong>
+          <strong>Ti aspettiamo in sala con il tempo giusto per entrare nell'atmosfera</strong>
         </div>
       </div>
     </section>
@@ -36,29 +36,29 @@ import { API_BASE_URL } from '../services/api-config.token';
     <section class="overview page">
       <div class="section-heading">
         <div>
-          <p class="eyebrow">In breve</p>
+          <p class="eyebrow">Perche' AzioneLab</p>
-          <h2>Un sito pensato per una compagnia viva, non per una macchina impersonale di biglietteria</h2>
+          <h2>Non solo prenotazioni: un invito a entrare nel lavoro, nell'ascolto e nella scena</h2>
         </div>
-        <p class="supporting">L'esperienza pubblica resta semplice: scegli uno spettacolo, richiedi i posti, conferma via email, arriva con il tuo QR code.</p>
+        <p class="supporting">Ogni passaggio e' pensato per restare umano: guardi cosa c'e', scegli la data, ricevi conferma e arrivi in teatro senza attriti.</p>
       </div>
 
       <div class="feature-grid">
         <mat-card class="feature-card">
-          <mat-card-title>Scegli la replica giusta</mat-card-title>
+          <mat-card-title>Trova la serata che fa per te</mat-card-title>
           <mat-card-content>
-            <p>Le schede degli spettacoli tengono in primo piano luogo, orari e disponibilita', senza confusione.</p>
+            <p>Le schede tengono vicini i dettagli che contano davvero: luogo, orario, disponibilita' e respiro dello spettacolo.</p>
           </mat-card-content>
         </mat-card>
         <mat-card class="feature-card">
-          <mat-card-title>Conferma via email</mat-card-title>
+          <mat-card-title>Una conferma semplice, senza fretta</mat-card-title>
           <mat-card-content>
-            <p>Le richieste restano in attesa finche' il pubblico non conferma, cosi' la capienza resta affidabile e semplice da gestire.</p>
+            <p>Ricevi un'email, confermi quando vuoi e la tua prenotazione prende forma in modo chiaro e affidabile.</p>
           </mat-card-content>
         </mat-card>
         <mat-card class="feature-card">
-          <mat-card-title>Accoglienza rapida</mat-card-title>
+          <mat-card-title>Accoglienza attenta all'ingresso</mat-card-title>
           <mat-card-content>
-            <p>Lo staff puo' verificare il token, controllarlo lato server e registrare l'ingresso in un flusso compatto.</p>
+            <p>Lo staff puo' accompagnare l'arrivo del pubblico con uno strumento rapido, discreto e pensato per il lavoro in sala.</p>
           </mat-card-content>
         </mat-card>
       </div>
@@ -66,21 +66,21 @@ import { API_BASE_URL } from '../services/api-config.token';
 
     <section class="journey-grid page">
       <div class="journey-copy">
-        <p class="eyebrow">Percorso del pubblico</p>
+        <p class="eyebrow">Il percorso del pubblico</p>
-        <h2>Dall'interesse all'ingresso in pochi passaggi chiari</h2>
+        <h2>Dalla curiosita' al posto in sala, con naturalezza</h2>
         <ol>
-          <li>Esplora la programmazione pubblica e apri la scheda di uno spettacolo.</li>
+          <li>Scopri la programmazione e lasciati guidare dalla scheda di ogni spettacolo.</li>
-          <li>Richiedi i posti per una replica e conferma via email.</li>
+          <li>Richiedi i posti per la replica che preferisci e conferma dall'email ricevuta.</li>
-          <li>Tieni pronto il QR code sul telefono o su carta per l'ingresso.</li>
+          <li>Conserva il QR code sul telefono oppure stampalo e portalo con te all'ingresso.</li>
         </ol>
       </div>
 
       <mat-card class="meta-card">
-        <mat-card-title>Base tecnica</mat-card-title>
+        <mat-card-title>Dietro le quinte</mat-card-title>
         <mat-card-content>
-          <p class="meta-label">URL base API</p>
+          <p class="meta-label">Collegamento API</p>
           <code>{{ apiBaseUrl }}</code>
-          <p class="meta-note">Il frontend resta allineato alle API Django gia' esistenti, senza cambiare i contratti del backend.</p>
+          <p class="meta-note">La parte pubblica del sito dialoga con le API Django esistenti senza cambiare il comportamento del backend.</p>
         </mat-card-content>
       </mat-card>
     </section>

frontend/src/app/pages/reservation-confirm-page.component.ts

@@ -24,8 +24,8 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
     <section class="page">
       <header class="page-header">
         <p class="eyebrow">Conferma prenotazione</p>
-        <h1>Conferma via email</h1>
+        <h1>Ci siamo quasi</h1>
-        <p class="supporting">Usa il link ricevuto nella tua casella email per confermare la prenotazione e ottenere il QR code per l'ingresso.</p>
+        <p class="supporting">Stai completando l'ultimo passaggio: appena la conferma va a buon fine, il tuo QR code sara' pronto per accompagnarti all'ingresso.</p>
       </header>
 
       <mat-card class="status-card">
@@ -34,8 +34,8 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
             <div class="status-panel loading" aria-live="polite">
               <mat-progress-spinner mode="indeterminate" diameter="36"></mat-progress-spinner>
               <div>
-                <h2>Stiamo confermando la prenotazione...</h2>
+                <h2>Stiamo completando la tua conferma...</h2>
-                <p>Attendi qualche istante mentre verifichiamo il link.</p>
+                <p>Un attimo ancora, stiamo verificando il link ricevuto via email.</p>
               </div>
             </div>
           }
@@ -46,11 +46,11 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
                 <mat-icon fontSet="material-symbols-outlined">verified</mat-icon>
               </div>
               <div>
-                <h2>Prenotazione confermata</h2>
+                <h2>I tuoi posti sono confermati</h2>
-                <p>I tuoi posti sono confermati. Mostra questo QR code all'ingresso e conserva il link nel caso lo staff debba aprirlo manualmente.</p>
+                <p>Perfetto: la prenotazione e' andata a buon fine. Tieni questo QR code a portata di mano e mostralo all'ingresso quando arrivi.</p>
                 <div class="success-points">
-                  <span><mat-icon fontSet="material-symbols-outlined">qr_code_2</mat-icon> Pronto per l'ingresso</span>
+                  <span><mat-icon fontSet="material-symbols-outlined">qr_code_2</mat-icon> QR pronto da mostrare</span>
-                  <span><mat-icon fontSet="material-symbols-outlined">theater_comedy</mat-icon> Ci vediamo a teatro</span>
+                  <span><mat-icon fontSet="material-symbols-outlined">theater_comedy</mat-icon> Ti aspettiamo in sala</span>
                 </div>
               </div>
             </div>
@@ -72,11 +72,11 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
             <div class="next-steps">
               <div>
                 <p class="step-label">Cosa fare adesso</p>
-                <p>Conserva il QR code sul telefono oppure stampalo. Lo staff potra' leggerlo direttamente all'ingresso.</p>
+                <p>Conserva il QR code sul telefono oppure stampalo. All'ingresso bastera' mostrarlo allo staff.</p>
               </div>
               <div>
                 <p class="step-label">Ti serve di nuovo il link?</p>
-                <p>Tieni l'email di conferma: potrai riaprire la pagina di check-in in qualsiasi momento se dovrai mostrare ancora il QR.</p>
+                <p>Tieni l'email di conferma: potrai riaprire questa pagina in qualsiasi momento se vorrai recuperare il QR.</p>
               </div>
             </div>
           }
@@ -88,7 +88,7 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
               </div>
               <div>
                 <h2>Link di conferma non valido</h2>
-                <p>Questo token non e' valido. Usa l'ultimo link di conferma ricevuto via email.</p>
+                <p>Questo link non risulta valido. Ti consigliamo di usare l'ultimo messaggio ricevuto via email.</p>
               </div>
             </div>
           }
@@ -100,7 +100,7 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
               </div>
               <div>
                 <h2>Link di conferma scaduto</h2>
-                <p>Questo link e' scaduto. Crea una nuova prenotazione.</p>
+                <p>Il link che hai aperto non e' piu' attivo. Ti chiediamo di creare una nuova prenotazione.</p>
               </div>
             </div>
           }
@@ -111,8 +111,8 @@ type ConfirmationState = 'loading' | 'success' | 'invalid' | 'expired' | 'error'
                 <mat-icon fontSet="material-symbols-outlined">warning</mat-icon>
               </div>
               <div>
-                <h2>Non siamo riusciti a confermare la prenotazione</h2>
+                <h2>Non siamo riusciti a completare la conferma</h2>
-                <p>Riprova tra qualche istante.</p>
+                <p>Riprova tra qualche istante: il tuo link potrebbe avere bisogno di un nuovo tentativo.</p>
               </div>
             </div>
           }