BioTech es un proyecto dedicado a la investigación y desarrollo de soluciones sostenibles para la remediación de suelos agrícolas contaminados. Esta landing page presenta nuestro trabajo, metodología y resultados en el campo de la biorremediación.
- 🎨 Diseño moderno y responsivo
- 🔄 Efectos de parallax en secciones clave
- ⚡ Animaciones suaves al scroll (AOS)
- 📱 Totalmente adaptable a dispositivos móviles
- 🎯 Optimizado para SEO
- 🔍 Estructura de código modular y mantenible
- React 19 - Biblioteca principal de UI
- TypeScript - Tipado estático
- Vite - Build tool y dev server
- Bootstrap 5 - Framework CSS
- AOS - Animate On Scroll
- React Parallax - Efectos de parallax
- Bootstrap Icons - Iconografía
- Clona el repositorio:
git clone https://github.com/DavidAmsellem/bioTech.git- Instala las dependencias:
cd bioTech
npm install- Inicia el servidor de desarrollo:
npm run devsrc/
├── components/
│ ├── layout/ # Componentes de estructura
│ │ ├── Navbar
│ │ └── Footer
│ ├── sections/ # Secciones principales
│ │ ├── Hero
│ │ ├── About
│ │ ├── Methodology
│ │ ├── Results
│ │ ├── Team
│ │ └── Contact
│ └── ui/ # Componentes reutilizables
│ ├── MethodCard
│ ├── StatCard
│ └── TeamCard
├── assets/ # Recursos estáticos
└── styles/ # Estilos CSS
npm run dev- Inicia el servidor de desarrollonpm run build- Construye la aplicación para producciónnpm run lint- Ejecuta el linternpm run preview- Preview de la build de producción
- Efectos de parallax en secciones principales
- Animaciones de scroll suaves
- Tarjetas interactivas con hover effects
- Iconos animados
- Diseño adaptativo
Las contribuciones son siempre bienvenidas. Por favor, lee nuestras guías de contribución antes de enviar un pull request.
Este proyecto está bajo la Licencia MIT - mira el archivo LICENSE para más detalles.
Desarrollado por David Amsellem