<section data-component-type="Content" class="cf-section bg-white" data-component-slug="interior-product-showcase-template-contact-form">
  

  <div class="cf-wrapper">
    <div class="cf-title-row">
      <h1 class="cf-title" data-node="cf_title" data-node-type="text" data-node-default="CONTACT US">{{cf_title}}</h1>
    </div>

    <div class="cf-grid">
      <!-- LEFT -->
      <div class="cf-info">
        <div class="cf-info-item">
          <p class="cf-text" data-node="cf_address" data-node-type="text" data-node-default="Shibuya, Tokyo">
            {{cf_address}}
          </p>
        </div>
        <div class="cf-info-item">
          <p class="cf-text" data-node="cf_office_time_label" data-node-type="text" data-node-default="Office Time">
            {{cf_office_time_label}}
          </p>
          <p class="cf-text" data-node="cf_office_time_days" data-node-type="text" data-node-default="Mon - Fri">
            {{cf_office_time_days}}
          </p>
          <p class="cf-text" data-node="cf_office_time_hours" data-node-type="text" data-node-default="10:00AM - 07:00PM">
            {{cf_office_time_hours}}
          </p>
        </div>
      </div>

      <!-- RIGHT -->
      <div class="cf-right-col">
        <div id="cf-form-status"></div>

        <form class="cf-form" data-contact-form>
          <div class="cf-form-row">
            <div class="cf-input-group">
              <label class="cf-label" data-node="cf_label_firstname" data-node-type="text" data-node-default="First Name">
                {{cf_label_firstname}}
              </label>
              <input type="text" class="cf-input" name="firstname" required>
            </div>
            <div class="cf-input-group">
              <label class="cf-label" data-node="cf_label_lastname" data-node-type="text" data-node-default="Last Name">
                {{cf_label_lastname}}
              </label>
              <input type="text" class="cf-input" name="lastname" required>
            </div>
          </div>

          <div class="cf-input-group cf-input-group-full">
            <label class="cf-label" data-node="cf_label_email" data-node-type="text" data-node-default="Email Address">
              {{cf_label_email}}
            </label>
            <input type="email" class="cf-input" name="email" required>
          </div>

          <div class="cf-input-group cf-input-group-full">
            <label class="cf-label" data-node="cf_label_enquiry" data-node-type="text" data-node-default="Enquiry">
              {{cf_label_enquiry}}
            </label>
            <input type="text" class="cf-input" name="enquiry" required>
          </div>

          <button type="submit" class="cf-submit" data-node="cf_submit_text" data-node-type="text" data-node-default="Submit">
            {{cf_submit_text}}
          </button>
        </form>
      </div>
    </div>
  </div>

  
</section>