Admin/static-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit with essential code files only

Browse Source
This commit is contained in:
RKWojs
2025-07-18 16:13:09 +02:00
commit 8e9b0ef8a8
33 changed files with 1703 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
pages/rodo.js Normal file
View File

@@ -0,0 +1,143 @@
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>
);
}