Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/diazdavilajesus16-stack/Sevicheria-Mar-sabroso/llms.txt

Use this file to discover all available pages before exploring further.

The Promociones del Día section showcases the restaurant’s daily combo deals on the homepage at #promociones. It uses the same Owl Carousel library as the main menu, but with a two-column layout and a slightly slower autoplay interval. The section animates into view from the left as the user scrolls down the page.

​
Combo deals

All 4 current promotions are rendered as carousel cards in the #promociones section:
ComboPriceIncludes
Combo Mar y TierraS/ 35.00Ceviche mixto + bebida
Combo TradicionalS/ 28.00Ceviche clásico + chicha morada
Conchas Negras PremiumS/ 25.00Conchas Negras + Inka Kola 1.5L
Ceviche Supremo de MariscosS/ 15.00Mezcla de mariscos frescos + refresco de maracuyá (1L)
The promotions carousel is initialized on .promo-carousel with a two-column responsive breakpoint:
promo carousel init
$(".promo-carousel").owlCarousel({
  loop: true,
  margin: 25,
  nav: true,
  dots: true,
  autoplay: true,
  autoplayTimeout: 4000,
  responsive: {
    0: { items: 1 },
    768: { items: 2 }
  }
});
BreakpointVisible items
0px (mobile)1
768px (tablet and above)2
  • Loop: Enabled — wraps continuously.
  • Autoplay: Advances every 4,000ms (4 seconds), slightly slower than the menu carousel.
  • Nav: Previous/next arrows are shown.
  • Dots: Dot indicators are shown.
  • Margin: 25px gutter between cards.

​
Scroll animation

The #promociones section uses the scroll-left CSS class, which triggers a slide-in animation from the left side of the viewport as the section enters the user’s scroll position. This is part of the site-wide scroll reveal system applied across sections.
promotions section markup
<section id="promociones" class="scroll-left wave-bottom">
  <h2>Promociones del Día</h2>
  <div class="owl-carousel promo-carousel">
    <!-- combo cards -->
  </div>
</section>
The wave-bottom class applies a decorative wave SVG divider at the bottom of the section.

​
Order buttons

The “Ordenar 🛒” buttons on each promotion card are currently display-only. They do not call agregarCarrito() or any other cart function. Clicking them has no effect.To wire them up, each button needs an onclick handler that calls agregarCarrito(nombre, precio) with the combo name and price — matching the pattern used in the menu section.

Build docs developers (and LLMs) love

Get started for freeTalk to us