<template>
  <div>
    <nav class="navbar">
      <div class="container-fluid pt-3 ps-4">
        <a class="navbar-brand" href="#"><img src="~/assets/image/Logo.png"></a>
      </div>
    </nav>
    <div class="container-fluid">
      <div class="row justify-content-center">
        <div class="col-6 pt-2">
          <h3 class="text-center fs-2">We’re About to Get Started</h3>
          <p class="text-center text-muted fs-5 col-8 mx-auto">Please answer a few questions while we analyze the acoustics in your room.</p>
          <div class="text-center">
            <img src="~/assets/image/Delivery.png">
          </div>
            <form>
              <div class="row pt-4 justify-content-center">
                <div class="col-7 ">
                <div class="form-check">
                  <input class="form-check-input" type="checkbox" value="" id="flexCheckIndeterminate">
                  <label class="form-check-label" for="flexCheckIndeterminate">
                    I give the app permission to use my microphone
                  </label>
                </div>
                </div>
              </div>
              <div class="row pt-3">
                <div class="col-12 text-center pt-3">
                  <button type="button" class="login-btn col-4">Next</button>
                </div>
              </div>
              </form>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// can be used both composition api and roller api
export default {

}
</script>