🌿 Jungle Breezes | Brisas de la Jungla

Sitio desplegado

Un paraíso de aventura y naturaleza en Costa Rica. Descubre nuestras experiencias de canopy, puentes colgantes, paintball y más.

📋 Contenido

• ✨ Características
• 🚀 Tecnologías
• 💻 Instalación
• 🌐 Multilingüe
• 🔧 Uso
• 📝 Licencia
• 👥 Contribuciones

✨ Características

• Diseño Responsivo: Experiencia óptima en dispositivos móviles, tablets y desktops
• Multilingüe: Soporte completo para español e inglés
• UI/UX Moderna: Interfaz intuitiva y atractiva para los usuarios
• Rendimiento Optimizado: Carga rápida y experiencia fluida
• Arquitectura Modular: Componentes reutilizables para fácil mantenimiento
• SEO Friendly: Optimizado para motores de búsqueda

🚀 Tecnologías

Este proyecto está desarrollado con modernas tecnologías web:

• React: Biblioteca JavaScript para construir interfaces de usuario
• Next.js: Framework de React para aplicaciones web
• TypeScript: Superset tipado de JavaScript
• Tailwind CSS: Framework de CSS para diseño rápido y responsivo
• Context API: Para gestión de estado y características multilingüe

💻 Instalación

# Clonar el repositorio
git clone https://github.com/your-username/Jungle-Breezes.git

# Navegar al directorio del proyecto
cd jungle-breezes

# Instalar dependencias
npm install

# Iniciar el servidor de desarrollo
npm run dev

Visita http://localhost:3000 para ver la aplicación en tu navegador.

🌐 Multilingüe

El sitio soporta completamente español e inglés mediante un sistema de traducciones basado en Context API.

// Ejemplo de uso del sistema de traducciones
import { useLanguage } from '@/contexts/LanguageContext';

function MyComponent() {
  const { t, language, setLanguage } = useLanguage();
  
  return (
    <div>
      <h1>{t('section.title')}</h1>
      <p>{t('section.description')}</p>
      <button onClick={() => setLanguage(language === 'es' ? 'en' : 'es')}>
        {t('section.changeLanguage')}
      </button>
    </div>
  );
}

🔧 Uso

La estructura del proyecto está organizada de la siguiente manera:

jungle-breezes/
├── public/           # Archivos estáticos
├── src/
│   ├── app/          # Rutas de la aplicación (Next.js App Router)
│   ├── components/   # Componentes reutilizables
│   ├── contexts/     # Context API (incluido LanguageContext)
│   ├── styles/       # Estilos globales
│   └── types/        # Definiciones de TypeScript
├── .env              # Variables de entorno (crear desde .env.example)
└── ...

📝 Licencia

Este proyecto está bajo la licencia MIT. Ver el archivo LICENSE para más detalles.

👥 Contribuciones

Las contribuciones son bienvenidas! Por favor, lee primero las guías de contribución.

1. Fork el proyecto
2. Crea tu rama de feature (git checkout -b feature/amazing-feature)
3. Haz commit de tus cambios (git commit -m 'Add some amazing feature')
4. Push a la rama (git push origin feature/amazing-feature)
5. Abre un Pull Request

---

Desarrollado con ❤️ por Gadyr Calderón Díaz