staging.strand22.tafelreserveren.inchecksysteem.nl Open in urlscan Pro
31.14.99.159  Public Scan

Submitted URL: http://strand22.tafelreserveren.inchecksysteem.nl/
Effective URL: https://staging.strand22.tafelreserveren.inchecksysteem.nl/reservations/create
Submission: On October 20 via api from US — Scanned from NL

Form analysis 1 forms found in the DOM

<form class="md:flex p-8 gap-4">
  <div class="md:w-1/2 bg-white rounded-md p-4 shadow">
    <h3 class="text-lg font-medium text-gray-800">Datum en tijd</h3>
    <div>
      <div class="flex mt-1"><label for="date" class="block text-sm font-medium text-gray-700 mt-1">Datum</label><span class="text-red-600 ml-0.5">*</span></div><input type="text" name="date" id="date" readonly=""
        class="block w-full pr-10 border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md">
      <div class="mt-2" style="display: none;">
        <div class="bg-white rounded-md text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9">
          <div class="flex items-center text-gray-900 px-4 pt-4"><button type="button" class="-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500"><span class="sr-only">Previous month</span><svg
                xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path>
              </svg></button><button class="flex-auto font-semibold cursor-pointer hover:bg-gray-50 py-2 px-4">October 2022</button><button type="button"
              class="-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500"><span class="sr-only">Next month</span><svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                stroke="currentColor" stroke-width="2">
                <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path>
              </svg></button></div>
          <div class="mt-6 grid grid-cols-7 text-xs leading-6 text-gray-500">
            <div>MON</div>
            <div>TUE</div>
            <div>WED</div>
            <div>THU</div>
            <div>FRI</div>
            <div>SAT</div>
            <div>SUN</div>
          </div>
          <div class="isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm shadow ring-1 ring-gray-200"><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400 rounded-tl-lg"><time
                datetime="2022-09-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-09-27"
                class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-09-28"
                class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-09-29"
                class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-09-30"
                class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time datetime="2022-10-01"
                class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900 rounded-tr-lg"><time
                datetime="2022-10-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-07" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">7</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-08" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">8</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-09" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">9</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-10" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">10</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-11" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">11</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-12" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">12</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-13" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">13</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-14" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">14</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-15" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">15</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-16" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">16</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-17" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">17</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-18" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">18</time></button><button type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed text-gray-900"><time
                datetime="2022-10-19" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">19</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-100 cursor-not-allowed font-semibold text-primary-600"><time datetime="2022-10-20" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">20</time></button><button
              type="button" class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-21" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">21</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-22" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">22</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-23" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">23</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-24" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">24</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-25" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">25</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-26" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">26</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-27" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">27</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-28" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">28</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-29" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">29</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900"><time datetime="2022-10-30" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">30</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-white text-gray-900 rounded-bl-lg"><time datetime="2022-10-31" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">31</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-11-01" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">1</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-11-02" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">2</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-11-03" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">3</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-11-04" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">4</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400"><time datetime="2022-11-05" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">5</time></button><button type="button"
              class="py-1.5 hover:bg-gray-100 focus:z-10 bg-gray-50 text-gray-400 rounded-br-lg"><time datetime="2022-11-06" class="mx-auto flex h-7 w-7 items-center justify-center rounded-full">6</time></button></div>
        </div>
      </div><!---->
    </div>
    <div>
      <div class="flex mt-1"><label for="persons" class="block text-sm font-medium text-gray-700 mt-1">Personen</label><span class="text-red-600 ml-0.5">*</span></div>
      <div class="mt-1 relative rounded-md shadow-sm"><input type="number" name="persons" id="persons" min="1" max="8"
          class="block w-full pr-10 border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md disabled:bg-gray-100 disabled:cursor-not-allowed disabled:border-gray-400 disabled:opacity-70"><!----></div>
      <p class="mt-2 text-sm text-gray-500" id="email-description">Met meer dan 8 personen? Neem dan contact op met contact@strand22.nl</p><!---->
    </div>
    <div class="mt-2"><label class="text-base font-medium text-gray-900">Assortiment</label><!---->
      <fieldset class="mt-4">
        <legend class="sr-only">Assortiment</legend>
        <div class="space-y-4">
          <div class="flex items-center"><input id="Lunch" name="Lunch" type="radio" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300"><label for="Lunch" class="ml-3 block text-sm font-medium text-gray-700">Lunch</label></div>
          <div class="flex items-center"><input id="Diner" name="Diner" type="radio" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300"><label for="Diner" class="ml-3 block text-sm font-medium text-gray-700">Diner</label></div>
        </div>
      </fieldset>
    </div>
    <div>
      <div class="flex mt-1"><label for="time" class="block text-sm font-medium text-gray-700 mt-1">Tijd</label><!----></div>
      <div class="rounded-md p-4 mt-2 bg-yellow-50">
        <div class="flex">
          <div class="flex-shrink-0"><svg class="h-5 w-5 text-yellow-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
              <path fill-rule="evenodd"
                d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd">
              </path>
            </svg></div>
          <div class="ml-3">
            <h3 class="text-sm font-medium text-yellow-600">Geen beschikbare tijden gevonden</h3>
            <div class="mt-2 text-sm text-yellow-700">
              <p>Voordat u de tijden kunt selecteren, moet u eerst bovenstaande velden invullen.</p>
            </div>
          </div>
        </div>
      </div><!----><!---->
    </div>
  </div>
  <div class="mt-4 md:mt-0 md:w-1/2 bg-white rounded-md p-4 shadow">
    <h3 class="text-lg font-medium text-gray-800">Persoonsgegevens</h3>
    <div>
      <div class="flex mt-1"><label for="name" class="block text-sm font-medium text-gray-700 mt-1">Naam</label><span class="text-red-600 ml-0.5">*</span></div>
      <div class="mt-1 relative rounded-md shadow-sm"><input type="text" name="name" id="name"
          class="block w-full pr-10 border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md disabled:bg-gray-100 disabled:cursor-not-allowed disabled:border-gray-400 disabled:opacity-70"><!----></div>
      <!----><!---->
    </div>
    <div>
      <div class="flex mt-1"><label for="email" class="block text-sm font-medium text-gray-700 mt-1">E-mailadres</label><span class="text-red-600 ml-0.5">*</span></div>
      <div class="mt-1 relative rounded-md shadow-sm"><input type="email" name="email" id="email"
          class="block w-full pr-10 border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md disabled:bg-gray-100 disabled:cursor-not-allowed disabled:border-gray-400 disabled:opacity-70"><!----></div>
      <!----><!---->
    </div>
    <div>
      <div class="flex mt-1"><label for="phone_number" class="block text-sm font-medium text-gray-700 mt-1">Telefoonnummer</label><span class="text-red-600 ml-0.5">*</span></div>
      <div class="mt-1 relative rounded-md shadow-sm"><input type="text" name="phone_number" id="phone_number"
          class="block w-full pr-10 border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md disabled:bg-gray-100 disabled:cursor-not-allowed disabled:border-gray-400 disabled:opacity-70"><!----></div>
      <!----><!---->
    </div>
    <div>
      <div class="flex mt-1"><label for="notes" class="block text-sm font-medium text-gray-700 mt-1">Speciale dieetwensen (als beschikbaar)</label><!----></div><textarea id="notes" name="notes" rows="5"
        class="block w-full pr-10 border-gray-300 focus:outline-none focus:ring-primary-500 focus:border-primary-500 sm:text-sm rounded-md">        </textarea><!----><!---->
    </div>
    <div class="relative flex items-start mt-2">
      <div class="flex items-center h-5 mt-0.5"><input id="accept_terms" aria-describedby="accept_terms-description" name="accept_terms" type="checkbox" class="focus:ring-primary-500 h-4 w-4 text-primary-600 border-gray-300 rounded"></div>
      <div class="ml-2 text-sm"><label for="accept_terms" class="font-medium text-gray-700">Ik accepteer de
          <a href="https://strand22.nl/contact/" target="_blank" class="font-semibold text-primary-500 hover:text-primary-400">algemene voorwaarden</a></label><!----></div>
    </div>
    <div><button class="btn btn-primary mt-2" type="submit">Reserveren</button></div>
  </div>
</form>

Text Content

Maak een reserveringEvenementen


DATUM EN TIJD

Datum*
Previous monthOctober 2022Next month
MON
TUE
WED
THU
FRI
SAT
SUN
262728293012345678910111213141516171819202122232425262728293031123456
Personen*


Met meer dan 8 personen? Neem dan contact op met contact@strand22.nl

AssortimentAssortiment
Lunch
Diner
Tijd


GEEN BESCHIKBARE TIJDEN GEVONDEN

Voordat u de tijden kunt selecteren, moet u eerst bovenstaande velden invullen.


PERSOONSGEGEVENS

Naam*

E-mailadres*

Telefoonnummer*

Speciale dieetwensen (als beschikbaar)
Ik accepteer de algemene voorwaarden
Reserveren