<!-- Accordion 1 -->
<div>
    <button @click="openItem === 1 ? openItem = null : openItem = 1"
            class="w-full flex justify-between items-center p-4 lg:bg-gray-100 border-b">
        <span class="text-black text-sm lg:text-xl font-semibold font-inter">How do I contact you?</span>
        <span class="ml-4 flex-shrink-0">
              <!-- Minus icon (open) -->
              <svg x-show="openItem === 1" x-cloak xmlns="http://www.w3.org/2000/svg" width="22" height="2" viewBox="0 0 22 2" fill="none">
                <path d="M0 1H22" stroke="#2A2A2A" stroke-width="2" />
              </svg>
            <!-- Plus icon (closed) -->
              <svg x-show="openItem !== 1" x-cloak xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                <path d="M11 0V22" stroke="#2A2A2A" stroke-width="2" />
                <path d="M0 11H22" stroke="#2A2A2A" stroke-width="2" />
              </svg>
            </span>
    </button>
    <div x-show="openItem === 1" x-collapse class="p-4 text-sm text-gray-700">
        <p>Email us at <a href="mailto:info@banyo.co.uk" class="text-text-primary-darker underline">info@banyo.co.uk</a></p>
        <p class="mt-2">Phone: <strong>0116 274 4059</strong></p>
        <p class="mt-2">Address: <strong>Nexus 64 St. Barnabas Road Leicester LE5 4BD</strong></p>
    </div>
</div>
