<section class="py-16 bg-white" data-component-type="Content" data-component-slug="home-appliances-template-performance">
    <div class="max-w-[90%] mx-auto px-4">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            
            <!-- Card 1 -->
            <div class="relative h-[400px] md:h-[450px] rounded-lg overflow-hidden group shadow-lg">
                <img src="{{c1_bg}}" alt="Performance" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-node="c1_bg" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046134/seltrix/templates/home-appliances-template/business-team.jpg">
                <div class="absolute inset-0 bg-black/60 flex flex-col items-center justify-center text-center p-8 text-white">
                     <h3 class="text-2xl md:text-3xl font-bold mb-4" data-node="c1_title" data-node-type="text" data-node-default="Home Performance Elevated">
                         {{c1_title}}
                     </h3>
                     <p class="text-sm md:text-base text-gray-200 max-w-sm leading-relaxed" data-node="c1_desc" data-node-type="textarea" data-node-default="Experience advanced technology that streamlines tasks, improves comfort, and brings more efficiency to your daily routines.">
                        {{c1_desc}}
                     </p>
                </div>
            </div>

            <!-- Card 2 -->
             <div class="relative h-[400px] md:h-[450px] rounded-lg overflow-hidden group shadow-lg">
                <img src="{{c2_bg}}" alt="Comfort" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-node="c2_bg" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046134/seltrix/templates/home-appliances-template/business-team.jpg">
                <div class="absolute inset-0 bg-black/60 flex flex-col items-center justify-center text-center p-8 text-white">
                     <h3 class="text-2xl md:text-3xl font-bold mb-4" data-node="c2_title" data-node-type="text" data-node-default="Comfort Made Effortless">
                         {{c2_title}}
                     </h3>
                     <p class="text-sm md:text-base text-gray-200 max-w-sm leading-relaxed" data-node="c2_desc" data-node-type="textarea" data-node-default="From kitchen to living spaces, our solutions ensure faster performance, quieter operation, and seamless usability for the whole family.">
                        {{c2_desc}}
                     </p>
                </div>
            </div>

            <!-- Card 3 (Full Width) -->
             <div class="relative h-[450px] md:col-span-2 rounded-lg overflow-hidden group shadow-lg">
                <img src="{{c3_bg}}" alt="Trust" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-105" data-node="c3_bg" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046218/seltrix/templates/home-appliances-template/support-call.jpg">
                <div class="absolute inset-0 bg-black/70 flex flex-col items-center justify-center text-center p-8 text-white">
                     <h3 class="text-3xl md:text-4xl font-bold mb-6" data-node="c3_title" data-node-type="text" data-node-default="Innovation You Can Trust">
                         {{c3_title}}
                     </h3>
                     <p class="text-base md:text-lg text-gray-300 max-w-2xl leading-relaxed" data-node="c3_desc" data-node-type="textarea" data-node-default="Every solution we create is backed by quality engineering and customer-focused design, giving you confidence in every appliance you choose.">
                        {{c3_desc}}
                     </p>
                </div>
            </div>

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