import type { Service } from "@/lib/types";
import Link from "next/link";
export function ServiceCard({ service }: { service: Service }) {
  return <article className="card flex h-full flex-col p-6 sm:p-8"><div><p className="eyebrow">{service.category}</p><h3 className="mt-3 font-serif text-2xl">{service.name}</h3></div><p className="mt-4 flex-1 leading-7 text-ink/60">{service.description}</p><div className="mt-6 flex justify-end border-t border-ink/10 pt-5"><Link href={`/book?service=${service.id}`} className="text-sm font-semibold text-rose">Book →</Link></div></article>;
}