<turbo-stream action="append" target="master_turbo"><template>

<div
  id="slider"
  data-turbo-temporary="true"
  x-data="{ open: false }"
  x-init="setTimeout(() => open = true, 250)"
  x-on:slider:open.window="open = false"
  x-on:keydown.window.escape="open = false"
  x-show="open"
  aria-labelledby="slide-over-title"
  x-ref="dialog"
  aria-modal="true"
  class="absolute z-20">
  <div class="overflow-hidden fixed inset-0">
    <div class="overflow-hidden absolute inset-0">
      <div
        x-on:click="open = false"
        x-show="open"
        x-description="Background overlay, show/hide based on modal state."
        x-transition:enter="ease-out duration-500 sm:duration-700"
        x-transition:enter-start="opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave="ease-in duration-500 sm:duration-700"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="opacity-0"
        class="fixed inset-0 transition-opacity"
        aria-hidden="true">
        <div class="absolute inset-0 bg-gray-500 opacity-75"></div>
      </div>

      <div class="flex fixed inset-y-0 right-0 max-w-full pointer-events-none">
        <div
          x-show="open"
          x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
          x-transition:enter-start="translate-x-full"
          x-transition:enter-end="translate-x-0"
          x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
          x-transition:leave-start="translate-x-0"
          x-transition:leave-end="translate-x-full"
          x-description="Slide-over panel, show/hide based on slide-over state."
          class="w-screen max-w-md pointer-events-auto">
          <div class="flex overflow-y-scroll flex-col h-full bg-white shadow-xl">
            <div class="relative p-4 border-b">
              <div class="flex justify-between items-center">
                <div class="relative z-10">
                  <button
                    type="button"
                    class="flex items-center justify-center w-6 h-6 transition duration-150 ease-in-out bg-white rounded-full text-dv-theme-600 outline-transparent focus:outline-none focus:ring-dv-theme-300 focus:ring-4 focus:ring-opacity-50 "
                    x-on:click="open = false">
                    <span class="sr-only">Fechar</span>
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="h-6 w-6 fill-current"><path d="M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"></path></svg>
                  </button>
                </div>

                <div class="flex absolute inset-0 z-0 justify-center items-center">
                  <h2 id="slide-over-title" class="text-gray-900">
                    Sobre
                  </h2>
                </div>

                <div class="relative z-10">
                  
                </div>
              </div>
            </div>

            <div class="overflow-y-auto flex-1">
              
  <section class="px-4 pb-6 prose-sm prose">
      <article>
        <p>BEM VINDO AO SITE/CATÁLOGO FLORICULTURA FLORES.

Estamos localizados na Avenida Nossa Senhora das Dores, n2250, na cidade de Santa Maria, Rio Grande do Sul, Brasil.

Afim de agiliza seu pedido online, selecione na lista de produtos ou filtre a busca nas categorias: BUQUÊS, FLORES PARA VELÓRIO, FLORES PLANTADAS EM VASO, FLORES/GALHOS DE CORTE, MUDAS DE FLORES/TEMPEROS, SUCULENTAS.
Em seguida, preencha os dados com endereço correto de entrega, nome da pessoa que recebe, mensagem pessoal para impressão no cartão que acompanha e selecione o horário de entrega no período de horas pré-agendada disponível. Concluindo a etapa de pagamento seu pedido será encaminhado para a produção e entrega.

Agradecemos sua atenção e preferência em nossos serviços e produtos.

Nos siga no instagram: @floricultura_flores_sm.
Whatsapp : 5599221-3336

&quot;Se você não é bom em palavras, não se preocupe... nossas flores falam por você!&quot;

Gratidão Sempre!
Floricultura Flores.    

 </p>
      </article>

    <article>
      <h3>Contato</h3>
      <p>(55) 99221-3336</p>
    </article>

      <article>
        <h3>Endereço</h3>
        <p>Avenida Nossa Senhora das Dores, 2250, 97050-530, Nossa Senhora das Dores, Santa Maria, RS</p>
      </article>

      <article>
        <h3>Pagamento pelo Site</h3>

          <h4>Cartão de Crédito</h4>
          <div class="flex flex-wrap gap-2">
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="American Express" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/amex-62ca241f.svg" />

                <span class="font-medium leading-none text-gray-600">American Express</span>
              </div>
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="Diners Club" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/diners-9db9bfb1.svg" />

                <span class="font-medium leading-none text-gray-600">Diners Club</span>
              </div>
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="Discover" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/discover-e3c902b6.svg" />

                <span class="font-medium leading-none text-gray-600">Discover</span>
              </div>
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="Elo" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/elo-64a44bab.svg" />

                <span class="font-medium leading-none text-gray-600">Elo</span>
              </div>
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="HiperCard" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/hipercard-617eb36c.svg" />

                <span class="font-medium leading-none text-gray-600">HiperCard</span>
              </div>
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="MasterCard" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/mastercard-dbdc6298.svg" />

                <span class="font-medium leading-none text-gray-600">MasterCard</span>
              </div>
              <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
                <img alt="Visa" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/visa-4291ea67.svg" />

                <span class="font-medium leading-none text-gray-600">Visa</span>
              </div>
          </div>

          <h4>Pix</h4>
          <div class="flex flex-wrap gap-2">
            <div class="inline-flex items-center py-1 px-2 space-x-1 text-xs font-semibold bg-gray-100 rounded-lg">
              <img alt="Pix" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/pix-8e4e8b10.svg" />

              <span class="font-medium leading-none text-gray-600">Pix</span>
            </div>
          </div>
      </article>


  </section>

            </div>

            <div class="relative border-t">
              
  <div class="flex flex-col gap-2 justify-center items-center p-4 text-sm text-center">
    <p>Floricultura Flores &copy; 2026. Todos os direitos reservados.</p>
    <p><a href="https://deliveryvip.com.br/?utm_source=floriculturaflores.deliveryvip.app&amp;utm_medium=footer&amp;utm_campaign=catalog" target="_blank" class="hover:underline">Cardápio Digital por DeliveryVip</a></p>
  </div>

            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</template></turbo-stream>