Додано політику конфеденційності

components/Main/Footer.vue

@@ -1,13 +1,18 @@
+<script setup lang="ts">
+const localePath = useLocalePath()
+</script>
+
 <template>
   <footer class="bg-gray-50 dark:bg-zinc-900">
     <MainContainer>
       <div class="py-16">
         <Logo class="mx-auto h-6 w-auto" />
         <nav class="mt-10 text-sm" aria-label="quick links">
-          <div class="-my-1 flex justify-center gap-x-6">
+          <div class="-my-1 flex justify-center gap-x-6 gap-y-3 flex-wrap">
             <MainNavLink to="#features">{{ $t('menu features') }}</MainNavLink>
             <MainNavLink to="#testimonials">{{ $t('menu testimonials') }}</MainNavLink>
             <MainNavLink to="#pricing">{{ $t('menu pricing') }}</MainNavLink>
+            <MainNavLink :to="localePath('/privacy-policy')">{{ $t('menu privacy policy') }}</MainNavLink>
           </div>
         </nav>
       </div>

components/global/PrivacyPolicy/DE.vue

@@ -0,0 +1,33 @@
+<template>
+  <h1 class="text-3xl font-bold font-display mb-1">Datenschutzerklärung für GreenRute</h1>
+
+  <p class="mb-10 text-gray-600 dark:text-zinc-400"><strong>Zuletzt aktualisiert:</strong> 02.11.2023</p>
+
+  <h4 class="text-2xl font-medium mb-1">Informationen, die wir sammeln</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-3">Wir können die folgenden Informationen sammeln:</p>
+  <ul class="list-disc pl-5 mb-10 text-gray-700 dark:text-zinc-300">
+    <li><strong class="text-gray-950 dark:text-zinc-50">Persönliche Informationen:</strong> Wenn Sie sich dazu entschließen, ein Konto in unserer Anwendung zu erstellen, können wir Ihre persönlichen Informationen wie Ihren Namen, Ihre E-Mail-Adresse und andere Kontaktdaten sammeln.</li>
+    <li><strong class="text-gray-950 dark:text-zinc-50">Nutzungsinformationen:</strong> Wir können Informationen darüber sammeln, wie Sie mit unserer Anwendung interagieren, einschließlich Informationen über verwendete Funktionen, Zeit und Häufigkeit der Nutzung und andere statistische Daten.</li>
+  </ul>
+
+  <h4 class="text-2xl font-medium mb-1">Verwendung der gesammelten Informationen</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-3">Wir verwenden die gesammelten Informationen für folgende Zwecke:</p>
+  <ul class="list-disc pl-5 mb-10 text-gray-800 dark:text-zinc-200">
+    <li>Bereitstellung von Authentifizierungsfunktionen in unserer Anwendung.</li>
+    <li>Bereitstellung von Kundensupport und Beantwortung Ihrer Anfragen.</li>
+    <li>Beheben von Fehlern und Verbesserung der Anwendung.</li>
+    <li>Sicherstellung der Sicherheit und des Schutzes unserer Anwendung und Benutzer.</li>
+    <li>Für die Erstellung von statistischen Daten wird die Information ohne Bezug auf eine bestimmte Person verwendet.</li>
+  </ul>
+
+  <h4 class="text-2xl font-medium mb-2">Weitergabe an Dritte</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">Wir geben persönliche Informationen unserer Benutzer nur dann an Dritte weiter, wenn dies gesetzlich vorgeschrieben ist.</p>
+
+  <h4 class="text-2xl font-medium mb-2">Änderungen der Datenschutzrichtlinie</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">Wir können diese Datenschutzrichtlinie von Zeit zu Zeit aktualisieren. Bitte überprüfen Sie diese Seite regelmäßig auf Aktualisierungen.</p>
+
+  <h4 class="text-2xl font-medium mb-2">Kontakt</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">Wenn Sie Fragen zu dieser Datenschutzrichtlinie haben, kontaktieren Sie uns bitte unter <a href="mailto:[email protected]" class="text-green-600 dark:text-green-500 underline">[email protected]</a>.</p>
+
+  <p><em>Diese Datenschutzrichtlinie ist ab dem Datum der letzten Aktualisierung gültig.</em></p>
+</template>

components/global/PrivacyPolicy/EN.vue

@@ -0,0 +1,33 @@
+<template>
+  <h1 class="text-3xl font-bold font-display mb-1">Privacy Policy for GreenRute</h1>
+
+  <p class="mb-10 text-gray-600 dark:text-zinc-400"><strong>Last Updated:</strong> 02.11.2023</p>
+
+  <h4 class="text-2xl font-medium mb-1">Information We Collect</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-3">We may collect the following information:</p>
+  <ul class="list-disc pl-5 mb-10 text-gray-700 dark:text-zinc-300">
+    <li><strong class="text-gray-950 dark:text-zinc-50">Personal Information:</strong> If you choose to create an account in our application, we may collect your personal information, such as your name, email address, and other contact details.</li>
+    <li><strong class="text-gray-950 dark:text-zinc-50">Usage Information:</strong> We may collect information about how you interact with our application, including information about used features, time and frequency of usage, and other statistical data.</li>
+  </ul>
+
+  <h4 class="text-2xl font-medium mb-1">Use of Collected Information</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-3">We use the collected information for the following purposes:</p>
+  <ul class="list-disc pl-5 mb-10 text-gray-800 dark:text-zinc-200">
+    <li>Providing authentication features in our application.</li>
+    <li>Providing customer support and responding to your inquiries.</li>
+    <li>Fixing bugs and improving the application.</li>
+    <li>Ensuring the security and protection of our application and users.</li>
+    <li>For the creation of statistical data, information is used without reference to a specific individual.</li>
+  </ul>
+
+  <h4 class="text-2xl font-medium mb-2">Disclosure to Third Parties</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">We do not disclose personal information of our users to third parties, except when required by law.</p>
+
+  <h4 class="text-2xl font-medium mb-2">Changes to the Privacy Policy</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">We may update this privacy policy from time to time. Please periodically check this page for updates.</p>
+
+  <h4 class="text-2xl font-medium mb-2">Contact</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">If you have any questions about this privacy policy, please contact us at <a href="mailto:[email protected]" class="text-green-600 dark:text-green-500 underline">[email protected]</a>.</p>
+
+  <p><em>This privacy policy is effective as of the last update date.</em></p>
+</template>

