import Link from "next/link";
import { notFound } from "next/navigation";
import type { Metadata } from "next";
import { prisma } from "@/lib/prisma";
import { whatsappLink } from "@/lib/site";
import PageBody from "@/components/PageBody";

export async function generateMetadata(): Promise<Metadata> {
  const page = await prisma.pageSeo.findUnique({ where: { path: "/about" } });
  return {
    title: page?.title || "About — Iniyaval Return Gifts",
    description:
      page?.description ||
      "Iniyaval Return Gifts — customized return gifts for weddings, birthdays, and baby showers, plus corporate and bulk orders.",
  };
}

export default async function AboutPage() {
  const page = await prisma.staticPage.findUnique({ where: { path: "/about" } });
  if (!page) notFound();

  return (
    <div className="mx-auto max-w-2xl px-4 py-14 sm:px-6">
      <h1 className="font-[family-name:var(--font-heading)] text-2xl font-bold text-stone-800">{page.title}</h1>
      <div className="text-sm text-stone-600">
        <PageBody body={page.body} />
      </div>

      <div className="mt-8 flex flex-wrap gap-3">
        <a
          href={whatsappLink("Hi! I'd like to know more about custom orders.")}
          target="_blank"
          rel="noopener noreferrer"
          className="rounded-md bg-emerald-500 px-5 py-2.5 text-sm font-semibold text-white hover:bg-emerald-600"
        >
          WhatsApp us
        </a>
        <Link href="/shop" className="rounded-md border border-rose-200 bg-white px-5 py-2.5 text-sm font-semibold text-rose-800 hover:bg-rose-50">
          Browse gifts
        </Link>
      </div>
    </div>
  );
}