FuerzaBruta Gym es una landing page moderna, profesional y completamente responsive desarrollada con ReactJS, pensada para gimnasios que buscan atraer nuevos clientes y mostrar sus servicios de forma clara, rápida y visualmente atractiva.
🌐 Sitio online: https://fuerza-bruta.vercel.app/
El enfoque de FuerzaBruta Gym es crear una presencia digital potente, con una estética enérgica (negro + amarillo) y secciones orientadas a la conversión: desde la presentación del gimnasio hasta el contacto directo por WhatsApp.
- ⚛️ ReactJS
- 💅 styled-components
- 🧩 Atomic Design Architecture
- 🧠 Principios SOLID
- 📬 EmailJS (para envío de formularios)
- 🟢 Integración con WhatsApp
- 🌍 Vercel (para despliegue)
- 🧪 Validaciones de formulario con Regex y minLength
- 💨 Lazy Loading & Smooth Scroll
src/ ├── components/ │ ├── atoms/ │ ├── molecules/ │ ├── organisms/ │ └── templates/ ├── pages/ │ └── Home.jsx ├── styles/ │ └── globalStyles.js ├── assets/ │ └── images/ └── utils/ └── validations.js
Cada elemento está basado en el sistema Atomic Design, lo que permite escalar el proyecto fácilmente o reutilizar componentes en otros sitios de distintos rubros.
El formulario de contacto está integrado con EmailJS, y cuenta con las siguientes validaciones:
- Nombre: requerido
- Teléfono: requerido
- Email: debe ser válido
- Mensaje: mínimo 15 caracteres
Al enviar el formulario, se muestra un mensaje de éxito y se abre un chat directo con el gimnasio mediante WhatsApp Web (wa.me/).
✅ Diseño responsive (mobile-first)
✅ Estilo visual fuerte: negro + amarillo (#FFD60A)
✅ Hero con CTA directa
✅ Sección “Por qué elegirnos” con diseño alternado texto/imagen
✅ Actividades con descripción breve
✅ Planes de precios con botón de acción
✅ Parallax de experiencia
✅ Testimonios reales
✅ Contacto con validaciones + WhatsApp
✅ Hosting en Vercel (alta velocidad y estabilidad)
🧑💻 Autores Desarrollo: [ErikGaston]
📜 Licencia Este proyecto se distribuye bajo la licencia MIT, permitiendo su uso, modificación y distribución libre con atribución al autor original.