La Base Cowork - Sitio Web

Un ecosistema de posibilidades donde nace el futuro

Descripción

La Base Cowork es el principal espacio de trabajo colaborativo y emprendimiento en Huancayo, Perú. Nuestro sitio web refleja nuestra misión de conectar profesionales, emprendedores y startups en un entorno único de innovación y colaboración.

Este proyecto representa la primera versión de nuestra plataforma web, desarrollada con tecnologías modernas para ofrecer una experiencia de usuario excepcional y un diseño que refleja la energía y profesionalismo de nuestro espacio.

Características

• Diseño Moderno: Interfaz elegante y profesional con animaciones fluidas
• Responsive Design: Optimizado para todos los dispositivos
• Performance: Carga rápida y optimización SEO
• UX Centrada: Experiencia de usuario intuitiva y accesible

Tecnologías

Frontend Core

• Astro 5.5.3 - Framework web moderno
• React 19.1.0 - Biblioteca para interfaces de usuario
• TypeScript 5.4.2 - Tipado estático para JavaScript

Styling & UI

• Tailwind CSS 3.4.17 - Framework CSS utility-first
• Playfair Display - Tipografía elegante
• Lucide React - Iconos SVG modernos
• Heroicons - Iconos de primera calidad

Animaciones & Interactions

• GSAP 3.12.7 - Animaciones de alto rendimiento
• Framer Motion 12.12.2 - Animaciones para React
• Swiper 11.2.7 - Carruseles y sliders modernos

Forms & Validation

• React Hook Form 7.60.0 - Gestión de formularios
• Zod 3.25.76 - Validación de esquemas TypeScript
• reCAPTCHA - Protección contra spam

Utilities

• Axios 1.10.0 - Cliente HTTP
• Sonner 2.0.3 - Notificaciones elegantes

Estructura del Proyecto

labase-web/
├── public/                    # Archivos estáticos
│   ├── images/               # Imágenes del sitio
│   │   ├── espacios/        # Fotos de los espacios
│   │   ├── mentores/        # Fotos del equipo
│   │   └── team/            # Imágenes del equipo
│   ├── videos/              # Videos promocionales
│   └── favicon.svg          # Favicon del sitio
├── src/
│   ├── components/          # Componentes reutilizables
│   │   ├── pages/          # Componentes específicos por página
│   │   ├── shared/         # Componentes compartidos
│   │   └── ui/             # Componentes de interfaz
│   ├── config/             # Configuraciones
│   │   └── meta/           # Metadatos SEO
│   ├── hooks/              # Custom hooks de React
│   ├── layouts/            # Layouts de páginas
│   ├── pages/              # Páginas del sitio
│   ├── services/           # Servicios y APIs
│   ├── styles/             # Estilos globales
│   ├── types/              # Tipos TypeScript
│   └── utilities/          # Funciones utilitarias
└── docs/                   # Documentación (este archivo)

Páginas Disponibles

Páginas Activas (v1.0)

• Inicio - Página principal con hero y overview
• Espacios - Galería y detalles de nuestros espacios
• Nosotros - Historia del equipo y misión
• Testimonios - Opiniones y experiencias de clientes
• Contacto - Formulario de contacto y ubicación

🚧 Páginas en Desarrollo (Próximas versiones)

• Blog - Artículos y noticias del ecosistema
• Emprendimiento - Programas de incubación y aceleración
• Mentoría - Programa de mentores especializados

Instalación y Desarrollo

Prerrequisitos

• Node.js 18.0.0 o superior
• npm o yarn como gestor de paquetes

Instalación

# Clonar el repositorio
git clone https://github.com/labasecowork/labase-web.git
cd labase-web

# Instalar dependencias
npm install

# Iniciar servidor de desarrollo
npm run dev

Scripts Disponibles

npm run dev      # Servidor de desarrollo
npm run build    # Construir para producción
npm run preview  # Previsualizar build de producción

Variables de Entorno

Crear un archivo .env en la raíz del proyecto:

# Configuraciones de la aplicación
PUBLIC_SITE_URL=https://labase.pe
PUBLIC_RECAPTCHA_SITE_KEY=tu_clave_recaptcha

# APIs y servicios externos
PUBLIC_GOOGLE_MAPS_API_KEY=tu_clave_google_maps
PUBLIC_ANALYTICS_ID=tu_id_analytics

Guía de Diseño

Colores Principales

• Stone 950: #0c0a09 (Texto principal)
• Stone 600: #57534e (Texto secundario)
• Stone 100: #f5f5f4 (Backgrounds claros)

Tipografía

• Primaria: System fonts (Inter)
• Secundaria: Playfair Display (Títulos)

Componentes

Todos los componentes siguen principios de accesibilidad (WCAG 2.1) y están optimizados para SEO.

SEO y Performance

• Lighthouse Score: 95+ en todas las métricas
• Core Web Vitals: Optimizado
• Meta Tags: Configuración completa por página
• Schema.org: Structured data implementado
• Sitemap: Generación automática

🔗 Enlaces Importantes

• Sitio Web: https://labase.pe
• Email: labasecowork@gmail.com
• Teléfono: +51 960 270 555
• Dirección: Jr. Tacna 234, piso 10, Edificio Galena - Huancayo, Perú

Redes Sociales

• Facebook: @labasecowork
• Instagram: @labasecowork
• YouTube: La Base Cowork

Agradecimientos

• Al equipo de La Base Cowork por su visión y liderazgo
• A la comunidad de Astro por un framework excepcional
• A nuestros mentores y colaboradores por hacer posible este

Colaboradores

Gracias a todas las personas que han contribuido a este proyecto:

• @Lenas25
• @yerikah
• @michxlmg
• @JhonnySAVAL

---

Construido con ❤️ por el equipo detrás del proyecto.