Smart Home App - Copy this React, Tailwind Component to your project
desarrolla la web con esta info 1. Header Mantener: Logo Menú claro: Inicio | Tienda | Blog (en lugar de “Noticias”) | Casos de Éxito | Sobre Nosotros Íconos: carrito, búsqueda, WhatsApp (en “Contáctanos”) Botón “Contáctanos” prominente Ajustes: Fusionar “Historias de éxito” con “Casos de Éxito”. Mover el teléfono a un dropdown de “¿Necesitas ayuda?” o a footer para no recargar el header. 2. Hero / Above-the-fold Actual: imagen de cerradura + texto générico (“La vida en la Tierra”). Propuesta: Imagen: un primer plano de la NERO E1/E3 instalada en una puerta. Título: “Los hogares más inteligentes y seguros empiezan aquí” Subtítulo: “Descubre NERO: cerraduras biométricas, conectividad Wi-Fi y respaldo mecánico.” CTAs: “Ver catálogo” (primary) “Cómo funciona” (secondary) 3. Beneficios / “Por qué NERO” Un bloque con 3–4 iconos + breves mensajes: Multi-factor (huella, PIN, tarjeta, llave) Conectividad 24/7 (Wi-Fi + Bluetooth) Instalación fácil (vídeo-guías incluidas) Seguridad certificada (AES-128 y cumplimiento normativo) 4. Productos destacados Carousel o grid (3–4 items): E1, E2X, E3 Imagen + nombre + precio + botón “Ver producto” Tip: añade un ribbon “Nuevo” o “Más vendido” para dar foco. 5. Cómo Funciona / Instalación Una sección en steps: Paso 1: descarga la App Tuya o TT Lock Paso 2: vincula tu cerradura en 2 minutos Paso 3: disfruta acceso remoto y registro de usuarios Incluye un mini-vídeo o gif de la App en acción. 6. Casos de Éxito / Testimonios Citas reales (cuando las tengas) o placeholder: “Instalar NERO me llevó 5 min y ahora controlo mi casa desde el móvil.” – María G. Y logos de partners / laboratorios de seguridad. 7. Blog (antes “Noticias”) Muestra 2–3 posts educativos sobre domótica y seguridad, con un CTA “Ver todos”. 8. FAQ en acordeón Revisa las preguntas, deja solo las top 5: ¿Qué métodos de acceso tiene? ¿Cómo funcionan las baterías y el respaldo mecánico? ¿Qué conexión necesita? ¿Política de envío y devoluciones? ¿Garantía y soporte? 9. Llamada a la acción final Un banner full-width justo antes del footer: “¿Listo para transformar tu hogar?” [Ver catálogo] [Contáctanos] 10. Footer Left: breve “Sobre NEURO SMART” + enlaces rápidos (Tienda, Blog, Soporte, Términos) Center: datos de contacto + horario (L-V, 9 – 17h) Right: iconos de RRSS y newsletter (suscripción por email)
