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

export async function generateMetadata(): Promise<Metadata> {
  return buildMetadata("/hizmetler", {
    title: "Hizmetler",
    description:
      "Web tasarım, e-ticaret, mobil uygulama, yazılım geliştirme, CRM ve dijital pazarlama hizmetleri.",
  });
}

export default async function ServicesPage() {
  const services = await listServices();

  return (
    <div className="mx-auto max-w-7xl px-6 py-20">
      <SectionTitle
        eyebrow="Hizmetlerimiz"
        title="İşinizi büyüten dijital çözümler"
        description="Marka kimliğinden ölçeklenebilir altyapıya kadar tüm süreci tek elden yönetiyoruz."
      />
      <div className="mt-14">
        <ServicesGrid services={services} />
      </div>
    </div>
  );
}