Páginas y secciones
Todas las páginas que incluye el sitio, las secciones de la página de inicio y el contenido de ejemplo que debes reemplazar antes de publicar.
Las páginas
Cada dirección de abajo existe bajo /en y /ar, como /en/pricing.
| Página | Dirección | Qué muestra |
|---|---|---|
| Inicio | / | La landing page del producto, sección por sección (abajo) |
| Precios | /pricing | Tres planes con un interruptor mensual o anual, una tabla comparativa, preguntas y una llamada a la acción final |
| Blog | /blog y /blog/<post> | Artículos con búsqueda, categorías y una barra lateral, y una página por artículo |
| Contacto | /contact | Un formulario de contacto, los datos de la empresa y enlaces sociales, y tres preguntas |
| Inicio de sesión, registro y recuperación de contraseña | /auth/signin, /auth/signup, /auth/forgot-password | Los formularios de cuenta, con botones de Google, GitHub y X en el inicio de sesión y el registro |
| Legal | /legal/terms, /legal/privacy, /legal/cookies, /legal/gdpr | Cuatro páginas legales, con texto de ejemplo |
| Páginas de error | /error/401, /error/404, /error/500 | El diseño de cada página de error, para mostrarlas y reutilizarlas. Una dirección que no existe muestra la página 404. |
La página de inicio
| Sección | Qué muestra |
|---|---|
| Hero | El titular, dos botones, tarjetas flotantes, una esfera 3D y la vista previa del panel |
| Empresas | Una fila en movimiento de logotipos de empresas |
| Características | Cinco tarjetas de características animadas: notificaciones, un chat de equipo, un gráfico de crecimiento, un indicador de rendimiento y una búsqueda con barras |
| Estadísticas | Tres cifras que cuentan hacia arriba al aparecer |
| Precios | Tres planes con un filtro por categoría de característica |
| Testimonios | Seis citas de clientes en un carrusel |
| Preguntas frecuentes | Diez preguntas con categorías, una búsqueda y un botón Show more |
| Where we work | Un mapa del mundo con marcadores y un cuadro de registro por correo electrónico |
El encabezado y el pie de página están en todas las páginas. El pie de página tiene columnas de enlaces, enlaces sociales y un cuadro de newsletter.
Contenido de ejemplo que debes reemplazar
Todo lo que ves es contenido de ejemplo para un producto de analítica. Antes de publicar, reemplaza:
- Los textos, en los archivos de mensajes de los dos idiomas.
- Las cifras: las estadísticas, los precios de los planes y los números de la vista previa del panel.
- Las personas: los testimonios, los autores del blog y los avatares, que son ilustraciones.
- Los logotipos de empresas, que son iconos que sustituyen a marcas reales.
- Los datos de contacto: correo electrónico, teléfono, oficina y horario.
- Los artículos del blog, las páginas legales y los enlaces que aún apuntan a
#.
Dónde está cada pieza
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
El archivo detrás de los textos, cifras, imágenes y ajustes de cada sección.
Cómo está construida una sección
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
La estructura de carpetas de una sección y cómo quitar, reordenar o añadir una.
Enlaces y botones
Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.
Los archivos que contienen todos los enlaces de menús, pie de página, redes sociales y botones.