Error Message Component

<div class="min-h-screen flex items-center justify-center bg-gray-50 px-4">
  <div class="text-center max-w-md mx-auto bg-white rounded-lg shadow-sm p-8">
    <div class="mb-4">
      <svg class="mx-auto h-16 w-16 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"></path>
      </svg>
    </div>
    <h2 class="text-2xl font-bold text-gray-900 mb-2">Content Not Available</h2>
    <p class="text-gray-600 mb-6">The requested URL could not be accessed or does not contain valid content.</p>
    <button onclick="window.history.back()" class="bg-blue-600 hover:bg-blue-700 text-white font-medium py-2
      px-4 rounded-lg transition-colors duration-200">Go Back</button>
  </div>
</div>