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

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