Este proyecto es una landing page moderna para un producto SaaS, construida como ejercicio de práctica para mejorar mis habilidades en desarrollo web frontend. El diseño se inspira en interfaces limpias, atractivas y profesionales, con animaciones suaves e interacciones dinámicas.
- Next.js – Framework React para renderizado hÃbrido y routing optimizado.
- React – LibrerÃa principal para construir la UI basada en componentes.
- Tailwind CSS – Utilizado para un diseño responsivo, rápido y elegante mediante clases utilitarias.
- Framer Motion – LibrerÃa para animaciones suaves y controladas en React.
- Mejorar mis habilidades en diseño UI/UX moderno y frontend.
- Aprender prácticas profesionales integrando tecnologÃas actuales.
- Reforzar el uso de Tailwind para layouts rápidos y mantenibles.
- Explorar animaciones con Framer Motion para mejorar la experiencia de usuario.
/app → Estructura de páginas (Next.js App Router)
/components → Componentes reutilizables como Navbar, Hero, Cards, etc.
/styles → Estilos globales y personalizados
/src/assets → Imágenes, Ãconos, SVGs
- Layout responsivo para todas las resoluciones.
- Animaciones suaves al cargar, al hacer hover o al interactuar.
- Diseño oscuro con colores vivos para contraste y jerarquÃa visual.
- Componentes bien separados y reutilizables para escalabilidad.
- Uso eficiente de
Tailwind CSS
para construir secciones complejas sin escribir CSS tradicional. - Aplicación de animaciones con
Framer Motion
incluyendovariants
,transitions
ylayout
. - Mejores prácticas en diseño web moderno con enfoque en experiencia de usuario.