<section class="py-16 bg-white overflow-hidden" data-component-type="Content" data-component-slug="home-appliances-template-brand">
  <div class="max-w-[90%] mx-auto px-4">
    <!-- Brands Section -->
    <div class="mb-16">
      <h2 class="text-3xl font-bold text-gray-900 mb-8" data-node="title" data-node-type="text" data-node-default="Brands">{{title}}</h2>
      <div class="flex flex-wrap justify-between items-center gap-8">
        <img src="{{logo_1}}" alt="Brand 1" class="h-8 md:h-12 object-contain" data-node="logo_1" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046229/seltrix/templates/home-appliances-template/Wheelapp.png">
        <img src="{{logo_2}}" alt="Brand 2" class="h-8 md:h-12 object-contain" data-node="logo_2" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046153/seltrix/templates/home-appliances-template/HighCountryClub.png">
        <img src="{{logo_3}}" alt="Brand 3" class="h-8 md:h-12 object-contain" data-node="logo_3" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046171/seltrix/templates/home-appliances-template/Kinetic.png">
        <img src="{{logo_4}}" alt="Brand 4" class="h-8 md:h-12 object-contain" data-node="logo_4" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046147/seltrix/templates/home-appliances-template/Grasshopper.png">
        <img src="{{logo_5}}" alt="Brand 5" class="h-8 md:h-12 object-contain" data-node="logo_5" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046197/seltrix/templates/home-appliances-template/MajentaMantis.png">
      </div>
    </div>

    <!-- Features Section -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start">
      
      <!-- Left: Text Content -->
      <div class="space-y-6">
        <h2 class="text-3xl md:text-4xl font-bold text-gray-900" data-node="feature_main_title" data-node-type="text" data-node-default="Where Innovation Meets Everyday Living">
          {{feature_main_title}}
        </h2>
        <p class="text-gray-600 leading-relaxed" data-node="feature_main_desc" data-node-type="textarea" data-node-default="Experience appliances curated from trusted global brands, combining advanced engineering with intuitive design. Every product is crafted to simplify your routines, enhance your spaces, and deliver long-lasting value.">
          {{feature_main_desc}}
        </p>
      </div>

      <!-- Right: Grid of Features -->
      <div class="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12">
        
        <!-- Feature 1 -->
        <div class="flex gap-4">
          <div class="flex-shrink-0">
             <img src="{{f1_icon}}" alt="Icon" class="w-8 h-8 text-blue-900" data-node="f1_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046155/seltrix/templates/home-appliances-template/icon-award.png">
          </div>
          <div>
            <h3 class="font-bold text-gray-900 mb-2" data-node="f1_title" data-node-type="text" data-node-default="Efficiency">{{f1_title}}</h3>
            <p class="text-sm text-gray-600" data-node="f1_desc" data-node-type="textarea" data-node-default="Smart features that cut down time and effort. Created to support your lifestyle with seamless performance.">{{f1_desc}}</p>
          </div>
        </div>

        <!-- Feature 2 -->
        <div class="flex gap-4">
          <div class="flex-shrink-0">
             <img src="{{f2_icon}}" alt="Icon" class="w-8 h-8 text-blue-900" data-node="f2_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046125/seltrix/templates/home-appliances-template/b2.png">
          </div>
          <div>
            <h3 class="font-bold text-gray-900 mb-2" data-node="f2_title" data-node-type="text" data-node-default="Support">{{f2_title}}</h3>
            <p class="text-sm text-gray-600" data-node="f2_desc" data-node-type="textarea" data-node-default="Guidance, assistance, and service whenever you need it. We ensure your experience stays smooth from purchase to installation.">{{f2_desc}}</p>
          </div>
        </div>

        <!-- Feature 3 -->
        <div class="flex gap-4">
          <div class="flex-shrink-0">
             <img src="{{f3_icon}}" alt="Icon" class="w-8 h-8 text-blue-900" data-node="f3_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046125/seltrix/templates/home-appliances-template/b3.png">
          </div>
          <div>
            <h3 class="font-bold text-gray-900 mb-2" data-node="f3_title" data-node-type="text" data-node-default="Quality">{{f3_title}}</h3>
            <p class="text-sm text-gray-600" data-node="f3_desc" data-node-type="textarea" data-node-default="Built using reliable, high-grade components. Designed to maintain stability even with everyday heavy use.">{{f3_desc}}</p>
          </div>
        </div>

        <!-- Feature 4 -->
        <div class="flex gap-4">
          <div class="flex-shrink-0">
             <img src="{{f4_icon}}" alt="Icon" class="w-8 h-8 text-blue-900" data-node="f4_icon" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046126/seltrix/templates/home-appliances-template/b4.png">
          </div>
          <div>
            <h3 class="font-bold text-gray-900 mb-2" data-node="f4_title" data-node-type="text" data-node-default="Safety">{{f4_title}}</h3>
            <p class="text-sm text-gray-600" data-node="f4_desc" data-node-type="textarea" data-node-default="Tested to meet strict safety benchmarks. Gives you complete peace of mind with every operation.">{{f4_desc}}</p>
          </div>
        </div>

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