<header class="section" style="padding-top: 0px;">
    <div class="container small-container utility-margin-bottom-8rem utility-text-align-center">
      <h1 class="h1-heading">Connect with our team today</h1>
      <p class="subheading">Reach out for bookings, partnerships, or general inquiries. Our team is ready to assist you with hotel reservations, lounge access, dining, and more. For immediate support, use the contact options below or fill out our inquiry form. We look forward to hearing from you.</p>
      <div class="w-form">
        <form id="email-form" name="email-form" data-name="Email Form" method="get" class="form" data-wf-page-id="686c9131cd721ab886de815c" data-wf-element-id="42c4a49a-356e-163b-b5f1-62248696ac90"><label for="name" class="field-label">Name</label><input class="w-input" maxlength="256" name="name" data-name="Name" placeholder="" type="text" id="name"><label for="email" class="field-label-2">Email Address</label><input class="w-input" maxlength="256" name="email" data-name="Email" placeholder="" type="email" id="email" required=""><label for="email" class="field-label-2">Email Address</label><input class="w-input" maxlength="256" name="email" data-name="Email" placeholder="" type="email" id="email" required=""><input type="submit" data-wait="Please wait..." class="submit-button w-button" value="Submit"></form>
        <div class="w-form-done">
          <div>Thank you! Your submission has been received!</div>
        </div>
        <div class="w-form-fail">
          <div>Oops! Something went wrong while submitting the form.</div>
        </div>
      </div>
    </div>
    <div class="container utility-position-relative">
      <div id="w-node-b615decb-87c9-b3e5-f4d8-6892b2e7a2b8-b2e7a2ac" class="flex-horizontal align-center w-node-_08088bf5-4554-cb84-a975-ca9a9f22b41d-86de815c">
        <div class="custom-hero-image-left utility-width-40 utility-z-index-2 ix-parallax-speed-5"><img width="" height="" alt="[background image]" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/1862b574-06e7-4b2e-b222-9cbddc410bf2.avif" loading="lazy" data-aisg-image-id="1862b574-06e7-4b2e-b222-9cbddc410bf2" class="cover-image"></div>
        <div id="w-node-b615decb-87c9-b3e5-f4d8-6892b2e7a2bb-b2e7a2ac" class="utility-element-align-center utility-width-50 utility-aspect-1x1 w-node-_08088bf5-4554-cb84-a975-ca9a9f22b41a-86de815c"><img width="" height="" alt="image of an airport scene (for a travel tech)" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/d874b0b0-628a-4cc2-ac19-bdf15f2af12b.avif" loading="lazy" data-aisg-image-id="d874b0b0-628a-4cc2-ac19-bdf15f2af12b" class="cover-image utility-filter-brightness-90"></div>
        <div class="custom-hero-image-right utility-width-40 ix-parallax-speed--10"><img width="" height="" alt="image of unique dish preparation (for a fine dining restaurant)" src="https://webflow-prod-assets.s3.amazonaws.com/image-generation-assets/4c665b7a-de67-491e-9d6a-b6518bb0f73c.avif" loading="lazy" data-aisg-image-id="4c665b7a-de67-491e-9d6a-b6518bb0f73c" class="cover-image"></div>
      </div>
    </div>
  </header>
  <section class="section secondary-section" style="padding-top: 0px;">
    <div class="container utility-text-align-center">
      <h2 class="eyebrow">Connect with our team</h2>
      <h2 class="h2-heading">Let’s start the conversation</h2>
      <p class="subheading">Reach out for bookings or support.</p>
      <ul role="list" class="grid-layout mobile-portrait-1-column grid-gap-sm w-list-unstyled">
        <li class="utility-margin-bottom-0">
          <div class="icon-large utility-margin-bottom-1rem utility-margin-horizontal-auto icon-container"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 24" fill="none">
              <path d="M5.25 6.75H18.75V17.25H5.25V6.75Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
              <path d="M5.25 6.75L12 12L18.75 6.75" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
            </svg></div>
          <h4 class="h5-heading utility-margin-bottom-0">Corporate Office</h4>
          <p class="utility-text-secondary">Visit Us</p>
          <div>The Northbend, Metland Cyber Puri, 18 - 19<br>Kota Tangerang, Banten 15147</div>
        </li>
        <li class="utility-margin-bottom-0">
          <div class="icon-large utility-margin-bottom-1rem utility-margin-horizontal-auto icon-container"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 24" fill="none">
              <path d="M5.25 6.75H18.75V17.25H5.25V6.75Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
              <path d="M5.25 6.75L12 12L18.75 6.75" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
            </svg></div>
          <h4 class="h5-heading utility-margin-bottom-0">Email</h4>
          <p class="utility-text-secondary">Send us your questions anytime.</p>
          <div>
            <a href="#" class="text-link secondary-text-link">info@blue-sky.co.id</a>
          </div>
        </li>
        <li class="utility-margin-bottom-0">
          <div class="icon-large utility-margin-bottom-1rem utility-margin-horizontal-auto icon-container"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewbox="0 0 24 24" fill="none">
              <path d="M12.5 18.25C16.2279 18.25 19.25 15.2279 19.25 11.5C19.25 7.77208 16.2279 4.75 12.5 4.75C8.77208 4.75 5.75 7.77208 5.75 11.5C5.75 12.6007 6.01345 13.6398 6.48072 14.5578L5 19L9.71819 17.6519C10.5664 18.0361 11.5082 18.25 12.5 18.25Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"></path>
            </svg></div>
          <h4 class="h5-heading utility-margin-bottom-0">Phone</h4>
          <p class="utility-text-secondary">Available weekdays, office hour.</p>
          <div>+62 8234 1499 287<br></div>
        </li>
      </ul>
    </div>
  </section>