verandahotels.com
Open in
urlscan Pro
43.247.37.116
Public Scan
URL:
https://verandahotels.com/
Submission: On November 07 via api from US — Scanned from DE
Submission: On November 07 via api from US — Scanned from DE
Form analysis 1 forms found in the DOM
GET https://reservation.smartbooking-asia.com/booking/portal.aspx
<form class="book" method="get" id="booking-form" action="https://reservation.smartbooking-asia.com/booking/portal.aspx" target="_blank">
<input value="en" name="langcd" type="hidden">
<div class="flex justify-center items-center">
<div class="branches-resort m-4 md:m-0 md:grid md:grid-cols-6 w-[1460px] items-center bg-white">
<div class="w-full py-2 px-4 mt-4 md:mt-0 md:border-r md:border-[#ad935d] cursor-pointer " data-dropdown-toggle="branches">
<div class="flex justify-between">
<span class="font-[600] text-[20px] leading-[140%] tracking-[-0.1px] normal letter-space">Hotel Branch</span>
</div>
<div class="max-w-sm relative pt-1">
<div class="flex right-0 absolute bottom-1/2 items-center ps-3.5 pointer-events-none">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 8">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"></path>
</svg>
</div>
<span id="hotel-result-label" class="">Select Branches</span>
<span id="error-branches" class="error" style="color: red; font-size: 12px; display: none;"><br>Please Select Branches</span>
</div>
<!-- branches menu -->
<div id="branches" class="z-10 hidden bg-white divide-y divide-gray-100 shadow w-[16em] dark:bg-gray-700" style="width: fit-content; position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(275px, 638px);"
data-popper-reference-hidden="" data-popper-escaped="" data-popper-placement="top">
<div class="hotel p-3 px-3 space-y-2" id="hotel">
<span class="font-semibold text-[18px] letter-space">Select Hotel Branch</span>
<div class="flex items-center">
<label class="container !text-[16px] letter-space">Veranda Hotel Pakubuwono <input type="radio" name="hotelcd" value="HT24005622">
<span class="checkmark"></span>
</label>
</div>
<div class="flex items-center">
<label class="container !text-[16px] letter-space">Veranda Serviced Residence Puri <input type="radio" name="hotelcd" value="HT24005704">
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
</div>
<div class="w-full py-2 px-4 mt-4 md:mt-0 md:border-r md:border-[#ad935d] cursor-pointer" data-dropdown-toggle="checkin-date">
<div class=" flex justify-between">
<span class="font-[600] text-[20px] leading-[140%] tracking-[-0.1px] normal letter-space">Check-In Date</span>
</div>
<div class="relative max-w-sm pt-1">
<div class="flex right-0 absolute bottom-1/2 items-center ps-3.5 pointer-events-none">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 8">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"></path>
</svg>
</div>
<span id="checkin-label" class="">Select Date</span>
<input id="checkin" type="hidden" name="ci"
class="pl-0 cursor-pointer border-none text-gray-900 text-sm focus:ring-[transparent] focus:border-[transparent] block w-full py-1.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-[transparent] dark:focus:border-[transparent]"
placeholder="Select date">
<span id="error-checkin" class="error" style="color: red; font-size: 12px; display: none;"><br>Please Select Check In Date</span>
</div>
<div id="checkin-date" class="z-10 hidden bg-white divide-y divide-gray-100 shadow w-fit dark:bg-gray-700" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(485px, 638px);" data-popper-reference-hidden=""
data-popper-escaped="" data-popper-placement="top">
<div class="hotel p-3 px-3 space-y-2">
<span class="font-semibold text-[18px]">Select Check-In Date</span>
<div inline-datepicker="" id="picker-ci" class="date-checkin">
<div class="datepicker datepicker-inline active block">
<div class="datepicker-picker inline-block rounded-lg bg-white dark:bg-gray-700 shadow-lg p-4">
<div class="datepicker-header">
<div class="datepicker-title bg-white dark:bg-gray-700 dark:text-white px-2 py-3 text-center font-semibold" style="display: none;"></div>
<div class="datepicker-controls flex justify-between mb-2"><button type="button"
class="bg-white dark:bg-gray-700 rounded-lg text-gray-500 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-gray-200 prev-btn"><svg
class="w-4 h-4 rtl:rotate-180 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5H1m0 0 4 4M1 5l4-4"></path>
</svg></button><button type="button"
class="text-sm rounded-lg text-gray-900 dark:text-white bg-white dark:bg-gray-700 font-semibold py-2.5 px-5 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-200 view-switch">November
2024</button><button type="button"
class="bg-white dark:bg-gray-700 rounded-lg text-gray-500 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-gray-200 next-btn"><svg
class="w-4 h-4 rtl:rotate-180 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"></path>
</svg></button></div>
</div>
<div class="datepicker-main p-1">
<div class="datepicker-view flex">
<div class="days">
<div class="days-of-week grid grid-cols-7 mb-1"><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Su</span><span
class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Mo</span><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Tu</span><span
class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">We</span><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Th</span><span
class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Fr</span><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Sa</span></div>
<div class="datepicker-grid w-64 grid grid-cols-7"><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1729980000000">27</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730070000000">28</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730156400000">29</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730242800000">30</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730329200000">31</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730415600000">1</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730502000000">2</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730588400000">3</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730674800000">4</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730761200000">5</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730847600000">6</span><span
class="datepicker-cell block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center font-semibold text-sm day selected bg-blue-700 !bg-primary-700 text-white dark:bg-blue-600 dark:!bg-primary-600 focused"
data-date="1730934000000">7</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731020400000">8</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731106800000">9</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731193200000">10</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731279600000">11</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731366000000">12</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731452400000">13</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731538800000">14</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731625200000">15</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731711600000">16</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731798000000">17</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731884400000">18</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731970800000">19</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732057200000">20</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732143600000">21</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732230000000">22</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732316400000">23</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732402800000">24</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732489200000">25</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732575600000">26</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732662000000">27</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732748400000">28</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732834800000">29</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732921200000">30</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733007600000">1</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733094000000">2</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733180400000">3</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733266800000">4</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733353200000">5</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733439600000">6</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733526000000">7</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls flex space-x-2 rtl:space-x-reverse mt-2"><button type="button"
class="button today-btn text-white bg-blue-700 !bg-primary-700 dark:bg-blue-600 dark:!bg-primary-600 hover:bg-blue-800 hover:!bg-primary-800 dark:hover:bg-blue-700 dark:hover:!bg-primary-700 focus:ring-4 focus:ring-blue-300 focus:!ring-primary-300 font-medium rounded-lg text-sm px-5 py-2 text-center w-1/2"
style="display: none;">Today</button><button type="button"
class="button clear-btn text-gray-900 dark:text-white bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 focus:ring-4 focus:ring-blue-300 focus:!ring-primary-300 font-medium rounded-lg text-sm px-5 py-2 text-center w-1/2"
style="display: none;">Clear</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full py-2 px-4 mt-4 md:mt-0 md:border-r md:border-[#ad935d] cursor-pointer" data-dropdown-toggle="checkout-date">
<div class=" flex justify-between">
<span class="font-[600] text-[20px] leading-[140%] tracking-[-0.1px] normal letter-space">Check-Out Date</span>
</div>
<div class="relative max-w-sm pt-1">
<div class="flex right-0 absolute bottom-1/2 items-center ps-3.5 pointer-events-none">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 8">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"></path>
</svg>
</div>
<span id="checkout-label" class="">Select Date</span>
<input id="checkout" type="hidden" name="co"
class="pl-0 cursor-pointer border-none text-gray-900 text-sm focus:ring-[transparent] focus:border-[transparent] block w-full py-1.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-[transparent] dark:focus:border-[transparent]">
<span id="error-checkout" class="error" style="color: red; font-size: 12px; display: none;"><br>Please Select Check Out Date</span>
</div>
<div id="checkout-date" class="z-10 hidden bg-white divide-y divide-gray-100 shadow w-fit dark:bg-gray-700" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(695px, 638px);" data-popper-reference-hidden=""
data-popper-escaped="" data-popper-placement="top">
<div class="hotel p-3 px-3 space-y-2">
<span class="font-semibold text-[18px]">Select Check-Out Date</span>
<div inline-datepicker="" class="date-checkout">
<div class="datepicker datepicker-inline active block">
<div class="datepicker-picker inline-block rounded-lg bg-white dark:bg-gray-700 shadow-lg p-4">
<div class="datepicker-header">
<div class="datepicker-title bg-white dark:bg-gray-700 dark:text-white px-2 py-3 text-center font-semibold" style="display: none;"></div>
<div class="datepicker-controls flex justify-between mb-2"><button type="button"
class="bg-white dark:bg-gray-700 rounded-lg text-gray-500 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-gray-200 prev-btn"><svg
class="w-4 h-4 rtl:rotate-180 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5H1m0 0 4 4M1 5l4-4"></path>
</svg></button><button type="button"
class="text-sm rounded-lg text-gray-900 dark:text-white bg-white dark:bg-gray-700 font-semibold py-2.5 px-5 hover:bg-gray-100 dark:hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-gray-200 view-switch">November
2024</button><button type="button"
class="bg-white dark:bg-gray-700 rounded-lg text-gray-500 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-600 hover:text-gray-900 dark:hover:text-white text-lg p-2.5 focus:outline-none focus:ring-2 focus:ring-gray-200 next-btn"><svg
class="w-4 h-4 rtl:rotate-180 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"></path>
</svg></button></div>
</div>
<div class="datepicker-main p-1">
<div class="datepicker-view flex">
<div class="days">
<div class="days-of-week grid grid-cols-7 mb-1"><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Su</span><span
class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Mo</span><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Tu</span><span
class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">We</span><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Th</span><span
class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Fr</span><span class="dow text-center h-6 leading-6 text-sm font-medium text-gray-500 dark:text-gray-400">Sa</span></div>
<div class="datepicker-grid w-64 grid grid-cols-7"><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1729980000000">27</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730070000000">28</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730156400000">29</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730242800000">30</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day prev text-gray-500 disabled"
data-date="1730329200000">31</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730415600000">1</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730502000000">2</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730588400000">3</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730674800000">4</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730761200000">5</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day disabled"
data-date="1730847600000">6</span><span
class="datepicker-cell block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center font-semibold text-sm day selected bg-blue-700 !bg-primary-700 text-white dark:bg-blue-600 dark:!bg-primary-600 focused"
data-date="1730934000000">7</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731020400000">8</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731106800000">9</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731193200000">10</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731279600000">11</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731366000000">12</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731452400000">13</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731538800000">14</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731625200000">15</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731711600000">16</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731798000000">17</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731884400000">18</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1731970800000">19</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732057200000">20</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732143600000">21</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732230000000">22</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732316400000">23</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732402800000">24</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732489200000">25</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732575600000">26</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732662000000">27</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732748400000">28</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732834800000">29</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day"
data-date="1732921200000">30</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733007600000">1</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733094000000">2</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733180400000">3</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733266800000">4</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733353200000">5</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733439600000">6</span><span
class="datepicker-cell hover:bg-gray-100 dark:hover:bg-gray-600 block flex-1 leading-9 border-0 rounded-lg cursor-pointer text-center text-gray-900 dark:text-white font-semibold text-sm day next text-gray-500"
data-date="1733526000000">7</span></div>
</div>
</div>
</div>
<div class="datepicker-footer">
<div class="datepicker-controls flex space-x-2 rtl:space-x-reverse mt-2"><button type="button"
class="button today-btn text-white bg-blue-700 !bg-primary-700 dark:bg-blue-600 dark:!bg-primary-600 hover:bg-blue-800 hover:!bg-primary-800 dark:hover:bg-blue-700 dark:hover:!bg-primary-700 focus:ring-4 focus:ring-blue-300 focus:!ring-primary-300 font-medium rounded-lg text-sm px-5 py-2 text-center w-1/2"
style="display: none;">Today</button><button type="button"
class="button clear-btn text-gray-900 dark:text-white bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-600 focus:ring-4 focus:ring-blue-300 focus:!ring-primary-300 font-medium rounded-lg text-sm px-5 py-2 text-center w-1/2"
style="display: none;">Clear</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full py-2 px-4 mt-4 md:mt-0 md:border-r md:border-[#ad935d] cursor-pointer" data-dropdown-toggle="dropdown" data-dropdown-ignore-click-outside-class="btn-calc">
<div class=" flex justify-between">
<span class="font-[600] text-[20px] leading-[140%] tracking-[-0.1px] normal letter-space">Rooms & Guests</span>
</div>
<div class="relative max-w-sm pt-1">
<div class="flex right-0 absolute bottom-1/2 items-center ps-3.5 pointer-events-none">
<svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 8">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="m1 1 5.326 5.7a.909.909 0 0 0 1.348 0L13 1"></path>
</svg>
</div>
<div class="letter-space"><span id="room-number">0</span> Rooms, <span id="guest-number">0</span> Guests <input type="text" hidden="" id="result-room" name="room" value="0">
<input type="text" hidden="" id="result-guest" name="adult" value="0">
<input type="text" hidden="" id="result-child" name="child" value="0">
</div>
</div>
<span id="error-calc" class="error" style="color: red; font-size: 12px; display: none;">Please Select Rooms & Guests</span>
<!-- Dropdown menu -->
<div id="dropdown" class="z-10 hidden bg-white divide-y divide-gray-100 shadow w-[16em] dark:bg-gray-700" style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(905px, 638px);" data-popper-reference-hidden=""
data-popper-escaped="" data-popper-placement="top">
<div class="counter p-6">
<span class="font-bold">How many Rooms?</span>
<div class="counter_conatiner flex w-full items-center mt-2">
<a id="subtract" class="border border-[#ddd] hover:border-[#ad935d] btn-calc px-1.5 py-1.5 cursor-pointer">
<svg class="w-5 h-5 text-gray-800 dark:text-white hover:text-[#ad935d]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 2">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h16"></path>
</svg>
</a>
<div class="w-10 mx-5 text-center text-[20px] output" id="output"> 0 </div>
<a id="add" class="border border-[#ddd] hover:border-[#ad935d] px-1.5 btn-calc py-1.5 cursor-pointer">
<svg class="w-5 h-5 text-gray-800 dark:text-white hover:text-[#ad935d]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 1v16M1 9h16"></path>
</svg>
</a>
</div>
</div>
<div class="counter p-6">
<span class="font-bold">Guest (Adult)</span>
<div class="counter_conatiner flex w-full items-center mt-2">
<a id="subtract2" class="border border-[#ddd] hover:border-[#ad935d] btn-calc px-1.5 py-1.5 cursor-pointer">
<svg class="w-5 h-5 text-gray-800 dark:text-white hover:text-[#ad935d]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 2">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h16"></path>
</svg>
</a>
<div class="w-10 mx-5 text-center text-[20px] output" id="output2"> 0 </div>
<a id="add2" class="border border-[#ddd] hover:border-[#ad935d] px-1.5 btn-calc py-1.5 cursor-pointer">
<svg class="w-5 h-5 text-gray-800 dark:text-white hover:text-[#ad935d]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 1v16M1 9h16"></path>
</svg>
</a>
</div>
</div>
<div class="counter p-6">
<span class="font-bold">Guest (Children)</span>
<div class="counter_conatiner flex w-full items-center mt-2">
<a id="subtract3" class="border border-[#ddd] hover:border-[#ad935d] btn-calc px-1.5 py-1.5 cursor-pointer">
<svg class="w-5 h-5 text-gray-800 dark:text-white hover:text-[#ad935d]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 2">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h16"></path>
</svg>
</a>
<div class="w-10 mx-5 text-center text-[20px] output" id="output3"> 0 </div>
<a id="add3" class="border border-[#ddd] hover:border-[#ad935d] px-1.5 btn-calc py-1.5 cursor-pointer">
<svg class="w-5 h-5 text-gray-800 dark:text-white hover:text-[#ad935d]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 18">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 1v16M1 9h16"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="w-full py-2 px-4 mt-4 md:mt-0 cursor-pointer">
<div class=" flex justify-between">
<span class="font-[600] text-[20px] leading-[140%] tracking-[-0.1px] normal letter-space">Promo Code</span>
</div>
<div class="relative max-w-sm pt-1">
<input id="promo" type="text" name="promocd"
class="pl-0 cursor-pointer border-none text-gray-900 text-sm focus:ring-[transparent] focus:border-[transparent] block w-full py-1.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-[transparent] dark:focus:border-[transparent]"
placeholder="Enter Promo Code">
</div>
<!-- Dropdown menu -->
</div>
<div class="w-full p-4 flex mt-4 md:mt-0 ">
<button class="bg-[#ad935d] hover:bg-[#bfa97d] p-4 w-full text-white letter-space" type="submit">CHECK AVAILABILITY</button>
</div>
</div>
</div>
</form>Text Content
BOOK * STAY * DINING * EVENTS * CONTACT * EN * EN * ID * * LOGO * HOTELS * PAKUBUWONO * PURI * STAY * DINING * EVENTS * ABOUT * CAREERS * MEDIA COVERAGES * CONTACT * EN * EN * ID MEMBER BOOK _ WELCOME TO VERANDA _ YOUR HOME, YOUR COMFORT Nestled in the heart of Jakarta, our exquisite hotel is a harmonious blend of luxury, comfort, and serenity. We invite you to experience the very essence of tranquility in the midst of the city. 07 November 2024 2:42 A.M. Local Time 29.2 °C Partly cloudy Hotel Branch Select Branches Please Select Branches Select Hotel Branch Veranda Hotel Pakubuwono Veranda Serviced Residence Puri Check-In Date Select Date Please Select Check In Date Select Check-In Date November 2024 SuMoTuWeThFrSa 27282930311234567891011121314151617181920212223242526272829301234567 TodayClear Check-Out Date Select Date Please Select Check Out Date Select Check-Out Date November 2024 SuMoTuWeThFrSa 27282930311234567891011121314151617181920212223242526272829301234567 TodayClear Rooms & Guests 0 Rooms, 0 Guests Please Select Rooms & Guests How many Rooms? 0 Guest (Adult) 0 Guest (Children) 0 Promo Code CHECK AVAILABILITY _ STAY _ CHOOSE YOUR STAY Whether staying for business or leisure, discover our most inspiring properties. VERANDA HOTEL PAKUBUWONO SEE MORESEE MORE VERANDA SERVICED RESIDENCE PURI SEE MORESEE MORE _ OFFERS _ SPECIAL DEALS & PACKAGES SOCIAL EVENT PACKAGE PURI Create any events and lasting memories with special packages by the culinary expertise of Wyl's Kitchen in our venue. DETAILSBOOK BIRTHDAY PACKAGE PURI Create warm birthday event at Puri with special packages by the culinary expertise of Wyl's Kitchen Puri in our venue. DETAILSBOOK BIRTHDAY PACKAGE PAKUBUWONO Create warm birthday event at Pakubuwono with special packages by the culinary expertise of Wyl's Kitchen Pakubuwono in our venue. DETAILSBOOK KIDS ACTIVITIES IN PAKUBUWONO Treat your kids with a variety of fun activities during your weekend family staycation. DETAILSBOOK _ DINING _ A SYMPHONY OF TASTE Discover a symphony of a tasteful culinary journey from various Indonesian and Western cuisines. WYL’S KITCHEN PAKUBUWONO Located at Veranda Hotel Pakubuwono, experience a fine culinary journey with a blend of Indonesian heritages and Western cuisines with a relaxing pool scenery. VIEW MORE WYL’S KITCHEN PURI Located at Veranda Serviced Residence Puri, enjoy a modest culinary journey of warm Indonesian heritages and Western cuisines. VIEW MORE _ EVENTS _ PLAN YOUR EVENT AT VERANDA WEDDINGS * Veranda Hotel Pakubuwono * Wyl's Kitchen Pakubuwono * Wyl's Kitchen Puri MEETINGS * Veranda Hotel Pakubuwono SOCIAL EVENTS * Veranda Hotel Pakubuwono * Wyl's Kitchen Pakubuwono * Wyl's Kitchen Puri FacebookInstagramYoutubeTiktokLinkedin DISCOVER OUR PROPERTIES * Veranda Hotels * Veranda Hotel Pakubuwono * Veranda Serviced Residence Puri * ABOUT * CAREERS * MEDIA COVERAGES * CONTACT * Terms and Conditions * Privacy Policy © Veranda 2024. All Rights Reserved. We use cookies from third party services for marketing activities to offer you a better experience.Accept and close