import Link from 'next/link';
import type { Metadata } from 'next';

export const metadata: Metadata = {
    title: 'I Hate PDFs Privacy Policy',
    description: 'Privacy policy for I Hate PDFs, a macOS PDF reader that keeps files local and does not collect personal data.',
    alternates: {
        canonical: '/ihatepdfs/privacy',
    },
    openGraph: {
        title: 'I Hate PDFs Privacy Policy',
        description: 'I Hate PDFs does not collect, store, transmit, sell, or share personal data.',
        url: '/ihatepdfs/privacy',
    },
};

const sections = [
    {
        title: 'Data Collection',
        body: 'I Hate PDFs does not collect, store, transmit, sell, or share personal data.',
    },
    {
        title: 'PDF Files',
        body: 'PDF files opened in the app stay on your Mac. Annotations and comments are saved only when you choose to save or export a PDF.',
    },
    {
        title: 'Analytics And Tracking',
        body: 'The app does not use analytics, advertising, tracking, accounts, or third-party SDKs.',
    },
    {
        title: 'macOS Sharing',
        body: 'If you use macOS sharing features, Apple or the selected sharing service may process the file according to their own privacy policies.',
    },
];

export default function IHatePDFsPrivacyPage() {
    return (
        <div className="page-frame py-20 sm:py-24">
            <article className="mx-auto max-w-[54rem] space-y-10">
                <header className="space-y-4 border-b border-line pb-10">
                    <p className="eyebrow">I Hate PDFs</p>
                    <h1 className="max-w-[38rem] text-balance font-sans text-5xl font-medium leading-[0.96] text-ink sm:text-6xl">
                        Privacy Policy
                    </h1>
                    <p className="max-w-[36rem] text-[1rem] leading-8 text-muted">
                        Effective date: June 21, 2026.
                    </p>
                </header>

                <div className="space-y-8">
                    <section className="space-y-3">
                        <h2 className="font-sans text-[1.6rem] font-medium leading-tight text-ink">
                            Summary
                        </h2>
                        <p className="text-[1rem] leading-8 text-muted">
                            I Hate PDFs is designed as a local macOS app. It does not collect personal data and does not upload your PDF files to a server.
                        </p>
                    </section>

                    {sections.map((section) => (
                        <section key={section.title} className="grid gap-3 border-t border-line pt-6 sm:grid-cols-[12rem_minmax(0,1fr)]">
                            <h2 className="font-sans text-[1rem] font-medium text-ink">
                                {section.title}
                            </h2>
                            <p className="text-[1rem] leading-8 text-muted">
                                {section.body}
                            </p>
                        </section>
                    ))}

                    <section className="grid gap-3 border-t border-line pt-6 sm:grid-cols-[12rem_minmax(0,1fr)]">
                        <h2 className="font-sans text-[1rem] font-medium text-ink">
                            Contact
                        </h2>
                        <p className="text-[1rem] leading-8 text-muted">
                            Questions about this policy can be sent to{' '}
                            <a href="mailto:mathabbayi@icloud.com" className="font-medium text-ink underline decoration-line-strong underline-offset-4 transition-colors hover:text-accent hover:decoration-accent">
                                mathabbayi@icloud.com
                            </a>
                            .
                        </p>
                    </section>
                </div>

                <footer className="border-t border-line pt-8">
                    <Link href="/ihatepdfs" className="text-[0.96rem] font-medium text-ink transition-colors hover:text-accent">
                        Back to I Hate PDFs
                    </Link>
                </footer>
            </article>
        </div>
    );
}