Saltearse al contenido
Content Island logo Content Island logo Docs

Restaurant

Plantilla Restaurant

La plantilla Restaurant te permite crear de forma rápida y sencilla un sitio web moderno y responsivo de una sola página para restaurantes, utilizando Astro y Tailwind CSS, con todo el contenido gestionado a través de Content Island (tu Headless CMS).

Es ideal para restaurantes, cafeterías y negocios de hostelería que quieran tener una presencia online elegante, fácil de mantener sin tocar el código.

Restaurant template overview

¿Qué incluye la plantilla?

  • Header: Cabecera con el logo del restaurante, menú de navegación (Menú, Restaurante, Ubicación) y botón destacado de reservas.
  • Hero: Sección principal a pantalla completa con imagen de fondo, nombre del restaurante, tagline (“Authentic Italian cuisine in the heart of New York”) y botón de llamada a la acción “Book a Table”.
  • MenuSection: Sección “Our Menu” con descripción del menú y enlace para descargar el PDF completo.
  • RestaurantSection: Sección “The Restaurant” con texto descriptivo y galería de imágenes del local, ambiente y platos.
  • LocationSection: Sección “Location” con mapa interactivo integrado, dirección completa y horarios de apertura.
  • ReservationsSection: Sección “Reservations” con opciones para reservar mesa por teléfono o enviar mensaje directo.
  • Footer: Pie de página con nombre de marca, datos de contacto (teléfono, email, dirección), enlaces a redes sociales y enlaces legales.
  • Configuración amigable con SEO y estructura moderna de proyecto Astro.

Guía de mapeo de contenido

Cada sección de la plantilla Restaurant está vinculada directamente a un tipo de contenido dentro de Content Island.

Guía de mapeo de contenido de la plantilla Restaurant

Getting Started

  1. Crea un proyecto en blanco en Content Island (Add Project).

Add project button

  1. Elige “Start from a template”.

Templates tab

  1. Selecciona la plantilla Restaurant.

Elegir plantilla restaurant

  1. En el último paso (Quick Start), copia el comando de la CLI y ejecútalo en tu terminal.

Quick Start comando CLI para la plantilla Restaurant

  1. Arranca el servidor local:
Ventana de terminal
npm run dev

Tematizado

La plantilla Restaurant permite cambiar los colores y la tipografía global de la página desde Content Island, sin necesidad de tocar código.

Para ello, ve a la sección de Content y selecciona el contenido llamado Theme.

change theme

Aquí puedes actualizar los campos:

  • Color Primary: Color principal de la página (botones, enlaces, acentos, etc.).
  • Color Secondary: Color secundario de la página (fondo, acentos, etc.).
  • Font Title: Tipografía para los títulos.
  • Font Body: Tipografía para el cuerpo de texto.