import { prisma } from "@/lib/prisma";
import { AboutAnimated } from "./about-animated";
import { SiteHeader } from "@/components/site-header";
import { createPageMetadata } from "@/lib/seo/metadata";

export async function generateMetadata() {
  const page = await prisma.sitePage.findUnique({ where: { key: "about" } });
  return createPageMetadata({
    title: page?.titleFa ?? "درباره ما",
    description:
      "آشنایی با فال تاروت آنلاین — داستان، رویکرد و تیم پشت این سرویس فال تاروت فارسی.",
    path: "/about",
  });
}

export default async function AboutPage() {
  const page = await prisma.sitePage.findUnique({ where: { key: "about" } });
  const title = page?.titleFa ?? "درباره ما";
  const content = page?.content ?? "محتوای این صفحه از پنل مدیریت قابل ویرایش است.";

  return (
    <div className="min-h-screen flex flex-col">
      <SiteHeader />
      <AboutAnimated
        title={title}
        subtitle="آشنایی با فال تاروت آنلاین"
        content={content}
      />
    </div>
  );
}