<section data-component-type="Content" class="py-12 bg-white overflow-hidden border-b border-gray-100" data-component-slug="home-appliances-template-marquee">
  <div class="max-w-full relative">
    <!-- Masking for fade effect on edges -->
    <div class="absolute inset-y-0 left-0 w-24 bg-gradient-to-r from-white to-transparent z-10 pointer-events-none"></div>
    <div class="absolute inset-y-0 right-0 w-24 bg-gradient-to-l from-white to-transparent z-10 pointer-events-none"></div>

    <div class="text-center pb-[50px]">
      <h2 data-node="marquee_titile" data-node-type="text" data-node-label="marquee titile " data-node-default="Popular Brands" class="text-3xl font-bold text-[#090A1D] mb-3 whitespace-pre-line">
        {{marquee_titile}}
      </h2>
    </div>

    <!-- Marquee Track -->
    <div class="marquee-content flex items-center gap-16 animate-marquee whitespace-nowrap">
      <!-- Set 1 -->
      <img src="{{logo_1}}" data-node="logo_1" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046193/seltrix/templates/home-appliances-template/m1.png" class="h-8 md:h-10 opacity-60 hover:opacity-100 transition-opacity">
      <img src="{{logo_2}}" data-node="logo_2" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046194/seltrix/templates/home-appliances-template/m2.png" class="h-8 md:h-10 opacity-60 hover:opacity-100 transition-opacity">
      <img src="{{logo_3}}" data-node="logo_3" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046195/seltrix/templates/home-appliances-template/m3.png" class="h-8 md:h-10 opacity-60 hover:opacity-100 transition-opacity">
      <img src="{{logo_4}}" data-node="logo_4" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046196/seltrix/templates/home-appliances-template/m4.png" class="h-8 md:h-10 opacity-60 hover:opacity-100 transition-opacity">
      <img src="{{logo_5}}" data-node="logo_5" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046197/seltrix/templates/home-appliances-template/m5.png" class="h-8 md:h-10 opacity-60 hover:opacity-100 transition-opacity">
    </div>
  </div>
</section>