import { DocumentsGallery } from "@/components/DocumentsGallery";
import { Footer } from "@/components/Footer";
import { Header } from "@/components/Header";
import { PageHero } from "@/components/PageShared";
import { documentsCerts, documentsSatisfaction } from "@/data/documents";
import type { Metadata } from "next";
import { pageMetadata } from "@/lib/seo";

export const metadata: Metadata = pageMetadata({
  title: "مدارک",
  description: "گواهینامه‌ها و رضایتمندی‌های مشتریان رسام تجارت هواران",
  path: "/documents",
});

export default function DocumentsPage() {
  return (
    <>
      <Header />
      <main>
        <PageHero
          title="مدارک"
          titleEn="DOCUMENTS"
          breadcrumb={[
            { label: "صفحه اصلی", href: "/" },
            { label: "مدارک", href: "/documents" },
          ]}
        />

        <section className="section">
          <div className="container-page">
            <DocumentsGallery items={documentsCerts} />
          </div>
        </section>

        <section className="section section-gray">
          <div className="container-page">
            <div className="section-head">
              <h2>رضایتمندی ها</h2>
            </div>
            <DocumentsGallery items={documentsSatisfaction} />
          </div>
        </section>
      </main>
      <Footer />
    </>
  );
}