import type { Metadata } from "next";
import { SectionTitle } from "@/components/section-title";
import { ServicesGrid } from "@/components/services-grid";
import { listSolutions } from "@/lib/data";
import { siteConfig } from "@/lib/site-config";
import { buildMetadata } from "@/lib/seo";

export async function generateMetadata(): Promise<Metadata> {
  return buildMetadata("/cozumler", {
    title: "Çözümler",
    description:
      "İşletmeniz için uçtan uca dijital çözümler: kurumsal dijitalleşme, online satış altyapısı, CRM ve büyüme paketleri.",
  });
}

export default async function SolutionsPage() {
  const solutions = await listSolutions();

  return (
    <div className="mx-auto max-w-7xl px-6 py-20">
      <SectionTitle
        eyebrow="Çözümlerimiz"
        title="İşletmenize özel dijital çözümler"
        description="Tek tek hizmetleri değil, işinizi büyüten bütün paketleri tek elden kuruyoruz."
      />
      <div className="mt-14">
        <ServicesGrid
          services={solutions}
          basePath="/cozumler"
          fallback={siteConfig.fallbackSolutions}
        />
      </div>
    </div>
  );
}
