Add privacy policy page

.eslintrc.js

@@ -62,6 +62,12 @@ module.exports = {
       },
       rules: {
         ...commonRules,
+        'react/jsx-props-no-spreading': [
+          'error',
+          {
+            html: 'ignore',
+          },
+        ],
         'react/require-default-props': 'off',
       },
     },

src/components/ui/footer/Footer.tsx

@@ -3,11 +3,16 @@ import React, { forwardRef } from 'react';
 import Heading from '../../text/heading/Heading';
 import FacebookIcon from '../../../assets/facebook.svg';
 import FooterIconLink from './FooterIconLink';
-import FooterLink from './FooterLink';
 import InstagramIcon from '../../../assets/instagram.svg';
 import LinkedInIcon from '../../../assets/linked-in.svg';
+import PhoneLink from '../link/PhoneLink';
+import EmailLink from '../link/EmailLink';
 import Section from '../section/Section';
-import { COOKIE_POLICY_PAGE } from '../../../const/routes';
+import {
+  CONTACT_EMAIL_ADDRESS,
+  CONTACT_PHONE_NUMBER,
+} from '../../../const/contact';
+import { COOKIE_POLICY_PAGE, PRIVACY_POLICY_PAGE } from '../../../const/routes';
 import { SITE_TITLE } from '../../../const/site-metadata';
 
 import {
@@ -31,19 +36,20 @@ export default forwardRef<HTMLElement>((_, ref) => {
       <Section variant="dark" className={primaryRow}>
         <div>
           <Heading variant="yellow">Zavolajte</Heading>
-          <FooterLink href="tel:+421940880930">+421 940 880 930</FooterLink>
+          <PhoneLink className={footerLink} number={CONTACT_PHONE_NUMBER} />
         </div>
         <div>
           <Heading variant="yellow">Napíšte</Heading>
-          <FooterLink href="mailto:info@markavenue.sk">
-            info@markavenue.sk
-          </FooterLink>
+          <EmailLink address={CONTACT_EMAIL_ADDRESS} className={footerLink} />
         </div>
       </Section>
       <Section variant="dark" className={secondaryRow}>
         <div>
           {SITE_TITLE} {data.site?.buildTime}
         </div>
+        <Link className={footerLink} to={PRIVACY_POLICY_PAGE}>
+          Ochrana súkromia
+        </Link>
         <Link className={footerLink} to={COOKIE_POLICY_PAGE}>
           Súbory cookies
         </Link>

src/components/ui/link/EmailLink.tsx

@@ -0,0 +1,14 @@
+import React, { ComponentProps } from 'react';
+
+interface EmailLinkProps
+  extends Omit<ComponentProps<'a'>, 'children' | 'href'> {
+  address: string;
+}
+
+export default function EmailLink({ address, ...props }: EmailLinkProps) {
+  return (
+    <a {...props} href={`mailto:${address}`}>
+      {address}
+    </a>
+  );
+}

src/components/ui/link/PhoneLink.tsx

@@ -0,0 +1,14 @@
+import React, { ComponentProps } from 'react';
+
+interface PhoneLinkProps
+  extends Omit<ComponentProps<'a'>, 'children' | 'href'> {
+  number: string;
+}
+
+export default function PhoneLink({ number, ...props }: PhoneLinkProps) {
+  return (
+    <a {...props} href={`tel:${number.replace(/ /g, '')}`}>
+      {number}
+    </a>
+  );
+}

src/const/contact.ts

@@ -0,0 +1,2 @@
+export const CONTACT_EMAIL_ADDRESS = 'info@markavenue.sk';
+export const CONTACT_PHONE_NUMBER = '+421 940 880 930';

src/const/routes.ts

@@ -7,3 +7,4 @@ export const SOUPCULTURE_PAGE = '/soupculture';
 export const QUEST_BAR_PAGE = '/quest-bar';
 
 export const COOKIE_POLICY_PAGE = '/subory-cookies';
+export const PRIVACY_POLICY_PAGE = '/ochrana-sukromia';

src/pages/ochrana-sukromia.tsx

@@ -0,0 +1,157 @@
+import React from 'react';
+
+import { Link } from 'gatsby';
+import Heading from '../components/text/heading/Heading';
+import Layout from '../components/ui/layout/Layout';
+import PageTitle from '../components/page-title/PageTitle';
+import EmailLink from '../components/ui/link/EmailLink';
+import { CONTACT_EMAIL_ADDRESS, CONTACT_PHONE_NUMBER } from '../const/contact';
+import PhoneLink from '../components/ui/link/PhoneLink';
+import { COOKIE_POLICY_PAGE } from '../const/routes';
+
+export default function PrivacyPolicyPage() {
+  return (
+    <Layout>
+      <Heading variant="normal">Ochrana súkromia</Heading>
+      <p>
+        Dátum platnosti: 12.06.2023 <br />
+        Naposledy aktualizované: 11.06.2023
+      </p>
+      <p>
+        Tieto zásady ochrany osobných údajov popisujú zásady Mark Avenue, Šuty
+        10008/34, 831 07 Bratislava-Vajnory, Slovensko, email:{' '}
+        <EmailLink address={CONTACT_EMAIL_ADDRESS} />, telefón:{' '}
+        <PhoneLink number={CONTACT_PHONE_NUMBER} /> pri zbere, používaní a
+        zverejňovaní vašich informácií, ktoré zhromažďujeme pri používaní našej
+        webovej stránky ( https://www.markavenue.sk/ ) (ďalej len
+        &quot;služba&quot;). Prístupom k tejto službe alebo jej používaním
+        súhlasíte so zhromažďovaním, používaním a zverejnením vašich údajov v
+        súlade s týmito zásadami ochrany osobných údajov. Ak s nimi nesúhlasíte,
+        nepristupujte k tejto službe a ani ju nepoužívajte.
+      </p>
+      <p>
+        Tieto zásady ochrany osobných údajov môžeme kedykoľvek upraviť bez
+        akékoľvek predchádzajúce upozornenia a zverejníme revidované zásady
+        ochrany osobných údajov v tejto službe. Revidovaná politika nadobudne
+        platnosť o 180 dní od jej zverejnenia v tejto službe a vaše pokračovanie
+        v prístupe k tejto službe alebo jej používanie aj po tomto čase bude
+        predstavovať váš súhlas s upravenými zásadami ochrany osobných údajov.
+        Preto vám odporúčame pravidelne kontrolovať túto stránku.
+      </p>
+      <h2>Ako používame vaše informácie</h2>
+      <p>
+        Použijeme informácie, ktoré o vás zhromažďujeme na nasledujúce účely:
+      </p>
+      <ol>
+        <li>Marketing/propagácia</li>
+        <li>Podpora</li>
+        <li>Informácie o správe</li>
+        <li>Cielená reklama</li>
+        <li>Ochrana stránok</li>
+        <li>Riešenie sporov</li>
+      </ol>
+      <p>
+        Ak chceme vaše údaje použiť na iné účely, požiadame vás o súhlas a
+        budeme používať vaše informácie iba po prijatí vášho súhlasu a len na
+        účely, na ktoré bol súhlas udelený, pokiaľ sa od nás nevyžaduje inak
+        podľa zákona.
+      </p>
+      <h2>Ako zdieľame vaše informácie</h2>
+      <p>
+        Vaše osobné údaje nebudeme prenášať akejkoľvek tretej strane bez
+        vyžiadania si vášho súhlasu, okrem obmedzených prípadov popísaných
+        nižšie:
+      </p>
+      <ol>
+        <li>Reklamná služba</li>
+        <li>Analytika</li>
+        <li>Zhromažďovanie a spracovanie údajov</li>
+      </ol>
+      <p>
+        Požadujeme, aby takéto tretie strany používali im prenášame osobné údaje
+        iba na účely, na ktoré boli presené a neuchovávali ich dlhšie, ako je
+        potrebné pre splnenie uvedeného účelu.
+      </p>
+      <p>
+        Tiež môžeme zverejniť vaše osobné údaje pre nasledovné: (1) vyhovenie
+        príslušnému zákonu, nariadeniu, súdnemu príkazu alebo inému právnemu
+        procesu; (2) na presadzovanie vašich dohôd s nami, vrátane týchto zásad
+        ochrany osobných údajov; alebo (3) odpovedať na tvrdenia, že vaše
+        používanie tejto služby porušuje akékoľvek práva tretích strán. Ak sa
+        táto služba alebo naša spoločnosť zlúči alebo bude nadobudnutá inou
+        spoločnosťou, vaše informácie budú jedným z majetkov, ktorý prejde na
+        nového vlastníka.
+      </p>
+      <h2>Vaše práva</h2>
+      <p>
+        V závislosti od platného zákona môžete mať právo na prístup a opravu
+        alebo vymazanie osobných údajov alebo získanie kópie svojich osobných
+        údajov, obmedziť alebo namietať voči aktívnemu spracovaniu vašich
+        údajov, požiadať nás o zdieľanie (portovanie) vašich osobných údajov
+        inému subjektu, odvolať akýkoľvek súhlas, ktorý ste nám poskytli na
+        spracovanie vašich údajov, právo podať sťažnosť so zákonnou právomocou a
+        ďalšie podobné práva relevantné podľa platných zákonov. Na uplatnenie si
+        týchto práva nám môžete napísať na{' '}
+        <EmailLink address={CONTACT_EMAIL_ADDRESS} />. Na vaše požiadavky budeme
+        reagovať v súlade s platnou legislatívou.
+      </p>
+      <p>
+        Upozorňujeme, že ak nám nedovolíte zbierať alebo spracúvať požadované
+        osobné údaje alebo odvolať súhlas na ich spracovanie pre požadované
+        účely, možete prísť o prístup alebo možnosť používať služby, pre ktoré
+        sa vaše informácie vyžadujú.
+      </p>
+      <h2>Súbory cookie atď.</h2>
+      <p>
+        Ak sa chcete dozvedieť viac o tom, ako ich používame a vaše voľby v
+        súvislosti s týmto sledovacími technológiami, pozrite si naše
+        <Link to={COOKIE_POLICY_PAGE}>zásady používania súborov cookies</Link>.
+      </p>
+      <h2>Zabezpečenie</h2>
+      <p>
+        Bezpečnosť vašich informácií je pre nás dôležitá a použijeme primerané
+        bezpečnostné opatrenia aby sa zabránilo strate, zneužitiu alebo
+        neoprávnenej zmene vašich údajov pod našov kontrolou. Avšak, vzhľadom na
+        inherentné riziká nedokážeme zaručiť absolútnu bezpečnosť a v dôsledku
+        toho nemôžeme zabezpečiť a ani zaručiť bezpečnosť akýchkoľvek
+        informácií, ktoré nám prenesiete a robíte tak na vlastné riziko.
+      </p>
+      <h2>Odkazy na tretie strany a použitie vašich informácií</h2>
+      <p>
+        Naša služba môže obsahovať odkazy na iné webové stránky, ktoré nie sú
+        prevádzkované nami. Tieto zásady ochrany osobných údajov neriešia zásady
+        ochrany osobných údajov a iné praktiky akýchkoľvek tretích strán vrátane
+        akýchkoľvek tretích strán prevádzkujúcich akúkoľvek webovú stránku alebo
+        službu, ktoré môžu byť dostupné prostredníctvom odkazov v tejto službe.
+        Dôrazne vám odporúčame skontrolovať si zásady ochrany osobných údajov
+        každej stránky, ktorú navštívite. Nemáme hocakú kontrolu a nenesieme
+        hocakú zodpovednosť za obsah, zásady ochrany osobných údajov alebo
+        praktiky akýchkoľvek stránok alebo služieb tretích strán.
+      </p>
+      <h2>Sťažnosť / úradník pre ochranu údajov</h2>
+      <p>
+        Ak máte akékoľvek otázky alebo obavy týkajúce sa spracovanie vašich
+        informácií, ktoré sú nám k dispozícii, môžete poslať e-mail nášmu
+        úradníkovi pre sťažnosti na adresu Mark Avenue, Šuty 10008/34, 831 07
+        Bratislava-Vajnory, e-mailom:{' '}
+        <EmailLink address={CONTACT_EMAIL_ADDRESS} />. Vaše obavy budeme riešiť
+        v súlade s platnými právnymi predpismi.
+      </p>
+      <p>
+        Pravidlá ochrany osobných údajov vytvorené pomocou{' '}
+        <a
+          target="_blank"
+          href="https://www.cookieyes.com/?utm_source=PP&utm_medium=footer&utm_campaign=UW"
+          rel="noreferrer"
+        >
+          CookieYes
+        </a>
+        .
+      </p>
+    </Layout>
+  );
+}
+
+export function Head() {
+  return <PageTitle>Ochrana súkromia</PageTitle>;
+}