components/Loader.js

export default function Loader() {
  return (
    <div className="flex items-center justify-center min-h-[400px]">
      <div className="flex flex-col items-center gap-4">
        <div className="relative">
          <div className="w-12 h-12 border-4 border-slate-700 border-t-purple-500 rounded-full animate-spin"></div>
        </div>
        <p className="text-slate-400 text-sm font-medium animate-pulse">Fetching LoRA models...</p>
      </div>
    </div>
  );
}