<section data-component-type="Content" class="built-for-spaces-section bg-white" data-component-slug="interior-product-showcase-template-built-for-spaces">
  

  <div class="bfs-wrapper">
    <!-- TWO COLUMNS -->
    <div class="bfs-content-row">
      <!-- LEFT -->
      <div class="bfs-left">
        <p class="bfs-main-text" data-node="bfs_main_text" data-node-type="textarea" data-node-default="We help you achieve a seamless look with products carefully matched to your vision.">
          {{bfs_main_text}}
        </p>

        <a href="{{bfs_btn_link}}" class="bfs-btn" data-node="bfs_btn_link" data-node-type="url" data-node-default="#">
          <span data-node="bfs_btn_text" data-node-type="text" data-node-default="Get Started"> {{bfs_btn_text}} </span>
        </a>
      </div>

      <!-- RIGHT ACCORDION -->
      <div class="bfs-right">
        <!-- ITEM 1 -->
        <div class="bfs-item active">
          <div class="bfs-header">
            <h3 class="bfs-title" data-node="bfs_item_1_title" data-node-type="text" data-node-default="BUILT FOR SPACES">
              {{bfs_item_1_title}}
            </h3>
            <div class="bfs-icon">
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302414/seltrix/templates/interior-product-showcase-template/acc-close.svg" class="bfs-icon-img" data-active-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302414/seltrix/templates/interior-product-showcase-template/acc-close.svg" data-inactive-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" alt="Close">
            </div>
          </div>
          <div class="bfs-body">
            <p class="bfs-body-text" data-node="bfs_item_1_desc" data-node-type="textarea" data-node-default="From layouts to finishes, we combine design intelligence with products that uplift your interior story.">
              {{bfs_item_1_desc}}
            </p>
            <div class="bfs-tags">
              <div class="bfs-tag" data-node="bfs_item_1_tag_1" data-node-type="text" data-node-default="Furniture">
                {{bfs_item_1_tag_1}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_1_tag_2" data-node-type="text" data-node-default="Décor">
                {{bfs_item_1_tag_2}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_1_tag_3" data-node-type="text" data-node-default="Lighting">
                {{bfs_item_1_tag_3}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_1_tag_4" data-node-type="text" data-node-default="Materials">
                {{bfs_item_1_tag_4}}
              </div>
            </div>
          </div>
        </div>

        <!-- ITEM 2 -->
        <div class="bfs-item">
          <div class="bfs-header">
            <h3 class="bfs-title" data-node="bfs_item_2_title" data-node-type="text" data-node-default="PLAN YOUR SPACE">
              {{bfs_item_2_title}}
            </h3>
            <div class="bfs-icon">
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" class="bfs-icon-img" data-active-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302414/seltrix/templates/interior-product-showcase-template/acc-close.svg" data-inactive-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" alt="Expand">
            </div>
          </div>
          <div class="bfs-body">
            <p class="bfs-body-text" data-node="bfs_item_2_desc" data-node-type="textarea" data-node-default="We analyze your layout to optimize flow, functionality, and comfort, ensuring every square foot serves a purpose.">
              {{bfs_item_2_desc}}
            </p>
            <div class="bfs-tags">
              <div class="bfs-tag" data-node="bfs_item_2_tag_1" data-node-type="text" data-node-default="Layouts">
                {{bfs_item_2_tag_1}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_2_tag_2" data-node-type="text" data-node-default="Flow">
                {{bfs_item_2_tag_2}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_2_tag_3" data-node-type="text" data-node-default="Zoning">
                {{bfs_item_2_tag_3}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_2_tag_4" data-node-type="text" data-node-default="Utility">
                {{bfs_item_2_tag_4}}
              </div>
            </div>
          </div>
        </div>

        <!-- ITEM 3 -->
        <div class="bfs-item">
          <div class="bfs-header">
            <h3 class="bfs-title" data-node="bfs_item_3_title" data-node-type="text" data-node-default="REFINE THE AESTHETIC">
              {{bfs_item_3_title}}
            </h3>
            <div class="bfs-icon">
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" class="bfs-icon-img" data-active-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302414/seltrix/templates/interior-product-showcase-template/acc-close.svg" data-inactive-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" alt="Expand">
            </div>
          </div>
          <div class="bfs-body">
            <p class="bfs-body-text" data-node="bfs_item_3_desc" data-node-type="textarea" data-node-default="Curating palettes, textures, and finishes that harmonize to create a cohesive and striking visual identity.">
              {{bfs_item_3_desc}}
            </p>
            <div class="bfs-tags">
              <div class="bfs-tag" data-node="bfs_item_3_tag_1" data-node-type="text" data-node-default="Colors">
                {{bfs_item_3_tag_1}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_3_tag_2" data-node-type="text" data-node-default="Textures">
                {{bfs_item_3_tag_2}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_3_tag_3" data-node-type="text" data-node-default="Finishes">
                {{bfs_item_3_tag_3}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_3_tag_4" data-node-type="text" data-node-default="Mood">
                {{bfs_item_3_tag_4}}
              </div>
            </div>
          </div>
        </div>

        <!-- ITEM 4 -->
        <div class="bfs-item">
          <div class="bfs-header">
            <h3 class="bfs-title" data-node="bfs_item_4_title" data-node-type="text" data-node-default="ENHANCE EVERY CORNER">
              {{bfs_item_4_title}}
            </h3>
            <div class="bfs-icon">
              <img src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" class="bfs-icon-img" data-active-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302414/seltrix/templates/interior-product-showcase-template/acc-close.svg" data-inactive-src="https://res.cloudinary.com/duukclzsd/image/upload/v1768302447/seltrix/templates/interior-product-showcase-template/plus.svg" alt="Expand">
            </div>
          </div>
          <div class="bfs-body">
            <p class="bfs-body-text" data-node="bfs_item_4_desc" data-node-type="textarea" data-node-default="Detailed styling and accessory selection to bring warmth, character, and the final polish to your environment.">
              {{bfs_item_4_desc}}
            </p>
            <div class="bfs-tags">
              <div class="bfs-tag" data-node="bfs_item_4_tag_1" data-node-type="text" data-node-default="Accessories">
                {{bfs_item_4_tag_1}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_4_tag_2" data-node-type="text" data-node-default="Art">
                {{bfs_item_4_tag_2}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_4_tag_3" data-node-type="text" data-node-default="Plants">
                {{bfs_item_4_tag_3}}
              </div>
              <div class="bfs-tag" data-node="bfs_item_4_tag_4" data-node-type="text" data-node-default="Details">
                {{bfs_item_4_tag_4}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

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