export default async function ServiceDetailPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;

  const service = await prisma.service.findUnique({
    where: { id },
  });

  if (!service) {
    return <div>Service not found</div>;
  }

  return (
    <div className="p-10 max-w-4xl mx-auto">
      <img
        src={service.image || "/placeholder.jpg"}
        alt={service.title_en}
        className="w-full h-80 object-cover rounded-lg mb-6"
      />

      <h1 className="text-3xl font-bold mb-4">
        {service.title_en}
      </h1>

      <p className="text-gray-700 leading-relaxed">
        {service.description_en}
      </p>
    </div>
  );
}