<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="{{ config('app.url') }}/public/public/assets/css/style.css" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <title>Pre Landing</title>
</head>

<body>

  <div style="height: 100vh; position: relative; overflow: hidden;" class="position-relative w-100">
    <video autoplay muted loop poster="" id="bg-video" style="object-fit: cover; width: 100%; height: 100%;">
      <source src="{{ config('app.url') }}/public/public/assets/bg/bg-vd.mp4" type="video/mp4">
    </video>
    <div class="position-absolute text-white d-flex flex-column align-items-center"
      style="top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6);">
      <div class="text-center">
        <img src="https://cdn-dimi.akamaized.net/landings/285032/1702306265/images/logo-white.png" alt="">
      </div>
      <div class="content step-one">
        <span class="text-center">Select Your Gender</span>
        <div class="text-center mt-3">
          <!-- hover background-color: white; color: black; -->
          <button id="filled" class="btn text-white mt-3 mt-sm-0 mx-1 button-1 text-uppercase">I am a Wooman</button>
          <!-- hover background-color: #9B5DE5; color: white; -->
          <button id="outlined" class="btn text-white mt-3 mt-sm-0 mx-1 button-2 text-uppercase">I am a Man</button>
        </div>
      </div>
      <div class="content final-step" style="display: none;">
        <h1 class="mb-3 font-weight-bold text-center text-uppercase">thank you!</h1>
        <span class="mb-3 w-50">You may now see our list and photos of women who are in your area. Again, please keep
          their identity a secret. Click on the "Continue" button and search on the basis of your answers.</span>
        <div class="text-center">
          <a href="{{config('app.url')}}/click?camp={{$cmp}}&pubid={{$pubid}}&code={{$code}}&sid={{$subid}}&sid2={{$subid2}}&sid3={{$subid3}}&sid4={{$subid4}}&sid5={{$subid5}}" id="filled" class="btn text-white mt-3 mt-sm-0 mx-1 button-1 text-uppercase">Continue</a>
        </div>
      </div>
    </div>
  </div>

  <script src="https://code.jquery.com/jquery-3.7.1.slim.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
  <script src="{{ config('app.url') }}/public/public/assets/js/main.js"></script>
</body>

</html>