components/global/PrivacyPolicy/UK.vue

@@ -0,0 +1,33 @@
+<template>
+  <h1 class="text-3xl font-bold font-display mb-1">Політика конфіденційності для GreenRute</h1>
+
+  <p class="mb-10 text-gray-600 dark:text-zinc-400"><strong>Дата останнього оновлення:</strong> 02.11.2023</p>
+
+  <h4 class="text-2xl font-medium mb-1">Інформація, яку ми збираємо</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-3">Ми можемо збирати наступну інформацію:</p>
+  <ul class="list-disc pl-5 mb-10 text-gray-700 dark:text-zinc-300">
+    <li><strong class="text-gray-950 dark:text-zinc-50">Персональна інформація:</strong> Якщо ви вирішили встановити обліковий запис в нашій програмі, ми можемо збирати вашу особисту інформацію, таку як ім'я, адреса електронної пошти та інші контактні дані.</li>
+    <li><strong class="text-gray-950 dark:text-zinc-50">Інформація про користування:</strong> Ми можемо збирати інформацію про те, як ви взаємодієте з нашою програмою, включаючи інформацію про використані функції, час та частоту використання та інші статистичні дані.</li>
+  </ul>
+
+  <h4 class="text-2xl font-medium mb-1">Використання зібраної інформації</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-3">Ми використовуємо зібрану інформацію для наступних цілей:</p>
+  <ul class="list-disc pl-5 mb-10 text-gray-800 dark:text-zinc-200">
+    <li>Забезпечення функцій авторизації нашої програми.</li>
+    <li>Забезпечення клієнтської підтримки та відповіді на ваші запити.</li>
+    <li>Виправлення помилок та покращення застосунку.</li>
+    <li>Забезпечення безпеки та захисту нашої програми та користувачів.</li>
+    <li>Для створення статистичних даних інформація використовується анонімно, без посилання на конкретну особу.</li>
+  </ul>
+
+  <h4 class="text-2xl font-medium mb-2">Розкриття інформації третім сторонам</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">Ми не розголошуємо особисту інформацію наших користувачів третім сторонам, за винятком ситуацій, коли це необхідно для виконання обов'язків перед законом.</p>
+
+  <h4 class="text-2xl font-medium mb-2">Зміни у політиці конфіденційності</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">Ми можемо час від часу оновлювати цю політику конфіденційності. Будь ласка, періодично перевіряйте цю сторінку, щоб бути в курсі змін.</p>
+
+  <h4 class="text-2xl font-medium mb-2">Зв'язок</h4>
+  <p class="text-gray-700 dark:text-zinc-300 mb-10">Якщо у вас є питання щодо цієї політики конфіденційності, будь ласка, зв'яжіться з нами за адресою <a href="mailto:[email protected]" class="text-green-600 dark:text-green-500 underline">[email protected]</a>.</p>
+
+  <p><em>Ця політика конфіденційності вступає в дію з дати останнього оновлення.</em></p>
+</template>

locales/de/general.yaml

@@ -12,6 +12,7 @@ soon: Bald
 menu features: Funktionen
 menu testimonials: Bewertungen
 menu pricing: Preise
+menu privacy policy: Datenschutzrichtlinie
 
 # Genehmigung
 login: Anmeldung | Anmelden

locales/en/general.yaml

@@ -12,6 +12,7 @@ soon: Soon
 menu features: Features
 menu testimonials: Testimonials
 menu pricing: Pricing
+menu privacy policy: Privacy Policy
 
 # Authorization
 login: Sign in

locales/uk/general.yaml

@@ -12,6 +12,7 @@ soon: Скоро
 menu features: Функції
 menu testimonials: Відгуки
 menu pricing: Ціни
+menu privacy policy: Політика конфіденційності
 
 # Авторизація
 login: Вхід | Увійти | Ввійдіть

pages/privacy-policy.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: 'main',
+})
+
+const { locale } = useI18n()
+</script>
+
+<template>
+  <Head>
+    <Title>GreenRute - {{ $t('menu privacy policy') }}</Title>
+  </Head>
+
+  <MainHeader />
+  <main>
+    <MainContainer class="max-w-prose py-10">
+      <component :is="'PrivacyPolicy' + locale.toUpperCase()" />
+    </MainContainer>
+  </main>
+  <MainFooter />
+</template>