<section data-component-type="Features" class="w-full bg-white font-manrope py-16 md:py-20 lg:py-24 px-6 md:px-12 lg:px-20" data-component-slug="ss-interior-flooring-template-features">
  <div class>
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20">
      <!-- Left Column: Title, Description, Image -->
      <div class="flex flex-col h-full">
        <!-- Title -->
        <h2 class="text-3xl md:text-4xl lg:text-[40px] font-bold text-gray-900 leading-tight mb-6" data-node="features_title" data-node-type="text" data-node-label="Features Title" data-node-default="The Foundation of a Better, Brighter Place.">
          {{features_title}}
        </h2>

        <!-- Description -->
        <p class="text-[#535353] text-base leading-relaxed mb-10" data-node="features_description" data-node-type="textarea" data-node-label="Features Description" data-node-default="We bring contemporary flooring solutions that merge beauty, endurance, and everyday comfort, creating surfaces that refine your interiors and enhance daily living.">
          {{features_description}}
        </p>

        <!-- Image -->
        <img data-node="features_image" data-node-type="file" data-node-label="Features Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767696144/seltrix/templates/ss-interior-flooring-template/features-image.jpg" src="{{features_image}}" alt="Interior flooring showcase" class="w-full h-[280px] md:h-[320px] object-cover rounded-lg mt-auto">
      </div>

      <!-- Right Column: Feature Cards -->
      <div class="flex flex-col gap-6">
        <!-- Feature Card 1 -->
        <div class="bg-gray-50 rounded-lg p-6 md:p-8">
          <div class="w-12 h-12 flex items-center justify-center mb-4">
            <img data-node="feature_1_icon" data-node-type="file" data-node-label="Feature 1 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768041231/seltrix/templates/ss-interior-flooring-template/feature-quality-icon.svg" src="{{feature_1_icon}}" alt="Feature icon" class="w-8 h-8">
          </div>
          <h3 class="text-lg font-bold text-gray-900 mb-2" data-node="feature_1_title" data-node-type="text" data-node-label="Feature 1 Title" data-node-default="Quality You Can Trust">
            {{feature_1_title}}
          </h3>
          <p class="text-[#535353] text-sm leading-relaxed" data-node="feature_1_description" data-node-type="textarea" data-node-label="Feature 1 Description" data-node-default="Premium materials sourced with precision to ensure long-lasting performance and consistent aesthetic appeal.">
            {{feature_1_description}}
          </p>
        </div>

        <!-- Feature Card 2 -->
        <div class="bg-gray-50 rounded-lg p-6 md:p-8">
          <div class="w-12 h-12 flex items-center justify-center mb-4">
            <img data-node="feature_2_icon" data-node-type="file" data-node-label="Feature 2 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768041227/seltrix/templates/ss-interior-flooring-template/feature-design-icon.svg" src="{{feature_2_icon}}" alt="Feature icon" class="w-8 h-8">
          </div>
          <h3 class="text-lg font-bold text-gray-900 mb-2" data-node="feature_2_title" data-node-type="text" data-node-label="Feature 2 Title" data-node-default="Designs for Every Style">
            {{feature_2_title}}
          </h3>
          <p class="text-[#535353] text-sm leading-relaxed" data-node="feature_2_description" data-node-type="textarea" data-node-label="Feature 2 Description" data-node-default="From minimalist to bold textures, our collection fits all interiors- modern, rustic, luxe, or transitional.">
            {{feature_2_description}}
          </p>
        </div>

        <!-- Feature Card 3 -->
        <div class="bg-gray-50 rounded-lg p-6 md:p-8">
          <div class="w-12 h-12 flex items-center justify-center mb-4">
            <img data-node="feature_3_icon" data-node-type="file" data-node-label="Feature 3 Icon" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768041229/seltrix/templates/ss-interior-flooring-template/feature-install-icon.svg" src="{{feature_3_icon}}" alt="Feature icon" class="w-8 h-8">
          </div>
          <h3 class="text-lg font-bold text-gray-900 mb-2" data-node="feature_3_title" data-node-type="text" data-node-label="Feature 3 Title" data-node-default="Easy, Hassle-Free Installation">
            {{feature_3_title}}
          </h3>
          <p class="text-[#535353] text-sm leading-relaxed" data-node="feature_3_description" data-node-type="textarea" data-node-label="Feature 3 Description" data-node-default="Expert guidance and efficient installation to give your space a seamless, stunning finish that lasts for years.">
            {{feature_3_description}}
          </p>
        </div>
      </div>
    </div>
  </div>
</section>