import type { Metadata } from "next";
import Link from "next/link";
import { ContactForm } from "@/components/IntakeForm";
import { brand } from "@/lib/brand";

export const metadata: Metadata = {
  title: "Support & Customer Care | ELIT GOLD",
  description: "Contact ELIT GOLD for order questions, fulfillment coordination, service support, and general bullion purchase assistance."
};

export default function SupportPage() {
  return (
    <section className="container-grid py-12">
      <p className="text-sm font-bold uppercase text-gold">Support</p>
      <h1 className="mt-2 font-heading text-4xl font-black">Support Center</h1>
      <div className="mt-6 grid gap-6 lg:grid-cols-[1fr_360px]">
        <ContactForm />
        <aside className="panel h-fit p-5">
          <h2 className="font-heading text-xl font-black">Contact Details</h2>
          <p className="mt-3 text-[#666]">{brand.supportEmail}</p>
          <p className="mt-1 text-[#666]">{brand.supportHours}</p>
          <Link href="/faq" className="btn btn-secondary mt-5">Read FAQ</Link>
        </aside>
      </div>
    </section>
  );
}