Enhanced Component - Copy this React, Tailwind Component to your project

make better this code <div class="views-row first"> <div class="views-row__hero-image--loading"> <div class="usa-hero" style="background-image: url('/images/Web_CDCW_banner.jpg')"> <div class="grid-container"> <div class="usa-hero__callout"> <h1 id="c98394" class="usa-hero__heading" > <span class="usa-hero__heading--alt"> USCIS Celebrará el Día de la Constitución y el Día de la Ciudadanía </span> </h1> <div class="usa-hero__description"> <p> USCIS celebrará el Día de la Constitución y el Día de la Ciudadanía de 2024 dando la bienvenida a más de 17,000 nuevos ciudadanos en más de 400 ceremonias de naturalización entre el 14 y el 23 de septiembre. </p> </div> <a class="usa-button usa-hero__callout__button btn btn--anchor" aria-describedby="c98394" href="https://www.uscis.gov/newsroom/news-releases/uscis-to-celebrate-constitution-day-and-citizenship-day"> Más Información </a> </div> <button type="button" class="pause-slider" title="Pause Slider" aria-label="Pause" slider="" style="background: none;position: relative;top: 6px;border: none;padding: 5px;width: 25px;height: 25px;min-width: 25px;max-width: 100%;"> <img src="images/mzBNl7Wxr1SL.svg" alt="Pause Slider"> </button> </div> </div> </div> </div>