<turbo-stream action="replace" target="remote_modal"><template>
  <turbo-frame id="remote_modal" target="_top"><div aria-hidden='true' aria-labelledby='staticBackdropLabel' class='modal fade' data-bs-backdrop='static' data-bs-keyboard='false' data-controller='modal' tabindex='-1'>
<div class='modal-dialog'>
<div class='modal-content'>
<div class='modal-header'>
<h1 class='modal-title fs-5' id='staticBackdropLabel'>How easy will it be for me to switch from Android or iOS to a UMAXX Liberty Phone?</h1>
</div>
<div class='modal-body'>
<div class='lh-base fs-6 mt-2'>For phone calls, email, web browsing, there will be no issues with switching. If you rely heavily upon native applications that are not yet supported, you may need to use HTML5 applications (Social Media, News, Banking), or consider alternatives (e.g. Riot.im vs. Signal).</div>
</div>
<div class='modal-footer'>
<button class='btn btn-secondary' data-bs-dismiss='modal' type='button'>Close</button>
</div>
</div>
</div>
</div>
</turbo-frame><style>
  .btn-secondary{
    background: #0057B7;
    color: #fff;
  }
  .btn:hover {
    background: #0057B7 !important;
    color: #fff !important;
  }
</style>

</template></turbo-stream>