import { Footer } from "@/components/Footer";
import { Header } from "@/components/Header";
import { CatalogCard, PageHero } from "@/components/PageShared";
import { solutionsList } from "@/data/pages";
import type { Metadata } from "next";
import { pageMetadata } from "@/lib/seo";

export const metadata: Metadata = pageMetadata({
  title: "راهکارها",
  description:
    "راهکارهای مدیریت دود ساختمان، تهویه فضاهای مختلف، تهویه مطبوع، تونل و مترو و تاسیسات ساختمانی",
  path: "/solutions",
});

export default function SolutionsPage() {
  return (
    <>
      <Header />
      <main>
        <PageHero
          title="راهکارهای تخصصی هواران"
          titleEn="HAVARAN Solutions"
          breadcrumb={[
            { label: "صفحه اصلی", href: "/" },
            { label: "راهکارها", href: "/solutions" },
          ]}
        />
        <section className="section">
          <div className="container-page">
            <div className="grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5">
              {solutionsList.map((item) => (
                <CatalogCard
                  key={item.slug}
                  href={item.href}
                  image={item.image}
                  title={item.title}
                  titleEn={item.titleEn}
                  description={item.description}
                />
              ))}
            </div>
          </div>
        </section>
      </main>
      <Footer />
    </>
  );
}