feat: sync all BRAIN mobile changes - onboarding, cookies, legal, mobile UX, settings
- Add OnboardingWizard, BetaBanner, CookieBanner components - Add legal pages (Privacy, Terms, Cookies) - Update Layout with mobile topbar, sidebar drawer, plan banner - Update SettingsPage with profile, API config, security - Update CharacterForm with topic suggestions, niche chips - Update EditorialCalendar with shared strategy card - Update ContentPage with narrative technique + brief - Update SocialAccounts with 4 platforms and token guides - Fix CSS button color inheritance, mobile responsive - Add backup script - Update .gitignore for pgdata and backups Co-Authored-By: Claude (BRAIN/StackOS) <noreply@anthropic.com>
This commit is contained in:
Michele Borraccia
129
frontend/src/components/legal/CookiePolicy.jsx
Normal file
129
frontend/src/components/legal/CookiePolicy.jsx
Normal file
@@ -0,0 +1,129 @@
|
||||
import LegalLayout from './LegalLayout'
|
||||
|
||||
export default function CookiePolicy() {
|
||||
return (
|
||||
<LegalLayout title="Cookie Policy" updated="1 aprile 2026">
|
||||
|
||||
<Section title="1. Cosa sono i cookie">
|
||||
<p>
|
||||
I cookie sono piccoli file di testo che vengono salvati sul tuo dispositivo quando visiti
|
||||
un sito web. Consentono al sito di ricordare le tue azioni e preferenze nel tempo,
|
||||
migliorando la tua esperienza di navigazione.
|
||||
</p>
|
||||
</Section>
|
||||
|
||||
<Section title="2. Tipologie di cookie utilizzati">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Nome</th>
|
||||
<th>Tipo</th>
|
||||
<th>Durata</th>
|
||||
<th>Finalità</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>leopost_token</code></td>
|
||||
<td>Necessario</td>
|
||||
<td>7 giorni</td>
|
||||
<td>Token di autenticazione JWT. Mantiene la sessione attiva dopo il login.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>leopost_cookie_consent</code></td>
|
||||
<td>Necessario</td>
|
||||
<td>12 mesi</td>
|
||||
<td>Registra le tue preferenze di consenso sui cookie per non riproporre il banner.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>leopost_session</code></td>
|
||||
<td>Necessario</td>
|
||||
<td>Sessione</td>
|
||||
<td>Cookie di sessione per la sicurezza del form CSRF. Eliminato alla chiusura del browser.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<p style={{ marginTop: '1.25rem' }}>
|
||||
Al momento Leopost <strong>non utilizza cookie analitici o di marketing di terze parti</strong>.
|
||||
Se in futuro venissero introdotti (es. Google Analytics), questa policy verrà aggiornata
|
||||
e ti verrà richiesto un nuovo consenso.
|
||||
</p>
|
||||
</Section>
|
||||
|
||||
<Section title="3. Cookie di terze parti">
|
||||
<p>
|
||||
Se accedi tramite <strong>Google OAuth</strong>, Google potrebbe impostare cookie propri
|
||||
sul tuo browser durante il processo di autenticazione. Questi cookie sono soggetti alla
|
||||
<a href="https://policies.google.com/privacy" target="_blank" rel="noreferrer"> Privacy Policy di Google</a>.
|
||||
</p>
|
||||
<p>
|
||||
Se colleghi account social (Facebook, Instagram, YouTube, TikTok) per la pubblicazione,
|
||||
le rispettive piattaforme potrebbero impostare cookie propri. Questi sono al di fuori
|
||||
del controllo di Leopost.
|
||||
</p>
|
||||
</Section>
|
||||
|
||||
<Section title="4. Come gestire i cookie">
|
||||
<p>Puoi gestire le tue preferenze in qualsiasi momento tramite:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<strong>Il banner cookie di Leopost</strong> — Clicca su "Gestisci preferenze" nel
|
||||
banner che appare al primo accesso, oppure cancella il cookie{' '}
|
||||
<code>leopost_cookie_consent</code> dal tuo browser per ripristinare le opzioni.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Le impostazioni del browser</strong> — Puoi bloccare o cancellare tutti i cookie
|
||||
direttamente dalle impostazioni del tuo browser. Nota: disabilitare i cookie necessari
|
||||
potrebbe impedire l'accesso alla piattaforma.
|
||||
</li>
|
||||
</ul>
|
||||
<table style={{ marginTop: '1rem' }}>
|
||||
<thead>
|
||||
<tr><th>Browser</th><th>Come gestire i cookie</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><td>Chrome</td><td>Impostazioni → Privacy e sicurezza → Cookie e altri dati dei siti</td></tr>
|
||||
<tr><td>Firefox</td><td>Impostazioni → Privacy e sicurezza → Cookie e dati del sito</td></tr>
|
||||
<tr><td>Safari</td><td>Preferenze → Privacy → Gestisci dati dei siti web</td></tr>
|
||||
<tr><td>Edge</td><td>Impostazioni → Cookie e autorizzazioni del sito</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</Section>
|
||||
|
||||
<Section title="5. Aggiornamenti a questa policy">
|
||||
<p>
|
||||
Questa Cookie Policy potrebbe essere aggiornata per riflettere modifiche al servizio
|
||||
o alla normativa applicabile. In caso di modifiche sostanziali, ti informeremo tramite
|
||||
email o con un avviso nella piattaforma.
|
||||
</p>
|
||||
<p>
|
||||
Per domande scrivi a <a href="mailto:info@leopost.it">info@leopost.it</a>.
|
||||
</p>
|
||||
</Section>
|
||||
|
||||
</LegalLayout>
|
||||
)
|
||||
}
|
||||
|
||||
function Section({ title, children }) {
|
||||
return (
|
||||
<section style={{ marginBottom: '2rem' }}>
|
||||
<h2 style={{
|
||||
fontFamily: "'Fraunces', serif",
|
||||
fontSize: '1.1rem',
|
||||
fontWeight: 600,
|
||||
color: '#1A1A1A',
|
||||
marginBottom: '0.75rem',
|
||||
paddingBottom: '0.5rem',
|
||||
borderBottom: '2px solid #E85A4F',
|
||||
display: 'inline-block',
|
||||
}}>
|
||||
{title}
|
||||
</h2>
|
||||
<div style={{ fontSize: '0.9rem', color: '#1A1A1A', lineHeight: 1.7 }}>
|
||||
{children}
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user