<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>🍕 Pizzaria Califórnia – Jacareí

📍 Avenida Califórnia, 415 – Jardim Califórnia, Jacareí – SP

A Pizzaria Califórnia é o ponto de encontro ideal para quem busca sabor, qualidade e um ambiente acolhedor em Jacareí. Localizada no coração do bairro Jardim Califórnia, na Avenida Califórnia, 415, a casa é reconhecida pelo atendimento cordial e pelas pizzas preparadas com ingredientes selecionados e massas sempre fresquinhas.

Com um cardápio variado que agrada a todos os paladares, a Pizzaria Califórnia combina tradição e sabor em receitas artesanais, servidas com aquele toque especial que só uma pizzaria de bairro pode oferecer. Seja para um jantar em família, um encontro com amigos ou um pedido no conforto de casa, é sempre uma excelente escolha.

Ambiente agradável, atendimento de primeira e pizzas irresistíveis fazem da Pizzaria Califórnia um verdadeiro destaque gastronômico de Jacareí.</p>
      </article>

    <article>
      <h3>Contato</h3>
      <p>(12) 98204-5778</p>
    </article>

      <article>
        <h3>Endereço</h3>
        <p>Avenida Califórnia, 417, 12305-670, Jardim Califórnia, Jacareí, SP</p>
      </article>


      <article>
        <h3>Pagamento na Entrega</h3>

        <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="Other" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/default-908bb73a.svg" />

              <span class="font-medium leading-none text-gray-600">DEBITO</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="Other" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/default-908bb73a.svg" />

              <span class="font-medium leading-none text-gray-600">VR</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="Other" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/default-908bb73a.svg" />

              <span class="font-medium leading-none text-gray-600">Voucher</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="Dinheiro" class="mt-0 mb-0" src="https://assets.deliveryvip.com.br/assets/svgs_old/payment_brands/dinheiro-903e35e0.svg" />

              <span class="font-medium leading-none text-gray-600">Dinheiro</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 Crédito</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 Crédito</span>
            </div>
        </div>
      </article>

      <article>
        <h3>Horário</h3>

        <div class="flex flex-col gap-2">
            <div class="flex items-center justify-between text-sm text-gray-500">
              <div>domingo</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</div>            <div class="flex items-center justify-between text-sm text-gray-500">
              <div>segunda-feira</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</div>            <div class="flex items-center justify-between text-sm text-gray-500">
              <div>terça-feira</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</div>            <div class="flex items-center justify-between text-sm text-gray-500 font-bold">
              <div>quarta-feira</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</div>            <div class="flex items-center justify-between text-sm text-gray-500">
              <div>quinta-feira</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</div>            <div class="flex items-center justify-between text-sm text-gray-500">
              <div>sexta-feira</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</div>            <div class="flex items-center justify-between text-sm text-gray-500">
              <div>sábado</div>
              <div>
                <span class="hidden only:block">Não abre</span>
                  <span>18:00 às 23:59</span>
                  <span class="last:hidden">-</span>
              </div>
</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>Pizzaria California  &copy; 2026. Todos os direitos reservados.</p>
    <p><a href="https://oiaorango.com.br?utm_source=pizzariacaliforniajacarei.oiaorango.com.br&amp;utm_medium=footer&amp;utm_campaign=catalog" target="_blank" class="hover:underline">Cardápio Digital por Oia Rango</a></p>
  </div>

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