Saltearse al contenido

IT Event

La plantilla IT Event te permite crear de forma rápida y sencilla un sitio web moderno y responsivo para eventos tecnológicos, utilizando Astro, Tailwind CSS y DaisyUI, con todo el contenido gestionado a través de Content Island (tu Headless CMS).

Es ideal para conferencias tecnológicas, meetups y eventos IT que necesiten una presencia online profesional — agenda, ponentes, patrocinadores y preguntas frecuentes, siempre actualizados sin tocar el código.

IT Event template overview

¿Qué incluye la plantilla?

  • Header: Barra de navegación con la identidad visual del evento, enlaces principales y un botón de llamada a la acción destacado.
  • Hero: Sección principal a pantalla completa con imagen de fondo de la conferencia, nombre del evento, fecha y ubicación, y dos botones principales de acción.
  • InfoBar: Franja informativa con los datos clave del evento (sede, fecha, formato, etc.).
  • StatsBar: Panel de estadísticas de un vistazo (número de asistentes, ponentes, tracks, sesiones, etc.).
  • Speakers: Sección “Meet Our Speakers” con tarjetas de ponentes que incluyen foto, nombre, cargo y enlaces a redes sociales.
  • Schedule: Sección “Event Schedule” con las sesiones organizadas por franja horaria.
  • Sponsors: Sección “Backed by Industry Leaders” con los logos de patrocinadores agrupados por nivel de patrocinio.
  • FAQ: Sección de preguntas frecuentes con acordeón.
  • Footer: Pie de página con la identidad del evento, redes sociales y enlaces legales.
  • Configuración amigable con SEO y estructura moderna de proyecto Astro siguiendo el patrón PODS.

Guía de mapeo de contenido

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

Guía de mapeo de contenido de la plantilla IT Event

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 IT Event.

Elegir plantilla IT Event

  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 IT Event

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

Tematización

La plantilla IT Event soporta dos variantes de tema — dark y light — ambas personalizables desde Content Island sin necesidad de tocar código.

Para configurar el tema, ve a la sección de Content y selecciona el contenido llamado Theme. Encontrarás dos bloques, uno por cada variante, cada uno con los siguientes campos:

  • Color Primary: Color principal de la página (botones, enlaces, destacados, etc.).
  • Color Secondary: Color secundario de la página.
  • Color Background: Color de fondo de la página.
  • Color Surface: Color de fondo de contenedores y superficies.
  • Color Card: Color de fondo de las tarjetas.
  • Color Text: Color principal del texto.
  • Font Title: Tipografía para los títulos.
  • Font Body: Tipografía para el cuerpo de texto.