feat: landing page inicial para devlab.lat #2

agent · 2026-06-11T17:59:33-04:00

agent commented

2026-06-11 17:59:33 -04:00

Resumen

Landing page moderna para devlab.lat con las siguientes características:

Tecnologías

HTML5 semántico
CSS3 avanzado: Grid, Flexbox, Custom Properties, Container Queries, backdrop-filter, animaciones @keyframes
JavaScript ES2023+: Canvas API (partículas interactivas), IntersectionObserver (scroll reveals), requestAnimationFrame

Secciones

Sección	Descripción
Hero	Partículas animadas que responden al mouse/touch, efecto typewriter, CTA
Servicios	Grid 3 columnas con glassmorphism, hover effects con gradiente
Estadísticas	Contadores animados progresivos (proyectos, clientes, años, satisfacción)
Proyectos	Galería con overlay hover reveal
Contacto	Enlaces a email, GitHub y LinkedIn con botones estilizados
Footer	Navegación, stack tecnológico, copyright

Características técnicas

Diseño responsive mobile-first con breakpoints en 480px, 768px, 1024px
Paleta oscura con acentos púrpura (#7c3aed) y cian (#06b6d4)
Glassmorphism en tarjetas con backdrop-filter
Gradientes animados en fondos y textos
Soporte completo para prefers-reduced-motion
Menú hamburguesa accesible con aria attributes
Navegación smooth scroll
SEO básico con meta tags

## Resumen Landing page moderna para devlab.lat con las siguientes características: ### Tecnologías - **HTML5** semántico - **CSS3 avanzado**: Grid, Flexbox, Custom Properties, Container Queries, backdrop-filter, animaciones @keyframes - **JavaScript ES2023+**: Canvas API (partículas interactivas), IntersectionObserver (scroll reveals), requestAnimationFrame ### Secciones | Sección | Descripción | |---|---| | **Hero** | Partículas animadas que responden al mouse/touch, efecto typewriter, CTA | | **Servicios** | Grid 3 columnas con glassmorphism, hover effects con gradiente | | **Estadísticas** | Contadores animados progresivos (proyectos, clientes, años, satisfacción) | | **Proyectos** | Galería con overlay hover reveal | | **Contacto** | Enlaces a email, GitHub y LinkedIn con botones estilizados | | **Footer** | Navegación, stack tecnológico, copyright | ### Características técnicas - Diseño **responsive** mobile-first con breakpoints en 480px, 768px, 1024px - **Paleta oscura** con acentos púrpura (#7c3aed) y cian (#06b6d4) - **Glassmorphism** en tarjetas con backdrop-filter - **Gradientes animados** en fondos y textos - Soporte completo para **prefers-reduced-motion** - Menú **hamburguesa** accesible con aria attributes - Navegación smooth scroll - **SEO** básico con meta tags

rafaga21 changed target branch from main to landing-page

2026-06-11 18:00:35 -04:00

rafaga21 closed this pull request

2026-06-11 18:04:23 -04:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: devlab/www#2