spb/ai-atlas

1import { Container } from '@/components/ui/section';23export default function Loading() {4  return (5    <Container wide className="pb-16 pt-7 md:pt-10" aria-busy="true">6      <div className="h-4 w-16 animate-pulse bg-surface-2" />7      <div className="mt-3 h-9 w-64 max-w-full animate-pulse bg-surface-2" />8      <div className="mt-6 flex gap-1.5">9        {Array.from({ length: 4 }).map((_, i) => (10          <div key={i} className="h-9 w-20 animate-pulse bg-surface-2" />11        ))}12      </div>13      <div className="mt-10 grid grid-cols-2 gap-x-6 border-y border-rule md:grid-cols-5">14        {Array.from({ length: 5 }).map((_, i) => (15          <div key={i} className="py-4">16            <div className="h-3 w-20 animate-pulse bg-surface-2" />17            <div className="mt-2 h-7 w-24 animate-pulse bg-surface-2" />18          </div>19        ))}20      </div>21      <div className="mt-6 h-[240px] animate-pulse bg-surface-2" />22      <ul className="mt-10 border-t border-rule">23        {Array.from({ length: 8 }).map((_, i) => (24          <li key={i} className="border-b border-rule py-3">25            <div className="h-4 w-2/3 animate-pulse bg-surface-2" />26          </li>27        ))}28      </ul>29      <p className="sr-only">Loading prices…</p>30    </Container>31  );32}33