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

export const metadata: Metadata = {
  title: "Payment Security",
  description:
    "The Pet Loft payment security: how we keep your payment details safe with industry-standard encryption.",
};

export default function PaymentSecurityPage() {
  return (
    <main className="mx-auto max-w-3xl px-4 py-8 md:px-6 md:py-12">
      <Link
        href="/shop"
        className="mb-6 inline-flex items-center gap-1 text-sm text-[#3d5554] transition-colors hover:text-[#236f6b]"
      >
        ← Back to Shop
      </Link>
      <article className="prose prose-[#1a2e2d] max-w-none">
        <h1 className="font-[family-name:var(--font-fraunces)] text-2xl font-bold text-[#1a2e2d] md:text-3xl">
          Payment Security
        </h1>
        <p className="mt-2 text-[#3d5554]">Last updated: March 2025</p>

        <section className="mt-6 space-y-4">
          <h2 className="font-[family-name:var(--font-fraunces)] text-lg font-semibold text-[#236f6b]">
            Secure Checkout
          </h2>
          <p className="text-[#1a2e2d] leading-relaxed">
            All payments are processed securely through Stripe, a PCI-compliant
            payment provider trusted by millions of businesses worldwide. We
            never store your full card details on our servers.
          </p>
        </section>

        <section className="mt-8 space-y-4">
          <h2 className="font-[family-name:var(--font-fraunces)] text-lg font-semibold text-[#236f6b]">
            Industry Standard Protection
          </h2>
          <p className="text-[#1a2e2d] leading-relaxed">
            Our checkout uses TLS encryption to protect your data in transit.
            Stripe is certified to PCI Service Provider Level 1, the highest
            standard in the payments industry. Your card information is
            tokenised and never exposed to our systems.
          </p>
        </section>

        <section className="mt-8 space-y-4">
          <h2 className="font-[family-name:var(--font-fraunces)] text-lg font-semibold text-[#236f6b]">
            Accepted Payment Methods
          </h2>
          <p className="text-[#1a2e2d] leading-relaxed">
            We accept major credit and debit cards (Visa, Mastercard, Discover),
            Apple Pay, Google Pay, and Klarna. Choose your preferred method at
            checkout.
          </p>
        </section>

        <p className="mt-10 text-sm text-[#3d5554]">
          Questions about security?{" "}
          <Link
            href="/contact"
            className="font-medium text-[#38a99f] underline transition-colors hover:text-[#236f6b]"
          >
            Contact us
          </Link>
          .
        </p>
      </article>
    </main>
  );
}
