podcastdistributiona/app/(app)/episodes/[id]/loading.tsx

export default function EpisodeLoading() {
  return (
    <div className="animate-pulse space-y-6">
      <div className="space-y-2">
        <div className="h-9 w-72 rounded-xl bg-secondary" />
        <div className="h-4 w-48 rounded-lg bg-secondary/70" />
      </div>
      <div className="grid gap-6 lg:grid-cols-3">
        <div className="space-y-6 lg:col-span-1">
          <div className="aspect-square rounded-2xl border border-border bg-secondary" />
          <div className="h-32 rounded-2xl border border-border bg-card" />
          <div className="h-11 rounded-full bg-secondary" />
        </div>
        <div className="space-y-4 lg:col-span-2">
          <div className="h-14 rounded-2xl border border-border bg-card" />
          {Array.from({ length: 3 }).map((_, i) => (
            <div key={i} className="h-40 rounded-2xl border border-border bg-card" />
          ))}
        </div>
      </div>
    </div>
  );
}