Alert With Title

                    <div role="alert" class="p-4 bg-blue-50 border-l-4 border-blue-500 rounded-r-md">
  <div class="flex items-center">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current h-6 w-6 mr-3 text-blue-500">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
    </svg>
    <h3 class="text-lg font-semibold text-blue-800">Information Update</h3>
  </div>
  <div class="mt-2 pl-9 text-blue-700">
    <p>The system will be undergoing maintenance on Saturday from 2AM to 4AM EST. Please save your work before this time.</p>
  </div>
</div>