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 Contáctanos / Reserva section provides a simple reservation and contact form at #contact. It is fully client-side: submissions are validated in the browser and confirmed with an inline message, but no data is sent to a server or stored in the database. The section uses the scroll-right animation class, sliding in from the right as the user scrolls to it.

Form fields

The form (#formContacto) contains three required fields:
FieldElementTypePlaceholder
Full name#nombretextNombre completo
Email address#correoemailCorreo electrónico
Message or order#mensajetextareaTu mensaje o pedido

Validation and submission

Form handling is attached via DOMContentLoaded. The handler prevents the default browser submission and validates all three fields before providing feedback.
contact form handler
document.addEventListener("DOMContentLoaded", function() {
    const formulario = document.getElementById("formContacto");
    if (formulario) {
        formulario.addEventListener("submit", function(e) {
            e.preventDefault();
            let nombre = document.getElementById("nombre").value;
            let correo = document.getElementById("correo").value;
            let mensaje = document.getElementById("mensaje").value;
            if (nombre && correo && mensaje) {
                document.getElementById("respuesta").innerHTML =
                    "🌊 Gracias " + nombre + ", tu reserva fue enviada con éxito.";
                this.reset();
            } else {
                document.getElementById("respuesta").innerHTML =
                    "⚠️ Por favor completa todos los campos.";
            }
        });
    }
});
1

User fills out the form

The user enters their full name, email address, and a message or reservation request in the three fields.
2

User submits the form

The browser fires the submit event. e.preventDefault() stops the default form POST.
3

Validation check

The handler reads the values of all three fields. If any field is empty, it writes the error message to #respuesta and stops.
4

Success feedback

If all fields are filled, the success message is written to #respuesta and this.reset() clears the form.

Success message

🌊 Gracias [nombre], tu reserva fue enviada con éxito.

Error message

⚠️ Por favor completa todos los campos.
Both messages are written to the <p id="respuesta"> element directly beneath the submit button.

Current limitations

This form is client-side only. When a user submits a reservation:
  • No email is sent to the restaurant or the customer.
  • No data is saved to the Django database.
  • The confirmation message is purely cosmetic.
To make reservations functional, a Django view must handle a POST request from this form, validate the data server-side, store a Reserva model instance, and optionally send a confirmation email via django.core.mail.

Restaurant contact information

The following contact details appear in the site footer alongside social links:
ChannelDetails
AddressAv. Principal 123 – Lima, Perú
HoursMonday – Sunday, 11:00 am – 10:00 pm
Phone+51 999 999 999
Emailcontacto@elsabormarino.pe
FacebookLinked in footer
WhatsAppLinked in footer
Phone (footer)Linked in footer

Build docs developers (and LLMs) love