|
| 1 | +{% set user = app.user %} |
| 2 | +<!DOCTYPE html> |
| 3 | +<html lang="es"> |
| 4 | +<head> |
| 5 | + <meta name="description" content="Bienvenido a nuestra aplicación"> |
| 6 | + <title>Bienvenido</title> |
| 7 | +</head> |
| 8 | +<body> |
| 9 | + <header> |
| 10 | + <nav><a href="/" title="Ir a la página de inicio">Inicio</a> |
| 11 | + <a href="/about" title="Conoce más sobre nosotros">Acerca de</a> |
| 12 | + <a href="/contact" title="Ponte en contacto">Contacto</a></nav> |
| 13 | + </header> |
| 14 | + |
| 15 | + <main> |
| 16 | + <section class="hero"> |
| 17 | + <h1>Bienvenido a nuestra plataforma</h1> |
| 18 | + <p>Hola <strong>{{ user.name }}</strong>, nos alegra tenerte aquí!</p> |
| 19 | + <p>Comienza a explorar nuestras funciones y descubre lo que nos hace <em>únicos</em>.</p> |
| 20 | + </section> |
| 21 | + |
| 22 | + {% if user.isPremium %} |
| 23 | + <section class="premium-benefits"> |
| 24 | + <h2>Beneficios premium</h2> |
| 25 | + <ul> |
| 26 | + <li>Acceso ilimitado a todas las funciones</li> |
| 27 | + <li>Soporte prioritario al cliente</li> |
| 28 | + <li>Análisis y reportes avanzados</li> |
| 29 | + </ul> |
| 30 | + </section> |
| 31 | + {% endif %} |
| 32 | + |
| 33 | + <section class="getting-started"> |
| 34 | + <h2>Primeros pasos</h2> |
| 35 | + <p>Sigue estos sencillos pasos para comenzar tu experiencia:</p> |
| 36 | + <ol> |
| 37 | + <li>Completa tu perfil</li> |
| 38 | + <li>Explora el panel de control</li> |
| 39 | + <li>Invita a los miembros de tu equipo</li> |
| 40 | + </ol> |
| 41 | + |
| 42 | + <form action="/profile/update" method="post"><label for="bio">Cuéntanos sobre ti:</label> |
| 43 | + <textarea id="bio" name="bio" placeholder="Ingresa tu biografía aquí" aria-label="Biografía del usuario"></textarea> |
| 44 | + |
| 45 | + <label for="email">Dirección de correo electrónico:</label> |
| 46 | + <input type="email" id="email" name="email" placeholder="tu@email.com" aria-label="Dirección de correo electrónico"> |
| 47 | + |
| 48 | + <button type="submit" title="Guardar los cambios de tu perfil">Guardar perfil</button></form> |
| 49 | + </section> |
| 50 | + |
| 51 | + {# This section is for internal notes and won't be displayed #} |
| 52 | + {% if app.debug %} |
| 53 | + <section class="debug-info"> |
| 54 | + <h3>Información de depuración</h3> |
| 55 | + <p>ID de usuario: {{ user.id }}</p> |
| 56 | + <p>Último inicio de sesión: {{ user.lastLogin|date('Y-m-d H:i:s') }}</p> |
| 57 | + </section> |
| 58 | + {% endif %} |
| 59 | + </main> |
| 60 | + |
| 61 | + <footer> |
| 62 | + <p>¿Necesitas ayuda? <a href="/support" title="Visita nuestro centro de soporte">Contacta con soporte</a></p> |
| 63 | + <p>© {{ "now"|date('Y') }} Nuestra empresa. Todos los derechos reservados.</p> |
| 64 | + </footer> |
| 65 | +</body> |
| 66 | +</html> |
0 commit comments