Landing page moderna y profesional para servicios de fisioterapia y quiropraxia, construida con React, TypeScript, Vite y Tailwind CSS.
- React 18 - Librería de UI
- TypeScript - Tipado estático
- Vite - Build tool y dev server
- Tailwind CSS - Framework de CSS utility-first
- Radix UI - Componentes accesibles sin estilos
- Lucide React - Iconos
- Bun - Runtime y gestor de paquetes
# Clonar el repositorio
git clone https://github.com/FisiosdPlus/landing-page.git
cd landing-page
# Instalar dependencias
bun install
# o con npm
npm install# Iniciar servidor de desarrollo
bun run dev
# o con npm
npm run devEl servidor estará disponible en http://localhost:5173
# Crear build de producción
bun run build
# o con npm
npm run build
# Previsualizar build localmente
bun run preview
# o con npm
npm run previewLos archivos se generarán en la carpeta build/
Este proyecto está configurado para desplegarse fácilmente en Vercel:
-
Push a GitHub:
git add . git commit -m "Ready to deploy" git push
-
Importar en Vercel:
- Ve a vercel.com
- Haz clic en "Add New Project"
- Selecciona este repositorio
- Vercel detectará automáticamente la configuración
- Haz clic en "Deploy"
-
¡Listo! Tu sitio estará en línea en minutos
Para más detalles, consulta la Guía de Despliegue Completa
Cada push a la rama main desplegará automáticamente a producción en Vercel.
landing-page/
├── src/
│ ├── components/ # Componentes de React
│ │ ├── ui/ # Componentes de UI reutilizables (Radix UI)
│ │ ├── figma/ # Componentes generados desde Figma
│ │ ├── Hero.tsx # Sección principal
│ │ ├── Services.tsx # Servicios ofrecidos
│ │ ├── Benefits.tsx # Beneficios
│ │ ├── Process.tsx # Proceso de trabajo
│ │ ├── Team.tsx # Equipo
│ │ └── ...
│ ├── assets/ # Imágenes y recursos
│ ├── styles/ # Estilos globales
│ ├── App.tsx # Componente principal
│ └── main.tsx # Punto de entrada
├── vercel.json # Configuración de Vercel
├── vite.config.ts # Configuración de Vite
├── tailwind.config.js # Configuración de Tailwind
└── package.json # Dependencias y scripts
- Hero - Banner principal con llamado a la acción
- Services - Servicios de fisioterapia y quiropraxia
- Benefits - Beneficios de los tratamientos
- Process - Proceso de atención paso a paso
- Team - Equipo de profesionales
- Testimonials - Testimonios de pacientes
- Contact - Formulario de contacto
- WhatsAppButton - Botón flotante de WhatsApp
- Stats - Estadísticas del centro
- CTA - Llamados a la acción
- Footer - Pie de página
| Comando | Descripción |
|---|---|
bun run dev |
Inicia servidor de desarrollo |
bun run build |
Crea build de producción |
bun run preview |
Previsualiza build localmente |
- Fork el proyecto
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
Este proyecto está bajo la licencia Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0).
Esto significa:
- ✅ Puedes ver y compartir el código fuente
- ✅ Debes dar crédito a FisiosdPlus
- ❌ No puedes usarlo con fines comerciales
- ❌ No puedes crear trabajos derivados o modificarlo
Ver el archivo LICENSE para más detalles o visita creativecommons.org
Para más información sobre el proyecto, contacta al equipo de desarrollo.
Desarrollado con ❤️ por el equipo de Fisiosd Plus