Featured Property Card

<div class="w-full max-w-sm mx-auto">
  <div class="bg-white rounded-xl shadow-lg overflow-hidden hover:shadow-2xl transition-shadow duration-300">
    <div class="relative">
      <img src="https://cdn.shopify.com/s/files/1/0908/9489/3329/files/Playpark_Lodge_Sold_Thumbnail.jpg?v=1765483980" alt="Playpark Lodge" class="w-full h-56 object-cover" loading="lazy" />
      <span class="absolute top-3 right-3 bg-red-600 text-white text-xs
        font-bold px-3 py-1.5 rounded-full shadow-lg uppercase
        tracking-wide">Sold</span>
    </div>
    <div class="p-6">
      <h3 class="text-2xl font-bold text-gray-900 mb-2">Playpark Lodge</h3>
      <p class="text-gray-600 text-sm mb-4">This beautiful property has sold. Thank you for your interest.</p>
      <div class="flex items-center justify-between">
        <button class="text-blue-600 hover:text-blue-800 font-semibold text-sm transition-colors duration-200">View Details</button>
        <button class="text-gray-500 hover:text-gray-700 transition-colors duration-200">
          <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path>
          </svg>
        </button>
      </div>
    </div>
  </div>
</div>