3D Office Experience

Una experiencia web interactiva en 3D desarrollada con React, Three.js y Tailwind CSS. El proyecto presenta un recorrido virtual por una oficina de reparación técnica, con navegación basada en scroll y elementos interactivos.

🚀 Características

• Navegación 3D Inmersiva: Recorrido de cámara controlado por el scroll del usuario.
• Zonas Interactivas:
  • Recepción
  • Área de Trabajo
  • Exhibición de Productos (Gabinete interactivo)
  • Sala de Reuniones/Contacto
• Ambiente Sonoro: Sonido de fondo para mayor inmersión.
• Diseño Responsivo: Adaptado para diferentes tamaños de pantalla.
• Debug Mode: Presiona 'd' para activar la cámara de depuración libre.

🛠️ Tecnologías

• Core: React 19, Vite
• 3D Engine: Three.js, React Three Fiber, React Three Drei
• Estilos: Tailwind CSS, PostCSS
• Animaciones: GSAP, Framer Motion
• Estado: Zustand
• Iconos: Lucide React

📦 Instalación

1. Clona el repositorio:

   git clone <tu-repositorio>

2. Instala las dependencias:

   npm install

3. Inicia el servidor de desarrollo:

   npm run dev

🏗️ Estructura del Proyecto

• src/components/3d: Componentes relacionados con la escena 3D (Modelos, Cámaras, Escena).
• src/components/layout: Componentes de interfaz (Hero, Navegación, Footer).
• src/components/ui: Componentes de UI reutilizables.
• src/hooks: Hooks personalizados (ej. control de scroll).

📝 Licencia

MIT

experience