NODO Dark Kitchens Paraguay

Resumen

NODO Dark Kitchens Paraguay es una aplicación web moderna para la primera red de cocinas fantasma en Paraguay. El sitio web promociona servicios de expansión de delivery para restaurantes sin inversión inicial, ofreciendo una solución completa para el crecimiento del negocio gastronómico.

Características Clave

• Landing Page Completa: Diseño moderno con video background y animaciones GSAP para una experiencia inmersiva.
• Formulario Lead Generation: Sistema integrado con EmailJS para captura de restaurantes interesados.
• Galería Interactiva: Showcase completo de las instalaciones con renders 3D y fotografías profesionales.
• Mapa de Cobertura: Visualización clara de las áreas de servicio en Paraguay.
• Integración WhatsApp: Botón flotante para contacto directo y consultas rápidas.
• Diseño Responsivo: Enfoque mobile-first con diseño adaptado para todos los dispositivos.
• Animaciones Avanzadas: GSAP con ScrollTrigger para efectos visuales fluidos y profesionales.
• Registro Newsletter: Sistema de suscripción para mantenerse actualizado.

Arquitectura Técnica

• Framework Moderno: Next.js 15.3.4 con App Router para SSG optimizado.
• TypeScript 5: Desarrollo type-safe con mejor mantenibilidad del código.
• Sistema de Estilos: Tailwind CSS 4 con sistema de tipografía personalizado (Inter, Space Grotesk, JetBrains Mono, Montserrat).
• Componentes UI: Radix UI + Shadcn/ui para componentes accesibles y reutilizables.
• Sistema de Animación: GSAP 3.13.0 con ScrollTrigger para animaciones complejas y efectos glassmorphism.
• Formularios: EmailJS para manejo de formularios sin backend adicional.
• Despliegue: Exportación estática configurada para hosting compartido con optimización de imágenes WebP/AVIF.

Impacto de Negocio

• Generación de Leads: Captura efectiva de restaurantes interesados en el modelo de dark kitchens.
• Posicionamiento de Marca: Establece NODO como líder innovador en el mercado paraguayo.
• Información Educativa: Explica claramente el modelo de negocio y beneficios.
• Showcase Profesional: Demuestra la calidad y capacidades de las instalaciones.
• Múltiples Canales: Diversos puntos de contacto para diferentes tipos de usuarios.
• SEO Optimizado: Configurado para mejor visibilidad en búsquedas locales.

Rendimiento y Optimización

• Exportación Estática: Generación estática para máximo rendimiento en hosting compartido.
• Optimización de Imágenes: Formatos modernos WebP y AVIF para carga rápida.
• Code Splitting: Carga optimizada de componentes con lazy loading.
• Optimización Bundle: Scripts automatizados para deploy FTP y Vercel.
• Métricas de Rendimiento: Lighthouse optimizado para velocidad y accesibilidad.

Estructura del Proyecto

• Componentes: 15+ componentes React personalizados organizados por funcionalidad.
• Secciones: 8 secciones principales (Hero, About, Coverage, Gallery, etc.).
• Hooks Personalizados: useGSAPAnimations para manejo centralizado de animaciones.
• Sistema de Contexto: ThemeContext para gestión de temas y estado global.
• Gestión de Assets: Organización optimizada de imágenes y videos.