Loading Page

                    <div class="fixed inset-0 bg-gray-900 bg-opacity-50 flex items-center justify-center z-50">
  <div class="bg-white rounded-lg p-8 max-w-sm w-full mx-4 flex flex-col items-center">
    <div class="w-16 h-16 border-4 border-blue-500 border-t-transparent rounded-full animate-spin mb-4"></div>
    <h3 class="text-lg font-bold text-gray-900 mb-2">Loading Page</h3>
    <p class="text-gray-600 text-center mb-4">Please wait while we load the content for you.</p>
    <div class="w-full bg-gray-200 rounded-full h-2 mb-2">
      <div class="bg-blue-500 h-2 rounded-full w-3/4 animate-pulse"></div>
    </div>
    <p class="text-sm text-gray-500">This may take a few moments...</p>
  </div>
</div>