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

export const metadata: Metadata = {
  title: "Contact — Epicure",
  description: "Get in touch with the Epicure team.",
};

const SUPPORT_EMAIL = "support@epicure.app";

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

  return (
    <div className="container mx-auto px-4 py-16 max-w-lg text-center space-y-6">
      <h1 className="text-3xl font-bold tracking-tight">{t.title}</h1>
      <p className="text-muted-foreground">{t.subtitle}</p>
      <a
        href={`mailto:${SUPPORT_EMAIL}`}
        className="inline-flex items-center gap-2 rounded-lg border px-4 py-2.5 text-sm font-medium hover:bg-accent transition-colors"
      >
        <Mail className="h-4 w-4" />
        {SUPPORT_EMAIL}
      </a>
    </div>
  );
}
