<turbo-stream action="update" target="search-results"><template>
    <div class="space-y-6">
      <h2 class="text-2xl font-bold text-gray-800 text-center">
        랜덤 일러스트
      </h2>

      <div class="flex justify-center">
        <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-200 max-w-md w-full">
            <img alt="クーラーボックスのイラスト" class="w-full h-96 object-contain bg-gray-50 p-4" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTBVcFPeupmL9eIesrFj44n09LQU5eorJDbrnmyLGm_W2nscs5nHkb6ZTq8nwZAIRfEdqmQ2amSfXOPKh8KI5bgPEqYcNBEigCA1aPQEWzqx7NNm7cfvendDGp3Z5L_k3sbxThZ25KiksY/s400/fishing_cooler_box.png" />

          <div class="p-6">
              <h3 class="font-semibold text-gray-800 mb-4 text-lg">
                クーラーボックスのイラスト
              </h3>

              <a target="_blank" rel="noopener noreferrer" class="block text-center bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-lg transition duration-200" href="https://www.irasutoya.com/2017/05/blog-post_511.html">원본 보기</a>
          </div>
        </div>
      </div>
    </div>
</template></turbo-stream>