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

  <!-- ================= CONTENT ================= -->
  <div class="stats-wrapper">

    <!-- TOP -->
    <div class="stats-top">
      <h2 class="stats-heading" data-node="stats_heading" data-node-type="text" data-node-default="CRAFTING COMFORT, SHAPING SPACES.">
        {{stats_heading}}
      </h2>

      <p class="stats-description" data-node="stats_description" data-node-type="text" data-node-default="Our craftsmanship blends contemporary lines, premium materials, and a focus on making every space feel effortlessly elevated.">
        {{stats_description}}
      </p>
    </div>

    <!-- STATS -->
    <div class="stats-grid">

      <div class="stat-item">
        <span class="stat-divider"></span>
        <div class="stat-value">
          <span data-counter="1" data-node="stat_1_value" data-node-type="number" data-node-default="200">{{stat_1_value}}</span><span data-node="stat_1_suffix" data-node-type="text" data-node-default="+">{{stat_1_suffix}}</span>
        </div>
        <div class="stat-label" data-node="stat_1_label" data-node-type="text" data-node-default="Crafted Interiors">
          {{stat_1_label}}
        </div>
      </div>

      <div class="stat-item">
        <span class="stat-divider"></span>
        <div class="stat-value">
          <span data-counter="2" data-node="stat_2_value" data-node-type="number" data-node-default="32">{{stat_2_value}}</span><span data-node="stat_2_suffix" data-node-type="text" data-node-default="+">{{stat_2_suffix}}</span>
        </div>
        <div class="stat-label" data-node="stat_2_label" data-node-type="text" data-node-default="Signature Furniture Styles">
          {{stat_2_label}}
        </div>
      </div>

      <div class="stat-item">
        <span class="stat-divider"></span>
        <div class="stat-value">
          <span data-counter="3" data-node="stat_3_value" data-node-type="number" data-node-default="16">{{stat_3_value}}</span><span data-node="stat_3_suffix" data-node-type="text" data-node-default="+">{{stat_3_suffix}}</span>
        </div>
        <div class="stat-label" data-node="stat_3_label" data-node-type="text" data-node-default="Years of Design Excellence">
          {{stat_3_label}}
        </div>
      </div>

      <div class="stat-item">
        <span class="stat-divider"></span>
        <div class="stat-value">
          <span data-counter="4" data-node="stat_4_value" data-node-type="number" data-node-default="700">{{stat_4_value}}</span><span data-node="stat_4_suffix" data-node-type="text" data-node-default="+">{{stat_4_suffix}}</span>
        </div>
        <div class="stat-label" data-node="stat_4_label" data-node-type="text" data-node-default="Happy Homes Styled">
          {{stat_4_label}}
        </div>
      </div>

    </div>
  </div>

  
</section>