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

  <div class="ds-wrapper {{ds_variant}}">
    <!-- HEADER ROW -->
    <div class="ds-header">
      <!-- LEFT -->
      <div class="ds-left-col">
        <div class="ds-label-wrapper">
          <div class="ds-dot" style="--ds-dot-bg: {{ds_dot_color}};" data-node="ds_dot_color" data-node-type="color" data-node-default="#000000"></div>
          <span class="ds-label" data-node="ds_label" data-node-type="text" data-node-default="DESIGN SUPPORT">
            {{ds_label}}
          </span>
        </div>

        <h2 class="ds-heading" data-node="ds_heading" data-node-type="textarea" data-node-default="GUIDANCE THAT ELEVATES EVERY SPACE">
          {{ds_heading}}
        </h2>
      </div>

      <!-- RIGHT -->
      <div class="ds-right-col">
        <p class="ds-desc" data-node="ds_desc" data-node-type="textarea" data-node-default="Each recommendation blends functionality with visual appeal for a space that feels balanced and inviting.">
          {{ds_desc}}
        </p>

        <a href="{{ds_link_url}}" class="ds-link-wrapper" data-node="ds_link_url" data-node-type="url" data-node-default="#">
          <span class="ds-link-text" data-node="ds_link_text" data-node-type="text" data-node-default="Discover More">
            {{ds_link_text}}
          </span>
          <img src="{{ds_link_icon}}" class="ds-link-icon" alt="arrow" data-node="ds_link_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302452/seltrix/templates/interior-product-showcase-template/projects-arrow.svg">
        </a>
      </div>
    </div>

    <!-- MAIN IMAGE -->
    <div class="ds-image-container">
      <img src="{{ds_image}}" class="ds-image" alt="Design Support" data-node="ds_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210804/seltrix/templates/interior-product-showcase-template/design-support-service.webp">
    </div>

    <!-- BOTTOM LINE -->
    <div class="ds-bottom-line">
      <img src="{{ds_bottom_line}}" class="ds-bottom-line-img" alt="divider" data-node="ds_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>