Book Table – Reservation Page

<div class="row g-24">
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__select">
            <label >NUMBER OF GUEST *</label>
            [select* Person id:how-many-person "1 Person" "2 Person" "3 Person" "4 Person" "5 Person" ]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__input">
            <label>SELECT DATE *</label>
            [date* date id:datepicker]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__select">
            <label>SELECT TIME*</label>
            [select* time "10:00 AM" "11:00 AM" "12:00 PM" "1:00 PM" "2:00 PM" "3:00 PM" "4:00 PM" "5:00 PM" "6:00 PM" "7:00 PM" "8:00 PM" "9:00 PM" "10:00 PM"]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__input">
            <label>Your Name*</label>
            [text* your-name placeholder "Your Name"]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__input">
            <label>Email Address *</label>
            [email* your-email placeholder "Email Address"]
        </div>
    </div>
    <div class="col-md-4 col-sm-6 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__input">
            <label>Phone Number *</label>
            [tel* your-phone placeholder "Phone Number"]
        </div>
    </div>
    <div class="col-md-12 d-flex justify-content-end flex-column">
        <div class="book-a-table-3__input">
            <label>Type Your Special Message*</label>
            [textarea* your-message placeholder "Tell us more about your special message"]
        </div>
    </div>
    <a type="submit" class="rr-btn rr-btn__red">
        <span class="hover-rl"></span>
        <span class="fake_hover"></span>
        <span class="btn-wrap">
            <span class="text-one">Book A Table <i class="fa-regular fa-arrow-right"></i></span>
            <span class="text-two">Book A Table <i class="fa-regular fa-arrow-right"></i></span>
        </span>
    </a>
</div>