Landing Page Visual Revamp
Budget: $30 – $250 USD
Tengo la landing page funcionando con React + TypeScript, Vite y Tailwind CSS, pero sigue viéndose plana: todo es blanco y negro y sin movimiento. Quiero transformarla en una experiencia moderna y minimalista, sin perder limpieza, añadiendo color de acento, mejor tipografía y, sobre todo, animaciones que hagan que el usuario sienta que la página “cobra vida”.
Lo que busco es incorporar efectos de desplazamiento que acompañen el scroll, transiciones suaves entre secciones y pequeñas animaciones al pasar el ratón. Encabezados, títulos, imágenes, gráficos, botones e íconos deben reaccionar con delicadeza; nada estridente, solo sutileza bien pensada que mantenga excelente rendimiento y calificaciones altas en Lighthouse.
Trabajo con Tailwind, así que puedes extender el archivo de configuración o añadir utilidades personalizadas. Si prefieres framer-motion, GSAP o tu propia solución basada en CSS/TS, adelante, siempre y cuando el código quede limpio, tipado y fácil de mantener.
Entrego el repositorio en Git. Necesito que me devuelvas:
• Componentes actualizados y cualquier nuevo hook o helper para las animaciones.
• Configuración de Tailwind ajustada (colores, fuentes, keyframes, etc.).
• README breve con instrucciones de instalación y notas sobre cómo escalar o desactivar animaciones si fuera necesario.
Las PR deberán compilar sin warnings y pasar el linter. Si lo anterior suena como tu área de confort, estaré encantado de revisar tu propuesta y ponernos manos a la obra cuanto antes.
Lo que busco es incorporar efectos de desplazamiento que acompañen el scroll, transiciones suaves entre secciones y pequeñas animaciones al pasar el ratón. Encabezados, títulos, imágenes, gráficos, botones e íconos deben reaccionar con delicadeza; nada estridente, solo sutileza bien pensada que mantenga excelente rendimiento y calificaciones altas en Lighthouse.
Trabajo con Tailwind, así que puedes extender el archivo de configuración o añadir utilidades personalizadas. Si prefieres framer-motion, GSAP o tu propia solución basada en CSS/TS, adelante, siempre y cuando el código quede limpio, tipado y fácil de mantener.
Entrego el repositorio en Git. Necesito que me devuelvas:
• Componentes actualizados y cualquier nuevo hook o helper para las animaciones.
• Configuración de Tailwind ajustada (colores, fuentes, keyframes, etc.).
• README breve con instrucciones de instalación y notas sobre cómo escalar o desactivar animaciones si fuera necesario.
Las PR deberán compilar sin warnings y pasar el linter. Si lo anterior suena como tu área de confort, estaré encantado de revisar tu propuesta y ponernos manos a la obra cuanto antes.
Related categories:
JavaScript
CSS
Animation
HTML5
HTML
Web Development
Frontend Development
Tailwind CSS