Wianet Solutions - Plataforma Web ISP, Portal de Clientes y Sistema IPTV

## 📝 Descripción del Proyecto Este proyecto representa la infraestructura digital y cara pública de Wianet Solutions, una empresa de telecomunicaciones proveedora de servicios de internet residencial por fibra óptica y televisión digital. La solución se concibió como un ecosistema interactivo que fusiona una interfaz de marketing de alta conversión, una guía de programación (EPG) interactiva para televisión y el acceso hacia un portal privado de facturación y soporte técnico para el usuario final. ## 🎯 El Problema Las empresas proveedoras de internet (ISPs) locales suelen depender de sitios web estáticos que no resuelven las necesidades operativas inmediatas del cliente. Esto satura los canales de atención telefónica y soporte técnico para consultas básicas, como revisar la grilla de canales disponibles, cotizar el cambio de planes de megas o iniciar sesión para ver estados de cuenta. Wianet Solutions necesitaba una plataforma rápida, optimizada para dispositivos móviles y con una experiencia premium que reflejara su tecnología de punta. ## 💡 La Solución & Componentes Avanzados Se implementó una plataforma web moderna explotando la velocidad de renderizado híbrido del framework **Next.js**: * **Cotizador Dinámico de Planes:** Una sección optimizada de tarifas que segmenta las ofertas de velocidad simétrica ($MB$) y televisión digital, diseñada estratégicamente para maximizar las conversiones de llamadas a la acción (*Call to Action*). * **Módulo de Guía de Canales (IPTV Grid):** Un buscador e indexador en tiempo real que clasifica la oferta televisiva por categorías de contenido (Nacionales, Cine, Deportes, Infantiles). Permite filtrar de forma fluida cientos de emisoras sin ralentizar la carga en el navegador. * **Portal de Clientes Autónomo ("Mi Cuenta"):** Interfaz dedicada para el control de accesos, solicitudes de servicio, validación de credenciales y pasarela centralizada de pagos en línea para agilizar la recaudación mensual de la empresa. * **Infraestructura de Conversión Local:** Integración de herramientas directas de asistencia remota a través de chats de soporte en vivo alineados con el centro de ayuda de la compañía. ## 🛠️ Detalles Técnicos La plataforma fue programada utilizando el **App Router de Next.js** y **TypeScript**, lo que asegura un tipado estricto que mitiga errores en la manipulación de datos de planes o estructuras de canales. Para la capa visual, se utilizó **Tailwind CSS** y **PostCSS**, logrando un diseño de interfaz *Dark/Navy Blue Theme* altamente corporativo, moderno y con un rendimiento de carga instantáneo garantizado por la optimización nativa de imágenes y componentes del framework de desarrollo.