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

export const metadata: Metadata = {
  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>
  );
}