"use client";

import React from "react";

export default function CookiesPolicyPage() {
	return (
		<div className='cookies-wrapper'>
			<style jsx>{`
				.cookies-wrapper {
					background-color: #f5f7fa;
					min-height: 100vh;
					display: flex;
					justify-content: center;
					align-items: flex-start;
					padding: 60px 20px;
					font-family: "Inter", Arial, sans-serif;
					color: #333;
				}

				.cookies-container {
					background: #fff;
					max-width: 900px;
					width: 100%;
					padding: 50px 60px;
					border-radius: 16px;
					box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
				}

				.cookies-title {
					font-size: 2.4rem;
					font-weight: 700;
					color: #111;
					margin-bottom: 10px;
				}

				.cookies-meta {
					color: #666;
					font-size: 0.95rem;
					margin-bottom: 40px;
				}

				h2 {
					font-size: 1.4rem;
					color: #111;
					margin-top: 40px;
					margin-bottom: 12px;
				}

				h3 {
					font-size: 1.1rem;
					color: #222;
					margin-top: 25px;
					margin-bottom: 10px;
				}

				p {
					line-height: 1.7;
					margin-bottom: 16px;
				}

				ul {
					list-style: disc;
					margin-left: 25px;
					margin-bottom: 16px;
				}

				a {
					color: #0077cc;
					text-decoration: none;
				}

				a:hover {
					text-decoration: underline;
				}

				.cookies-button {
					display: inline-block;
					padding: 10px 30px;
					background: #f8f9fa;
					color: #555;
					border: 1px solid #ccc;
					border-radius: 6px;
					cursor: pointer;
					transition: all 0.2s ease;
				}

				.cookies-button:hover {
					background: #e9ecef;
					color: #000;
				}

				.table-wrapper {
					width: 100%;
					overflow-x: auto;
					margin-bottom: 25px;
				}

				table {
					width: 100%;
					border-collapse: collapse;
					font-size: 0.95rem;
				}

				th,
				td {
					padding: 12px 10px;
					text-align: left;
					border-bottom: 1px solid #e5e5e5;
				}

				th {
					background-color: #f2f2f2;
					color: #111;
					font-weight: 600;
				}

				td {
					color: #444;
				}

				.cookies-footer {
					margin-top: 40px;
					font-size: 0.9rem;
					color: #777;
					text-align: center;
				}

				@media (max-width: 768px) {
					.cookies-container {
						padding: 30px 20px;
					}

					.cookies-title {
						font-size: 2rem;
					}

					table {
						font-size: 0.85rem;
					}
				}
			`}</style>
			<div className='cookies-container'>
				<h1 className='cookies-title'>Politica sui Cookie</h1>
				<p className='cookies-meta'>
					Data di entrata in vigore: <strong>21 ottobre 2025</strong> <br />
					Ultimo aggiornamento: <strong>21 ottobre 2025</strong>
				</p>

				<h2>Cosa sono i cookie?</h2>
				<p>
					La presente Politica sui Cookie spiega cosa sono i cookie, come li utilizziamo, i tipi di
					cookie che usiamo e come puoi gestire le impostazioni dei cookie.
				</p>
				<p>
					I cookie sono piccoli file di testo utilizzati per memorizzare piccole quantità di
					informazioni. Vengono salvati sul tuo dispositivo quando un sito web si carica nel browser.
					Contribuiscono al corretto funzionamento del sito, migliorano la sicurezza e offrono
					un'esperienza di navigazione migliore.
				</p>

				<h2>Come utilizziamo i cookie?</h2>
				<p>
					Come la maggior parte dei siti web, utilizziamo cookie propri e di terze parti per vari
					scopi. I cookie propri sono necessari per il corretto funzionamento del sito, mentre i cookie
					di terze parti ci aiutano ad analizzare il traffico, a fornire annunci pertinenti e a
					migliorare l'esperienza degli utenti.
				</p>

				<h2>Tipi di cookie che utilizziamo</h2>

				<h3>Necessari</h3>
				<p>
					I cookie necessari consentono le funzionalità di base del sito, come l'accesso sicuro o il
					salvataggio delle preferenze. Non raccolgono dati personali.
				</p>
				<div className='table-wrapper'>
					<table>
						<thead>
							<tr>
								<th>Cookie</th>
								<th>Durata</th>
								<th>Descrizione</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>cookie_consent</td>
								<td>1 anno</td>
								<td>Cookie utilizzato per salvare le preferenze di consenso.</td>
							</tr>
						</tbody>
					</table>
				</div>

				<p>
					Il sito utilizza esclusivamente il cookie cookie_consent, impiegato per memorizzare le
					preferenze espresse dai visitatori. Non vengono utilizzati cookie di analisi, marketing o
					profilazione. La durata di archiviazione dei cookie è di 12 mesi (1 anno) e le preferenze
					possono essere modificate dal banner di consenso.
				</p>

				<h3>Funzionali</h3>
				<p>
					I cookie funzionali consentono di attivare funzionalità aggiuntive come la condivisione sui
					social network o la raccolta di feedback.
				</p>
				<div className='table-wrapper'>
					<table>
						<thead>
							<tr>
								<th>Cookie</th>
								<th>Durata</th>
								<th>Descrizione</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>

				<h3>Analitici</h3>
				<p>
					I cookie analitici ci aiutano a capire come gli utenti interagiscono con il sito, raccogliendo
					informazioni anonime sul traffico e sulle prestazioni.
				</p>
				<div className='table-wrapper'>
					<table>
						<thead>
							<tr>
								<th>Cookie</th>
								<th>Durata</th>
								<th>Descrizione</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>

				<h3>Non categorizzati</h3>
				<p>
					I cookie non categorizzati sono quelli in corso di analisi e che non sono ancora stati
					classificati in una categoria specifica.
				</p>
				<div className='table-wrapper'>
					<table>
						<thead>
							<tr>
								<th>Cookie</th>
								<th>Durata</th>
								<th>Descrizione</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>

				<ul>
					<li>
						Chrome:{" "}
						<a
							href='https://support.google.com/accounts/answer/32050'
							target='_blank'
							rel='noreferrer'>
							Supporto Google
						</a>
					</li>
					<li>
						Safari:{" "}
						<a
							href='https://support.apple.com/en-in/guide/safari/sfri11471/mac'
							target='_blank'
							rel='noreferrer'>
							Supporto Apple
						</a>
					</li>
					<li>
						Firefox:{" "}
						<a
							href='https://support.mozilla.org/en-US/kb/clear-cookies-and-site-data-firefox'
							target='_blank'
							rel='noreferrer'>
							Supporto Mozilla
						</a>
					</li>
					<li>
						Internet Explorer:{" "}
						<a
							href='https://support.microsoft.com/en-us/topic/how-to-delete-cookie-files-in-internet-explorer-bca9446f-d873-78de-77ba-d42645fa52fc'
							target='_blank'
							rel='noreferrer'>
							Supporto Microsoft
						</a>
					</li>
				</ul>
			</div>
		</div>
	);
}