<section data-component-type="Content" class="w-full bg-[#FAFAF5]" data-component-slug="history-template-review-features">
  

  <div class="testimonial-wrapper">
    <!-- TOP -->
    <div class="testimonial-top">
      <!-- RIGHT : RATING -->
      <div class="rating-box">
        <div class="rating-avatars">
          <img src="{{testimonial_image}}" data-node="testimonial_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767699953/seltrix/templates/history-template/testimonial.png">
        </div>

        <div class="rating-score">
          <span data-node="rating_text" data-node-type="text" data-node-default="4.5/5">
            {{rating_text}}
          </span>
          <img src="{{rating_star}}" data-node="rating_star" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046290/seltrix/templates/history-template/star.svg">
        </div>
      </div>

      <!-- LEFT : QUOTE -->
      <div>
        <p class="testimonial-quote" data-node="testimonial_quote" data-node-type="text" data-node-default="“You cannot stand in Egypt and not feel the presence of eternity. The past and present meet here in a way no other land can offer.”">
          {{testimonial_quote}}
        </p>

        <div class="testimonial-author" data-node="testimonial_author" data-node-type="text" data-node-default="— Mark Twain">
          {{testimonial_author}}
        </div>
      </div>
    </div>

    <!-- STATS -->
    <div class="stats-grid">
      <!-- STAT 1 -->
      <div>
        <div class="stat-number">
          <span data-counter="1">0</span>
          <span data-node="counter_1_suffix" data-node-type="text" data-node-default="+">{{counter_1_suffix}}</span>
        </div>
        <div class="stat-label" data-node="counter_1_label" data-node-type="text" data-node-default="Historic Sites">
          {{counter_1_label}}
        </div>
      </div>

      <!-- STAT 2 -->
      <div>
        <div class="stat-number">
          <span data-counter="2">0</span>
          <span data-node="counter_2_suffix" data-node-type="text" data-node-default="+">{{counter_2_suffix}}</span>
        </div>
        <div class="stat-label" data-node="counter_2_label" data-node-type="text" data-node-default="Major Cities">
          {{counter_2_label}}
        </div>
      </div>

      <!-- STAT 3 -->
      <div>
        <div class="stat-number">
          <span data-counter="3">0</span>
          <span data-node="counter_3_suffix" data-node-type="text" data-node-default="+">{{counter_3_suffix}}</span>
        </div>
        <div class="stat-label" data-node="counter_3_label" data-node-type="text" data-node-default="Cultural Eras">
          {{counter_3_label}}
        </div>
      </div>

      <!-- STAT 4 -->
      <div>
        <div class="stat-number">
          <span data-counter="4">0</span>
          <span data-node="counter_4_suffix" data-node-type="text" data-node-default="+">{{counter_4_suffix}}</span>
        </div>
        <div class="stat-label" data-node="counter_4_label" data-node-type="text" data-node-default="Years Recorded">
          {{counter_4_label}}
        </div>
      </div>
    </div>
  
</div></section>