spb/ai-atlas

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