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-3 w-64 animate-pulse bg-surface-2" />7      <div className="mt-3 h-9 w-48 animate-pulse bg-surface-2" />8      <div className="mt-6 flex gap-2 border-b border-rule pb-2">9        {Array.from({ length: 7 }).map((_, i) => (10          <div key={i} className="h-6 w-24 animate-pulse bg-surface-2" />11        ))}12      </div>13      <ul className="mt-8 border-t border-rule">14        {Array.from({ length: 10 }).map((_, i) => (15          <li key={i} className="border-b border-rule py-3">16            <div className="h-4 w-3/4 animate-pulse bg-surface-2" />17          </li>18        ))}19      </ul>20      <p className="sr-only">Loading the frontier…</p>21    </Container>22  );23}24