<section class="relative py-32 md:py-48 bg-gray-900 overflow-hidden" data-component-type="Content" data-component-slug="home-appliances-template-smarter">
    <!-- Background Content -->
    <div class="absolute inset-0 z-0">
        <img src="{{bg_image}}" alt="Background" class="w-full h-full object-cover opacity-60" data-node="bg_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046216/seltrix/templates/home-appliances-template/store-interior.jpg">
        <div class="absolute inset-0 bg-black/50"></div>
    </div>
    
    <!-- Text Content -->
    <div class="relative z-10 container mx-auto px-4 text-center text-white">
        <h2 class="text-3xl md:text-5xl font-bold mb-6 tracking-tight" data-node="title" data-node-type="text" data-node-default="Smarter Solutions Ahead">
            {{title}}
        </h2>
        <p class="max-w-3xl mx-auto text-base md:text-xl text-gray-200 leading-relaxed font-light" data-node="description" data-node-type="textarea" data-node-default="Explore home innovations that reduce effort, enhance comfort, and optimise energy use, making your space more convenient every day.">
           {{description}}
        </p>
    </div>
</section>