<section class="py-16 md:py-24 bg-white" data-component-type="Content" data-component-slug="home-appliances-template-quality">
    <div class="max-w-[90%] mx-auto grid grid-cols-1 md:grid-cols-2 gap-12 items-start">
        
        <!-- Left: Badge & Text -->
        <div class="flex flex-col items-start gap-8">
            <!-- Badge -->
            <div class="w-24 h-24 md:w-32 md:h-32">
                 <img data-node="badge_image" data-node-type="file" data-node-label="Badge Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046127/seltrix/templates/home-appliances-template/badge-satisfaction.png" src="{{badge_image}}" class="w-full h-full object-contain" alt="Satisfaction Guaranteed">
            </div>
            
            <div class="space-y-4">
                <h2 class="text-3xl md:text-4xl font-bold text-[#1A1A1A]">
                     <span data-node="heading" data-node-type="text" data-node-label="Heading" data-node-default="Quality You Can Trust">{{heading}}</span>
                </h2>
                <p class="text-gray-600 leading-relaxed font-sans max-w-md">
                     <span data-node="description" data-node-type="textarea" data-node-label="Description" data-node-default="Every appliance goes through rigorous testing, thoughtful design, and continuous refinement to ensure top-tier performance. We focus on blending innovation with user-friendly features to make every interaction smooth and satisfying. Our products are crafted to last, to perform, and to elevate your home experience every day.">{{description}}</span>
                </p>
            </div>
        </div>

        <!-- Right: Features List -->
        <div class="flex flex-col gap-10 mt-4">
            <!-- Feature 1 -->
            <div class="flex gap-5 items-start bg-white rounded-lg transition-shadow">
                 <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/v1768046161/seltrix/templates/home-appliances-template/icon-target.png" src="{{feature_1_icon}}" class="w-10 h-10 object-contain text-[#2346A7]" alt="Icon">
                <div>
                     <h4 class="font-bold text-lg text-[#1A1A1A] mb-2 font-sans">
                        <span data-node="feature_1_title" data-node-type="text" data-node-label="Feature 1 Title" data-node-default="Tested Excellence">{{feature_1_title}}</span>
                    </h4>
                     <p class="text-gray-600 text-sm leading-relaxed font-sans">
                        <span data-node="feature_1_desc" data-node-type="text" data-node-label="Feature 1 Description" data-node-default="Each product passes strict quality and safety standards. You get dependable performance you can trust every single day.">{{feature_1_desc}}</span>
                    </p>
                </div>
            </div>

            <!-- Feature 2 -->
             <div class="flex gap-5 items-start bg-white rounded-lg transition-shadow">
                  <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/v1768046155/seltrix/templates/home-appliances-template/icon-group.png" src="{{feature_2_icon}}" class="w-10 h-10 object-contain text-[#2346A7]" alt="Icon">
                <div>
                     <h4 class="font-bold text-lg text-[#1A1A1A] mb-2 font-sans">
                        <span data-node="feature_2_title" data-node-type="text" data-node-label="Feature 2 Title" data-node-default="Customer-Centered Build">{{feature_2_title}}</span>
                    </h4>
                     <p class="text-gray-600 text-sm leading-relaxed font-sans">
                        <span data-node="feature_2_desc" data-node-type="text" data-node-label="Feature 2 Description" data-node-default="Crafted around real needs, real routines, real homes. Every design choice reflects how people actually live and use appliances.">{{feature_2_desc}}</span>
                    </p>
                </div>
            </div>

            <!-- Feature 3 -->
             <div class="flex gap-5 items-start bg-white rounded-lg transition-shadow">
                  <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/v1768046158/seltrix/templates/home-appliances-template/icon-star.png" src="{{feature_3_icon}}" class="w-10 h-10 object-contain text-[#2346A7]" alt="Icon">
                <div>
                     <h4 class="font-bold text-lg text-[#1A1A1A] mb-2 font-sans">
                        <span data-node="feature_3_title" data-node-type="text" data-node-label="Feature 3 Title" data-node-default="Future-Ready Design">{{feature_3_title}}</span>
                    </h4>
                     <p class="text-gray-600 text-sm leading-relaxed font-sans">
                        <span data-node="feature_3_desc" data-node-type="text" data-node-label="Feature 3 Description" data-node-default="Technology that grows with your home and lifestyle. Equipped with updates and features built for tomorrow’s needs.">{{feature_3_desc}}</span>
                    </p>
                </div>
            </div>

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