<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/AVvXsEht7MVPgfw_XOQajxOl4SxeE4PbiYYQSY6JA1rr3TbDGTSjWW2kTZneNrgg16Usba7l_wJLy0Akd-ihvoe-OCHRJOV1d06TfiGD1j8iLYX4BlgpJ5cFriZJ3m_m1aH3h6l1t-mK_yu5BEO6/s400/vegetable_negi.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/08/blog-post_567.html">원본 보기</a>
          </div>
        </div>
      </div>
    </div>
</template></turbo-stream>