<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 do I talk to a real person in case I need to?</h1>
</div>
<div class='modal-body'>
<div class='lh-base fs-6 mt-2'>You can:</div>
<div class='lh-base fs-6 mt-2'><a href="https://docs.puri.sm/Contact.html#purism-contact" target="_blank"> Write us an email, check our Contact page </a> <br></div>
<div class='lh-base fs-6 mt-2'>Join our community Matrix chat rooms <br></div>
<div class='lh-base fs-6 mt-2'>Write in our <a href="https://forums.puri.sm/" target="_blank"> Community forums </a></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>