---
import { Image } from "astro:assets";
import dpeD from "@/images/dpe-d.png"
---
<section
  class="mx-auto max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 2xl:max-w-full"
>
  <!-- Title and description -->
  <div class="mx-auto mb-6 w-full space-y-1 text-center sm:w-1/2 lg:w-1/3">
    <h2
      class="text-balance text-2xl font-bold leading-tight text-neutral-800 dark:text-neutral-200 sm:text-3xl"
    >
      Diagnostics disponibles
    </h2>
        <div class="text-pretty leading-tight text-neutral-600 dark:text-neutral-400">
          <Image
            src={dpeD}
            alt="DPE de niveau 'D', 149 kWh/m²/an, 23 kg CO2/m²/an"
            class="mx-auto"
            loading="eager"
          />
          <p>🐜 Aucun signe d’infestation de termites ✅</p>
          <p>🧯 Aucune anomalie sur l’installation de gaz ✅</p>
          <p>💡 Électricité : Quelques anomalies ⚠️</p>
        </div>
  </div>
  <div
    class="flex flex-col items-center justify-center gap-y-2 sm:flex-row sm:gap-x-12 sm:gap-y-0 lg:gap-x-24"
  >
    <!-- Logos -->
  </div>
</section>