<section data-component-type="Content" class="w-full bg-white" data-component-slug="interior-product-showcase-template-sofa-card">
  <!-- ================= STYLES ================= -->
  

  <!-- ================= CONTENT ================= -->
  <div class="sofa-card-wrapper">
    <div class="sofa-card-grid">

      <!-- CARD 1 -->
      <article class="sofa-card">
        <div class="sofa-card-header">
          <h3 class="sofa-card-title" data-node="card_1_title" data-node-type="text" data-node-default="ASH SOFA WITH LAID-BACK SUPPORT">
            {{card_1_title}}
          </h3>
          <a href="{{card_1_link}}" class="sofa-card-icon-box" title="View Product" data-node="card_1_link" data-node-type="url" data-node-default="#">
             <img src="{{arrow_icon}}" class="sofa-card-icon" alt="Arrow" data-node="arrow_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302422/seltrix/templates/interior-product-showcase-template/card-arrow.svg">
          </a>
        </div>

        <p class="sofa-card-desc" data-node="card_1_desc" data-node-type="textarea" data-node-default="Soft ash tones meet ergonomic detailing for effortless lounging and a serene living room aesthetic.">
          {{card_1_desc}}
        </p>

        <div class="sofa-card-image-wrap">
          <img src="{{card_1_image}}" class="sofa-card-image" alt="Ash Sofa" data-node="card_1_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210798/seltrix/templates/interior-product-showcase-template/ash-sofa.webp">
        </div>
      </article>

      <!-- CARD 2 -->
      <article class="sofa-card">
        <div class="sofa-card-header">
          <h3 class="sofa-card-title" data-node="card_2_title" data-node-type="text" data-node-default="IVORY SOFA-SINGLE ACCENT CHAIR">
            {{card_2_title}}
          </h3>
          <a href="{{card_2_link}}" class="sofa-card-icon-box" title="View Product" data-node="card_2_link" data-node-type="url" data-node-default="#">
             <img src="{{arrow_icon}}" class="sofa-card-icon" alt="Arrow" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768302422/seltrix/templates/interior-product-showcase-template/card-arrow.svg">
          </a>
        </div>

        <p class="sofa-card-desc" data-node="card_2_desc" data-node-type="textarea" data-node-default="An ivory centerpiece paired with a sculpted chair—minimal, airy, and perfect for modern spaces.">
          {{card_2_desc}}
        </p>

        <div class="sofa-card-image-wrap">
          <img src="{{card_2_image}}" class="sofa-card-image" alt="Ivory Sofa" data-node="card_2_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210824/seltrix/templates/interior-product-showcase-template/ivory-sofa.webp">
        </div>
      </article>

    </div>
  </div>
</section>