import type { Metadata } from "next";
import { faqs } from "@/lib/content";

export const metadata: Metadata = {
  title: "Bullion FAQ | ELIT GOLD",
  description: "Read frequently asked questions about bullion products, manual pricing, secure checkout options, fulfillment review, and service support."
};

export default function FaqPage() {
  return (
    <section className="container-grid public-faq-page py-12">
      <p className="text-sm font-bold uppercase text-gold">FAQ</p>
      <h1 className="mt-2 font-heading text-4xl font-black">Frequently Asked Questions</h1>
      <div className="mt-8 grid gap-4 pb-4">
        {faqs.map(([question, answer]) => (
          <details key={question} className="panel p-5 transition open:border-[#d8c98f]">
            <summary className="cursor-pointer font-heading text-lg font-black">{question}</summary>
            <p className="mt-3 text-[#666]">{answer}</p>
          </details>
        ))}
      </div>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify({ "@context": "https://schema.org", "@type": "FAQPage", mainEntity: faqs.map(([name, text]) => ({ "@type": "Question", name, acceptedAnswer: { "@type": "Answer", text } })) }) }} />
    </section>
  );
}