mirror of
https://github.com/jcreek/SvelteKitSaasBoilerplate.git
synced 2026-07-15 03:53:48 +00:00
Merge pull request #72 from jcreek/53-make-a-privacy-page
53 make a privacy page
This commit is contained in:
Olly
@@ -21,7 +21,9 @@
|
|||||||
<div class="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4">
|
<div class="fixed bottom-0 left-0 w-full bg-gray-800 text-white p-4">
|
||||||
<p class="text-sm">
|
<p class="text-sm">
|
||||||
We use cookies to ensure you get the best experience on our website. By continuing, you agree
|
We use cookies to ensure you get the best experience on our website. By continuing, you agree
|
||||||
to our use of cookies.
|
to our use of cookies. For details, please see our <a href="/privacy" class="underline"
|
||||||
|
>Privacy Policy</a
|
||||||
|
>.
|
||||||
</p>
|
</p>
|
||||||
<button class="bg-blue-500 hover:bg-blue-600 px-4 py-2 rounded" on:click={acceptCookies}
|
<button class="bg-blue-500 hover:bg-blue-600 px-4 py-2 rounded" on:click={acceptCookies}
|
||||||
>Accept</button
|
>Accept</button
|
||||||
|
|||||||
@@ -0,0 +1,85 @@
|
|||||||
|
<div class="container mx-auto p-6">
|
||||||
|
<h1 class="text-3xl font-bold text-primary mb-4">Cookie Policy</h1>
|
||||||
|
<p class="text-gray-700 mb-6">Effective Date: <span class="font-semibold">[Insert Date]</span></p>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">1. Introduction</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
This Cookie Policy explains how [Your Company/Website Name] ("we", "us", or "our") uses
|
||||||
|
cookies and similar technologies to collect and store information when you visit our website.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">2. What Are Cookies?</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
Cookies are small text files stored on your device (computer, tablet, smartphone) by your web
|
||||||
|
browser when you visit a website. They help us remember your preferences and improve your
|
||||||
|
experience on our website.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">3. Types of Cookies We Use</h2>
|
||||||
|
<ul class="list-disc pl-6 text-gray-600">
|
||||||
|
<li>
|
||||||
|
<span class="font-semibold">Essential Cookies</span>: These cookies are necessary for the
|
||||||
|
website to function properly and cannot be disabled in our systems. They include login
|
||||||
|
authentication and session management cookies.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="font-semibold">Performance Cookies</span>: These cookies help us understand how
|
||||||
|
visitors interact with our website by collecting information on usage patterns, such as
|
||||||
|
pages visited and links clicked.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="font-semibold">Functional Cookies</span>: These cookies allow us to remember
|
||||||
|
choices you make (such as your language preference) to provide a more personalised
|
||||||
|
experience.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="font-semibold">Targeting/Advertising Cookies</span>: These cookies are used to
|
||||||
|
deliver relevant advertisements and track the effectiveness of our marketing campaigns.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">4. How We Use Cookies</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We use cookies to improve the functionality and performance of our website, analyse visitor
|
||||||
|
usage, and provide personalised content and advertisements. This helps us improve our website
|
||||||
|
and better understand our audience.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">5. Managing Your Cookie Preferences</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
You have the right to accept or reject cookies. You can manage your cookie preferences by
|
||||||
|
adjusting your browser settings. However, disabling certain cookies may affect your experience
|
||||||
|
on our website. For specific instructions on managing cookies, please consult your browser's
|
||||||
|
help documentation.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">6. Changes to Our Cookie Policy</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We may update this Cookie Policy from time to time. Significant changes will be posted on this
|
||||||
|
page. We encourage you to review this policy periodically to stay informed about our use of
|
||||||
|
cookies.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">Contact Us</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
For questions about our Cookie Policy, please contact us at <a
|
||||||
|
href="mailto:your-email@example.com"
|
||||||
|
class="text-primary font-semibold">[Your Contact Email]</a
|
||||||
|
>
|
||||||
|
or visit our <a href="/contact" class="text-primary font-semibold">Contact Page</a>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
@@ -0,0 +1,125 @@
|
|||||||
|
<div class="container mx-auto p-6">
|
||||||
|
<h1 class="text-3xl font-bold text-primary mb-4">Privacy Policy</h1>
|
||||||
|
<p class="text-gray-700 mb-6">Effective Date: <span class="font-semibold">[Insert Date]</span></p>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">1. Introduction</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
This Privacy Policy explains how we at [Your Company/Website Name] collect, use, and protect
|
||||||
|
your personal information when you visit our website. We are committed to safeguarding your
|
||||||
|
data and complying with relevant data protection laws, including the General Data Protection
|
||||||
|
Regulation (GDPR).
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">2. Information We Collect</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We collect personal and non-personal information to provide our services and enhance your
|
||||||
|
experience.
|
||||||
|
</p>
|
||||||
|
<ul class="list-disc pl-6 text-gray-600">
|
||||||
|
<li>
|
||||||
|
<span class="font-semibold">Personal Information</span>: Details like your name, email
|
||||||
|
address, and payment information collected when you make a purchase or create an account.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="font-semibold">Usage Data</span>: Information such as IP address, browser type,
|
||||||
|
and browsing history for analytics and functionality.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">3. How We Use Your Information</h2>
|
||||||
|
<ul class="list-disc pl-6 text-gray-600">
|
||||||
|
<li>To process orders and manage customer support.</li>
|
||||||
|
<li>To improve website functionality and provide a better user experience.</li>
|
||||||
|
<li>To send marketing emails, if you opt in (you may unsubscribe at any time).</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">4. Sharing Information with Third Parties</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We work with trusted third-party providers to offer secure services, such as payment
|
||||||
|
processing and authentication.
|
||||||
|
</p>
|
||||||
|
<div class="mt-4">
|
||||||
|
<h3 class="text-xl font-semibold">Stripe</h3>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
For payment processing, we use <a
|
||||||
|
href="https://stripe.com"
|
||||||
|
target="_blank"
|
||||||
|
class="text-primary font-semibold">Stripe</a
|
||||||
|
>. Please refer to their
|
||||||
|
<a href="https://stripe.com/privacy" target="_blank" class="text-primary font-semibold"
|
||||||
|
>Privacy Policy</a
|
||||||
|
> for details.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="mt-4">
|
||||||
|
<h3 class="text-xl font-semibold">Supabase</h3>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
For database and authentication, we use <a
|
||||||
|
href="https://supabase.com"
|
||||||
|
target="_blank"
|
||||||
|
class="text-primary font-semibold">Supabase</a
|
||||||
|
>. See their
|
||||||
|
<a href="https://supabase.com/privacy" target="_blank" class="text-primary font-semibold"
|
||||||
|
>Privacy Policy</a
|
||||||
|
> for more information.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">5. Cookies and Tracking</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We use cookies to provide essential site functionality, analytics, and improved user
|
||||||
|
experience. By continuing to use our site, you consent to our use of cookies. You can manage
|
||||||
|
your cookie preferences in your browser settings. For more details, please refer to our <a
|
||||||
|
href="/cookies"
|
||||||
|
class="text-primary font-semibold">Cookie Policy</a
|
||||||
|
>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">6. Your Data Rights</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
Under GDPR, you have the right to access, correct, delete, and restrict the processing of your
|
||||||
|
personal data. To make a request, please contact us at <a
|
||||||
|
href="mailto:your-email@example.com"
|
||||||
|
class="text-primary font-semibold">[Your Contact Email]</a
|
||||||
|
>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">7. Data Security</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We take reasonable steps to protect your information through encryption and secure access
|
||||||
|
protocols. However, no online service can be 100% secure.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">8. Policy Updates</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
We may update this policy periodically. Significant changes will be posted on this page, so
|
||||||
|
please review it regularly.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="mb-6">
|
||||||
|
<h2 class="text-2xl font-semibold mb-2">Contact Us</h2>
|
||||||
|
<p class="text-gray-600">
|
||||||
|
If you have questions about this Privacy Policy, please contact us at <a
|
||||||
|
href="mailto:your-email@example.com"
|
||||||
|
class="text-primary font-semibold">[Your Contact Email]</a
|
||||||
|
>
|
||||||
|
or visit our <a href="/contact" class="text-primary font-semibold">Contact Page</a>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
@@ -195,8 +195,12 @@
|
|||||||
d="M22.672 15.226l-2.432.811.841 2.515c.33 1.019-.209 2.127-1.23 2.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013 1.677.84 2.517c.391 1.203-.434 2.542-1.831 2.542-.88 0-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127 1.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839 0-.817.509-1.582 1.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129 1.232-2.458 1.02-.329 2.13.209 2.461 1.229l.842 2.515 5.011-1.677-.839-2.517c-.403-1.238.484-2.553 1.843-2.553.819 0 1.585.509 1.85 1.326l.841 2.517 2.431-.81c1.02-.33 2.131.211 2.461 1.229.332 1.018-.21 2.126-1.23 2.456l-2.433.809 1.622 4.823 2.433-.809c1.242-.401 2.557.484 2.557 1.838 0 .819-.51 1.583-1.328 1.847m-8.992-6.428l-5.01 1.675 1.619 4.828 5.011-1.674-1.62-4.829z"
|
d="M22.672 15.226l-2.432.811.841 2.515c.33 1.019-.209 2.127-1.23 2.456-1.15.325-2.148-.321-2.463-1.226l-.84-2.518-5.013 1.677.84 2.517c.391 1.203-.434 2.542-1.831 2.542-.88 0-1.601-.564-1.86-1.314l-.842-2.516-2.431.809c-1.135.328-2.145-.317-2.463-1.229-.329-1.018.211-2.127 1.231-2.456l2.432-.809-1.621-4.823-2.432.808c-1.355.384-2.558-.59-2.558-1.839 0-.817.509-1.582 1.327-1.846l2.433-.809-.842-2.515c-.33-1.02.211-2.129 1.232-2.458 1.02-.329 2.13.209 2.461 1.229l.842 2.515 5.011-1.677-.839-2.517c-.403-1.238.484-2.553 1.843-2.553.819 0 1.585.509 1.85 1.326l.841 2.517 2.431-.81c1.02-.33 2.131.211 2.461 1.229.332 1.018-.21 2.126-1.23 2.456l-2.433.809 1.622 4.823 2.433-.809c1.242-.401 2.557.484 2.557 1.838 0 .819-.51 1.583-1.328 1.847m-8.992-6.428l-5.01 1.675 1.619 4.828 5.011-1.674-1.62-4.829z"
|
||||||
></path>
|
></path>
|
||||||
</svg>
|
</svg>
|
||||||
<p>Copyright © 2024 - All right reserved</p>
|
<p>Copyright © 2024 - All rights reserved</p>
|
||||||
</aside>
|
</aside>
|
||||||
|
<div class="grid-flow-col gap-4">
|
||||||
|
<a href="/privacy">Privacy Policy</a>
|
||||||
|
<a href="/cookies">Cookie Policy</a>
|
||||||
|
</div>
|
||||||
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
|
<nav class="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<svg
|
<svg
|
||||||
|
|||||||
Reference in New Issue
Block a user