144 lines
5.8 KiB
JavaScript
144 lines
5.8 KiB
JavaScript
import Head from "next/head";
|
|
import Navigation from "../components/templates/navigation";
|
|
import Footer from "../components/templates/footer";
|
|
|
|
export default function Rodo() {
|
|
const downloadRodo = () => {
|
|
const fileUrl = "./rozporzadzenie-rodo.pdf";
|
|
const link = document.createElement("a");
|
|
link.href = fileUrl;
|
|
link.download = "rozporzadzenie-rodo.pdf";
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
};
|
|
|
|
const downloadRodoWastpol = () => {
|
|
const fileUrl = "./rodo-wastpol.pdf";
|
|
const link = document.createElement("a");
|
|
link.href = fileUrl;
|
|
link.download = "rodo-wastpol.pdf";
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
};
|
|
|
|
return (
|
|
<div className="font-sans scroll-smooth antialiased">
|
|
<Head>
|
|
<title>RODO - Ochrona Danych Osobowych | Wastpol</title>
|
|
<meta
|
|
name="description"
|
|
content="Informacje dotyczące ochrony danych osobowych w firmie Wastpol zgodnie z RODO"
|
|
/>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet" />
|
|
</Head>
|
|
|
|
<Navigation />
|
|
|
|
{/* Hero Section for RODO */}
|
|
<div className="bg-gray-900 text-white py-20 mt-20">
|
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
|
<h1 className="text-4xl font-bold mb-4">
|
|
Ochrona Danych Osobowych
|
|
</h1>
|
|
<p className="text-xl text-gray-300">
|
|
Informacje dotyczące przetwarzania danych osobowych zgodnie z RODO
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Main Content */}
|
|
<div className="py-16 bg-gray-50">
|
|
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div className="bg-white rounded-lg shadow-lg p-8 md:p-12">
|
|
<section className="mb-12">
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-6">
|
|
RODO
|
|
</h2>
|
|
<p className="text-lg text-gray-600 leading-relaxed mb-8">
|
|
RODO czyli Rozporządzenie Parlamentu Europejskiego i Rady (UE)
|
|
2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób
|
|
fizycznych w związku z przetwarzaniem danych osobowych i w sprawie
|
|
swobodnego przepływu takich danych oraz uchylenia dyrektywy
|
|
95/46/WE (ogólne rozporządzenie o ochronie danych).
|
|
</p>
|
|
<button
|
|
className="bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-300 inline-flex items-center"
|
|
onClick={downloadRodo}
|
|
>
|
|
<svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
</svg>
|
|
Pobierz rozporządzenie
|
|
</button>
|
|
</section>
|
|
|
|
<section className="mb-12">
|
|
<h2 className="text-3xl font-bold text-gray-900 mb-6">
|
|
Inspektor Ochrony Danych
|
|
</h2>
|
|
<div className="bg-blue-50 border-l-4 border-blue-400 p-6 mb-6">
|
|
<p className="text-lg text-gray-700 leading-relaxed">
|
|
Powołaliśmy Inspektora Ochrony Danych, z którym mogą się Państwo
|
|
skontaktować w sprawach dotyczących ochrony danych osobowych.
|
|
</p>
|
|
</div>
|
|
|
|
<div className="grid md:grid-cols-2 gap-6 mb-8">
|
|
<div className="flex items-start space-x-3">
|
|
<svg className="w-6 h-6 text-blue-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
|
|
</svg>
|
|
<div>
|
|
<h4 className="font-semibold text-gray-900">Email</h4>
|
|
<a href="mailto:biuro@wastpol.pl" className="text-blue-600 hover:text-blue-700 transition-colors">
|
|
biuro@wastpol.pl
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="flex items-start space-x-3">
|
|
<svg className="w-6 h-6 text-blue-600 mt-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
|
|
</svg>
|
|
<div>
|
|
<h4 className="font-semibold text-gray-900">Adres korespondencyjny</h4>
|
|
<p className="text-gray-600">
|
|
IOD PPHU WASTPOL<br />
|
|
33-300 Nowy Sącz<br />
|
|
Aleje Wolności 6
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<p className="text-lg text-gray-600 leading-relaxed mb-8">
|
|
Aby dowiedzieć się więcej na temat przetwarzania danych w firmie
|
|
WASTPOL zapoznaj się z poniższym dokumentem.
|
|
</p>
|
|
<button
|
|
className="bg-gray-600 hover:bg-gray-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-300 inline-flex items-center"
|
|
onClick={downloadRodoWastpol}
|
|
>
|
|
<svg className="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
</svg>
|
|
Klauzula informacyjna firmy WASTPOL
|
|
</button>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|