import type { Metadata } from "next";
import { SectionTitle } from "@/components/section-title";
import { ProjectsGrid } from "@/components/projects-grid";
import { listProjects } from "@/lib/data";
import { buildMetadata } from "@/lib/seo";

export async function generateMetadata(): Promise<Metadata> {
  return buildMetadata("/projeler", {
    title: "Projeler",
    description: "Tamamladığımız web, mobil ve CRM projelerinden seçkiler.",
  });
}

export default async function ProjectsPage() {
  const projects = await listProjects();

  return (
    <div className="mx-auto max-w-7xl px-6 py-20">
      <SectionTitle
        eyebrow="Çalışmalar"
        title="Müşterilerimiz için ürettiğimiz işler"
        description="Strateji, tasarım ve mühendislik bir araya geldiğinde ortaya çıkan ürünler."
      />
      <div className="mt-14">
        <ProjectsGrid projects={projects} />
      </div>
    </div>
  );
}