2b419883eb
Some checks are pending
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Waiting to run
Replace hero pan animations with gentle opacity breathing, add bottom-right consent modal with accept/decline, condense privacy policy with contact for full details, and ensure ticket card descriptions read green on white cards in the tickets section. Co-authored-by: Cursor <cursoragent@cursor.com>
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import type { Metadata } from "next";
|
|
import Link from "next/link";
|
|
import { privacyPolicy } from "@/content/legal";
|
|
import { pageSeo } from "@/content/page-seo";
|
|
import { PageRiftHeader } from "@/components/layout/PageRiftHeader";
|
|
import { Section } from "@/components/layout/Section";
|
|
import { TopoProseSurface } from "@/components/layout/TopoProseSurface";
|
|
import { createPageMetadata } from "@/lib/seo";
|
|
import { Button } from "@/components/ui/button";
|
|
|
|
export const metadata: Metadata = createPageMetadata(pageSeo.privacy);
|
|
|
|
export default function PrivacyPage() {
|
|
return (
|
|
<>
|
|
<PageRiftHeader
|
|
variant="minimal"
|
|
profilePath="/privacy"
|
|
eyebrow="Legal"
|
|
title={<h1 className="text-4xl font-bold">{privacyPolicy.title}</h1>}
|
|
description={
|
|
<p className="text-sm text-[#3d5248]">Last updated: {privacyPolicy.updated}</p>
|
|
}
|
|
/>
|
|
|
|
<Section>
|
|
<TopoProseSurface className="max-w-2xl space-y-6">
|
|
<p className="text-[#3d5248] leading-relaxed">{privacyPolicy.intro}</p>
|
|
|
|
{privacyPolicy.sections.map((section) => (
|
|
<section key={section.heading}>
|
|
<h2 className="text-lg font-semibold text-[#1a5c38]">{section.heading}</h2>
|
|
<p className="mt-2 text-[#3d5248] leading-relaxed">{section.body}</p>
|
|
</section>
|
|
))}
|
|
|
|
<p className="border-t border-[#1a5c38]/12 pt-6 text-[#3d5248] leading-relaxed">
|
|
{privacyPolicy.moreDetails}
|
|
</p>
|
|
</TopoProseSurface>
|
|
|
|
<div className="mt-8 flex flex-wrap gap-3">
|
|
<Button className="rounded-full bg-[#1a5c38] text-white hover:bg-[#0d3d26]" asChild>
|
|
<Link href="/contact">Contact us</Link>
|
|
</Button>
|
|
<Button variant="outline" className="rounded-full border-[#1a5c38]/30 text-[#1a5c38]" asChild>
|
|
<Link href={`mailto:${privacyPolicy.contactEmail}`}>{privacyPolicy.contactEmail}</Link>
|
|
</Button>
|
|
</div>
|
|
</Section>
|
|
</>
|
|
);
|
|
}
|