components/placeholder-card.tsx

export default function PlaceholderCard() {
  return (
    <div className="relative rounded-lg border border-stone-200 pb-10 shadow-md transition-all hover:shadow-xl dark:border-stone-700">
      <div className="h-44 w-full animate-pulse bg-stone-100 dark:bg-stone-800" />
      <div className="p-4">
        <div className="h-4 w-1/2 animate-pulse rounded-lg bg-stone-100 dark:bg-stone-800" />
        <div className="mt-2 h-3 w-3/4 animate-pulse rounded-lg bg-stone-100 dark:bg-stone-800" />
        <div className="mt-2 h-3 w-1/2 animate-pulse rounded-lg bg-stone-100 dark:bg-stone-800" />
      </div>
    </div>
  );
}