NODO Dark Kitchens Paraguay

Overview

NODO Dark Kitchens Paraguay es una aplicación web moderna para la primera red de cocinas fantasma (dark kitchens) 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.

Key Features

• 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.
• WhatsApp Integration: Botón flotante para contacto directo y consultas rápidas.
• Responsive Design: Mobile-first approach con diseño adaptado para todos los dispositivos.
• Animaciones Avanzadas: GSAP con ScrollTrigger para efectos visuales fluidos y profesionales.
• Newsletter Signup: Sistema de suscripción para mantenerse actualizado.

Technical Architecture

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

Business Impact

• Lead Generation: Captura efectiva de restaurantes interesados en el modelo de dark kitchens.
• Brand Positioning: 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.

Performance & Optimization

• Static Export: Generación estática para máximo rendimiento en hosting compartido.
• Image Optimization: Formatos modernos WebP y AVIF para carga rápida.
• Code Splitting: Carga optimizada de componentes con lazy loading.
• Bundle Optimization: Scripts automatizados para deploy FTP y Vercel.
• Performance Metrics: Lighthouse optimizado para velocidad y accesibilidad.

Project Structure

• Components: 15+ componentes React personalizados organizados por funcionalidad.
• Sections: 8 secciones principales (Hero, About, Coverage, Gallery, etc.).
• Custom Hooks: useGSAPAnimations para manejo centralizado de animaciones.
• Context System: ThemeContext para gestión de temas y estado global.
• Assets Management: Organización optimizada de imágenes y videos.