89 lines
2.9 KiB
Plaintext
89 lines
2.9 KiB
Plaintext
---
|
|
import BaseLayout from "@/layouts/BaseLayout.astro";
|
|
import { useT } from "@/i18n/translations";
|
|
import type { Lang } from "@/i18n/translations";
|
|
|
|
const lang = (Astro.currentLocale as Lang) || "en";
|
|
const T = useT(lang);
|
|
---
|
|
export const prerender = true;
|
|
|
|
<BaseLayout title={`${T.privacyTitle} | Randify`} description={T.privacyIntro}>
|
|
<div class="max-w-2xl mx-auto px-4 py-12 sm:py-20">
|
|
<nav aria-label="Breadcrumb" class="mb-10">
|
|
<a
|
|
href="/"
|
|
class="inline-flex items-center gap-1.5 text-sm text-zinc-600 hover:text-zinc-300 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-zinc-950 rounded"
|
|
aria-label={T.backToAll}
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="14"
|
|
height="14"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2.5"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
aria-hidden="true"
|
|
>
|
|
<path d="m15 18-6-6 6-6"></path>
|
|
</svg>
|
|
{T.backToAll}
|
|
</a>
|
|
</nav>
|
|
|
|
<header class="mb-2">
|
|
<div class="flex items-center gap-2 mb-4">
|
|
<span
|
|
class="inline-block w-2.5 h-2.5 rounded-full bg-accent"
|
|
aria-hidden="true"></span>
|
|
<span
|
|
class="text-sm font-medium text-zinc-400 uppercase tracking-widest"
|
|
>randify</span
|
|
>
|
|
</div>
|
|
<h1 class="text-3xl sm:text-4xl font-bold text-zinc-100">
|
|
{T.privacyTitle}
|
|
</h1>
|
|
<div class="w-16 h-0.5 bg-accent/60 rounded-full mt-4" aria-hidden="true"></div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="border-t border-zinc-800/60 pt-8 mt-8 space-y-8">
|
|
<section>
|
|
<p class="text-zinc-400 leading-relaxed">{T.privacyIntro}</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-lg font-semibold text-zinc-100 mb-2">Data Collection</h2>
|
|
<p class="text-zinc-400 leading-relaxed">{T.privacyData}</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-lg font-semibold text-zinc-100 mb-2">Cookies & Local Storage</h2>
|
|
<p class="text-zinc-400 leading-relaxed">{T.privacyCookies}</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-lg font-semibold text-zinc-100 mb-2">Third-Party Services</h2>
|
|
{T.privacyThirdParty.split("\n\n").map((paragraph) => (
|
|
<p class="text-zinc-400 leading-relaxed mb-4 last:mb-0">{paragraph}</p>
|
|
))}
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-lg font-semibold text-zinc-100 mb-2">Contact</h2>
|
|
<p class="text-zinc-400 leading-relaxed">{T.privacyContact}</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2 class="text-lg font-semibold text-zinc-100 mb-2">Changes to This Policy</h2>
|
|
<p class="text-zinc-400 leading-relaxed">{T.privacyChanges}</p>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</BaseLayout>
|