<section data-component-type="Content" class="bg-white py-16 lg:py-24 font-sans" data-component-slug="ss-interior-kitchen-daily_performance">
  <div class="max-w-[90%]  mx-auto px-4">
    
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-24 items-end ">
      
      <!-- Left Column -->
      <div class="flex flex-col gap-8">
        <h2 data-node="performance_heading" data-node-type="textarea" data-node-label="Heading" data-node-default="Built for Daily Performance" class="text-3xl sm:text-4xl font-bold text-black">
          {{performance_heading}}
        </h2>
        <div class=" overflow-hidden lg:aspect-auto lg:h-[600px]">
            <img data-node="performance_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768028246/seltrix/templates/ss-interior-kitchen/d1.png" src="{{performance_image}}" alt="Daily Performance" class="w-full h-full object-cover">
        </div>
      </div>

      <!-- Right Column -->
      <div class="flex  gap-8 lg:pt-32 lg:justify-end justify-center">
     
        <div class=" overflow-hidden  h-[500px] w-[500px] ">
               

               <h2 data-node="aesthetic_heading" data-node-type="textarea" data-node-label="Heading" data-node-default="Modern Kitchen Aesthetic" class="text-3xl sm:text-4xl font-bold py-[30px] text-black">
          {{aesthetic_heading}}
        </h2>
            <img data-node="aesthetic_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1767779833/seltrix/templates/ss-interior-kitchen/d2.png" src="{{aesthetic_image}}" alt="Modern Aesthetic" class="w-full h-full object-cover">
        </div>
      </div>

    </div>

  </div>
</section>