<section data-component-type="Content" class="py-16 lg:py-24 bg-white" data-component-slug="ss-dental-services-gallery">
  <div class="max-w-[1920px] mx-auto px-8 lg:px-16 xl:px-24">
    <!-- Header -->
    <div class="text-center mb-12">
      <!-- Badge -->
      <span data-node="services_gallery_badge" data-node-type="text" data-node-label="Badge Text" data-node-default="Environment" class="inline-block px-4 py-1.5 border border-gray-300 rounded-lg text-sm text-gray-700 mb-6">{{services_gallery_badge}}</span>

      <!-- Title -->
      <h2 data-node="services_gallery_title" data-node-type="textarea" data-node-label="Title" data-node-default="Spaces That Support Healing and Wellbeing" class="text-3xl md:text-4xl lg:text-5xl font-medium text-gray-900 leading-tight max-w-3xl mx-auto">
        {{services_gallery_title}}
      </h2>
    </div>

    <!-- Image Cards Grid -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
      <!-- Card 1 -->
      <div>
        <div class="aspect-[563/592] mb-6">
          <img data-node="services_gallery_image_1" data-node-type="file" data-node-label="Card 1 Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053571/seltrix/templates/ss-dental-template/gallery-1.png" src="{{services_gallery_image_1}}" alt="Gallery Image 1" class="w-full h-full object-cover rounded-3xl">
        </div>
        <h3 data-node="services_gallery_title_1" data-node-type="text" data-node-label="Card 1 Title" data-node-default="Inpatient Care" class="text-xl font-semibold text-gray-900 mb-2">
          {{services_gallery_title_1}}
        </h3>
        <p data-node="services_gallery_description_1" data-node-type="textarea" data-node-label="Card 1 Description" data-node-default="Well-monitored bed facilities designed to support recovery and clinical observation." class="text-[#575757] text-base">
          {{services_gallery_description_1}}
        </p>
      </div>

      <!-- Card 2 -->
      <div>
        <div class="aspect-[563/592] mb-6">
          <img data-node="services_gallery_image_2" data-node-type="file" data-node-label="Card 2 Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053572/seltrix/templates/ss-dental-template/gallery-2.png" src="{{services_gallery_image_2}}" alt="Gallery Image 2" class="w-full h-full object-cover rounded-3xl">
        </div>
        <h3 data-node="services_gallery_title_2" data-node-type="text" data-node-label="Card 2 Title" data-node-default="Hygienic Spaces" class="text-xl font-semibold text-gray-900 mb-2">
          {{services_gallery_title_2}}
        </h3>
        <p data-node="services_gallery_description_2" data-node-type="textarea" data-node-label="Card 2 Description" data-node-default="Strict sanitation protocols ensure clean, infection-controlled hospital environments at all times." class="text-[#575757] text-base">
          {{services_gallery_description_2}}
        </p>
      </div>

      <!-- Card 3 -->
      <div class="md:col-span-2 lg:col-span-1 md:max-w-[50%] lg:max-w-full md:mx-auto lg:mx-0">
        <div class="aspect-[563/592] mb-6">
          <img data-node="services_gallery_image_3" data-node-type="file" data-node-label="Card 3 Image" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768053573/seltrix/templates/ss-dental-template/gallery-3.png" src="{{services_gallery_image_3}}" alt="Gallery Image 3" class="w-full h-full object-cover rounded-3xl">
        </div>
        <h3 data-node="services_gallery_title_3" data-node-type="text" data-node-label="Card 3 Title" data-node-default="Patient Comfort" class="text-xl font-semibold text-gray-900 mb-2">
          {{services_gallery_title_3}}
        </h3>
        <p data-node="services_gallery_description_3" data-node-type="textarea" data-node-label="Card 3 Description" data-node-default="Welcoming lounges and seating areas that create a calm, stress-free experience for patients." class="text-[#575757] text-base">
          {{services_gallery_description_3}}
        </p>
      </div>
    </div>
  </div>
</section>