export default function Loading() {
  return (
    <div className="mx-4 mt-6 animate-pulse sm:mx-6 lg:mx-auto lg:max-w-7xl">
      <div className="h-4 w-48 bg-ink-soft" />
      <div className="hud-panel mt-6 grid gap-0 md:grid-cols-[minmax(0,1fr)_360px]">
        <div className="space-y-4 px-6 py-10 sm:px-10">
          <div className="h-6 w-40 bg-ink-soft" />
          <div className="h-10 w-3/4 bg-ink-soft" />
          <div className="h-4 w-full bg-ink-soft" />
          <div className="h-4 w-2/3 bg-ink-soft" />
          <div className="h-12 w-56 bg-ink-soft" />
        </div>
        <div className="min-h-[260px] bg-ink-soft md:min-h-full" />
      </div>
      <div className="mt-10 grid gap-8 lg:grid-cols-[minmax(0,1fr)_320px]">
        <div className="space-y-4">
          <div className="h-4 w-32 bg-ink-soft" />
          <div className="h-24 w-full bg-ink-soft" />
          <div className="h-24 w-full bg-ink-soft" />
        </div>
        <div className="h-64 bg-ink-soft" />
      </div>
    </div>
  );
}
