export default function Loading() {

  return (

    <div className="mx-auto w-full max-w-register px-4 py-10 sm:px-6">

      <div className="mb-2 h-3 w-24 animate-pulse rounded-sm bg-graphite" />

      <div className="mt-2 h-7 w-52 animate-pulse rounded-sm bg-graphite" />

      <div className="mt-3 h-4 w-full max-w-2xl animate-pulse rounded-sm bg-graphite" />

      {}

      <div className="mt-10 grid gap-3 sm:grid-cols-2 lg:grid-cols-3">

        {Array.from({ length: 12 }).map((_, i) => (

          <div key={i} className="h-20 animate-pulse rounded-sm bg-graphite" />

        ))}

      </div>

    </div>

  );

}