<section data-component-type="Content" class="what-we-offer-section w-full bg-white" data-component-slug="interior-product-showcase-template-what-we-offer">
  

  <div class="wwo-wrapper">
    <!-- HEADER -->
    <div class="wwo-header">
      <div class="wwo-label" data-node="wwo_label" data-node-type="text" data-node-default="What We Offer">
        {{wwo_label}}
      </div>
      
      <h2 class="wwo-heading" data-node="wwo_heading" data-node-type="textarea" data-node-default="INTERIOR SERVICES DESIGNED TO CREATE MEANINGFUL, BEAUTIFUL LIVING EXPERIENCES">
        {{wwo_heading}}
      </h2>
    </div>

    <!-- DIVIDER -->
    <div class="wwo-divider"></div>

    <!-- MAIN CONTENT -->
    <div class="wwo-content">
      <!-- LEFT IMAGE -->
      <div class="wwo-left">
        <img src="{{wwo_image}}" class="wwo-image" alt="Services option" data-node="wwo_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210828/seltrix/templates/interior-product-showcase-template/options.webp">
        <div class="wwo-caption" data-node="wwo_caption" data-node-type="text" data-node-default="Crafted With Intention">
          {{wwo_caption}}
        </div>
      </div>

      <!-- RIGHT LIST -->
      <div class="wwo-right">
        <div class="wwo-list-wrapper">
          <!-- ITEM A -->
          <div class="wwo-list-item">
            <div class="wwo-item-label" data-node="wwo_item_1_label" data-node-type="text" data-node-default="(A)">
              {{wwo_item_1_label}}
            </div>
            <div class="wwo-item-text" data-node="wwo_item_1_text" data-node-type="text" data-node-default="Custom Furniture Selection">
              {{wwo_item_1_text}}
            </div>
          </div>

          <!-- ITEM B -->
          <div class="wwo-list-item">
            <div class="wwo-item-label" data-node="wwo_item_2_label" data-node-type="text" data-node-default="(B)">
              {{wwo_item_2_label}}
            </div>
            <div class="wwo-item-text" data-node="wwo_item_2_text" data-node-type="text" data-node-default="Wall & Surface Styling">
              {{wwo_item_2_text}}
            </div>
          </div>

          <!-- ITEM C -->
          <div class="wwo-list-item">
            <div class="wwo-item-label" data-node="wwo_item_3_label" data-node-type="text" data-node-default="(C)">
              {{wwo_item_3_label}}
            </div>
            <div class="wwo-item-text" data-node="wwo_item_3_text" data-node-type="text" data-node-default="Lighting Design Coordination">
              {{wwo_item_3_text}}
            </div>
          </div>

          <!-- ITEM D -->
          <div class="wwo-list-item">
            <div class="wwo-item-label" data-node="wwo_item_4_label" data-node-type="text" data-node-default="(D)">
              {{wwo_item_4_label}}
            </div>
            <div class="wwo-item-text" data-node="wwo_item_4_text" data-node-type="text" data-node-default="Complete Space Curation">
              {{wwo_item_4_text}}
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- BOTTOM LINE -->
    <div class="wwo-bottom-line">
      <img src="{{wwo_bottom_line}}" class="wwo-bottom-line-img" alt="divider" data-node="wwo_bottom_line" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210800/seltrix/templates/interior-product-showcase-template/built-for-space-line.png">
    </div>
  </div>
</section>