Nuxt 3 Landing Page Startkit

Este es un startkit para crear landing pages con Nuxt 3 y Tailwind CSS. Su objetivo es proporcionar una base sólida y flexible que te permita iniciar rápidamente el desarrollo de una landing page moderna y responsiva.

Características

• Nuxt 3: Aprovecha la potencia de Nuxt 3 para generar páginas estáticas o aplicaciones híbridas con un rendimiento superior.
• Tailwind CSS: Estiliza tu landing page de manera eficiente utilizando Tailwind CSS, un framework de utilidades altamente personalizable.
• Componentes Predefinidos: Incluye una variedad de componentes útiles para una landing page, como:
  • Navbar Sticky con menú responsive.
  • Hero Section con partículas animadas y efectos visuales.
  • About Section con imagen animada y contenido centrado.
  • Services Section con tarjetas animadas para explicar servicios.
  • Gallery Section con un diseño estilo masonry.
  • Contact Section con formulario centrado y footer colorido.

Instalación

Para comenzar, clona este repositorio y navega al directorio del proyecto:

git clone https://github.com/kuanticacl/startkit-nuxt3-landing
cd nuxt3-landing-page-startkit

Instala las dependencias necesarias:

npm install

Uso

Una vez instaladas las dependencias, puedes iniciar el servidor de desarrollo:

npm run dev

Esto iniciará la aplicación en `http://localhost:3000\`. Ahora puedes empezar a personalizar los componentes y el diseño según tus necesidades.

Componentes Incluidos

• Navbar: Barra de navegación sticky con menú responsive y botón de WhatsApp.
• HeroSection: Sección principal con partículas animadas que reaccionan al movimiento del mouse.
• AboutSection: Sección sobre nosotros con imagen animada y texto centrado.
• ServicesSection: Sección de servicios con tarjetas animadas que explican los servicios ofrecidos.
• GallerySection: Galería de imágenes con un diseño estilo masonry.
• ContactSection: Sección de contacto con formulario centrado y un footer de color vibrante.

Personalización

Cada componente está diseñado para ser fácilmente personalizable. Puedes modificar los estilos, imágenes y textos para adaptarlos a tus necesidades específicas.

Contribuciones

Este proyecto es opensource y las contribuciones son bienvenidas. Si tienes ideas, mejoras o encuentras algún problema, no dudes en abrir un issue o enviar un pull request.

Licencia

Este proyecto está licenciado bajo la MIT License.

Agradecimientos

Gracias por utilizar este startkit. Esperamos que te ayude a comenzar rápidamente con tu landing page y facilite tu flujo de trabajo de desarrollo web.

Desarrollado con ❤️ por Equipo Kuantica.cl