import type { Metadata } from "next";
import { getMessages } from "@/lib/i18n/server";
import { getEffectiveMarketingLocale } from "@/lib/marketing-locale";

export const metadata: Metadata = {
  title: "About — Epicure",
  description: "The story behind Epicure.",
};

export default async function AboutPage() {
  const m = getMessages(await getEffectiveMarketingLocale());
  const t = m.marketing.about;

  return (
    <div className="container mx-auto px-4 py-16 max-w-2xl space-y-6">
      <h1 className="text-3xl font-bold tracking-tight">{t.title}</h1>
      <div className="space-y-4 text-muted-foreground leading-relaxed">
        {t.paragraphs.map((p, i) => (
          <p key={i}>{p}</p>
        ))}
      </div>
    </div>
  );
}