← back to Dear Bubbe Nextjs

components/LoadingScreen.tsx

26 lines

import Image from 'next/image';

export default function LoadingScreen() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-purple-900 via-pink-800 to-orange-700 flex items-center justify-center">
      <div className="text-center animate-pulse">
        <div className="mx-auto w-32 h-32 mb-4 relative">
          <Image
            src="/favicon.ico"
            alt="Dear Bubbe"
            width={128}
            height={128}
            className="rounded-full shadow-lg animate-bounce"
            priority
          />
        </div>
        <h1 className="text-3xl font-bold text-white mb-2">
          Dear Bubbe
        </h1>
        <p className="text-white/80 italic">
          "Hold your horses, I'm getting ready..."
        </p>
      </div>
    </div>
  );
}