import Image from 'next/image';

export default function UserLoading() {
  return (
    <div
      className="min-h-screen flex flex-col items-center justify-center"
      style={{
        background: 'linear-gradient(to bottom, #c4d9d4, #f0f5fc)',
      }}
    >
      <Image
        src="/assets/images/splash-house.png"
        alt="House illustration"
        width={150}
        height={108}
        priority
      />
      <div className="mt-[35px]">
        <Image
          src="/assets/images/splash-logo.png"
          alt="RE-Quest logo"
          width={264}
          height={55}
          priority
        />
      </div>
      <div className="mt-8">
        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-[#00293d]" />
      </div>
    </div>
  );
}
