Landing page moderna y profesional para PexelCloud, empresa especializada en servicios de infraestructura cloud, desarrollo web, automatizaciones IA y UX.

• ✅ Diseño Responsive - Optimizado para todos los dispositivos
• ✅ Formulario de Contacto - Integrado con EmailJS para envío de emails
• ✅ Chat de WhatsApp - Widget flotante para contacto directo
• ✅ Animaciones Suaves - Con Framer Motion
• ✅ SEO Optimizado - Meta tags y estructura semántica
• ✅ Performance - Carga rápida y optimizada
• ✅ AWS Ready - Configurado para despliegue en AWS

• Next.js 14 - Framework React
• TypeScript - Tipado estático
• Tailwind CSS - Estilos y diseño
• Framer Motion - Animaciones
• EmailJS - Envío de emails
• Lucide React - Iconos

# Clonar el repositorio
git clone https://github.com/tu-usuario/solvaktech-landing.git
cd solvaktech-landing

# Instalar dependencias
npm install

# Configurar variables de entorno
cp env.config.js .env.local
# Edita .env.local con tus credenciales

# Ejecutar en desarrollo
npm run dev

Crea un archivo .env.local con:

# EmailJS Configuration
NEXT_PUBLIC_EMAILJS_SERVICE_ID=tu_service_id
NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=tu_template_id
NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=tu_public_key

# WhatsApp Configuration
NEXT_PUBLIC_WHATSAPP_NUMBER=+1234567890

# Site Configuration
NEXT_PUBLIC_SITE_URL=https://tu-dominio.com

1. Configurar AWS SES en tu cuenta AWS
2. Verificar dominios y emails en AWS SES
3. Configurar variables de entorno:

   AWS_REGION=us-east-1
   AWS_ACCESS_KEY_ID=tu_access_key
   AWS_SECRET_ACCESS_KEY=tu_secret_key
   AWS_SES_FROM_EMAIL=noreply@pexelcloud.com
   AWS_SES_TO_EMAIL=contacto@pexelcloud.com

4. Obtener credenciales y agregarlas a .env.local

1. Usar tu número de WhatsApp (personal o Business)
2. Formato: +1234567890 (con código de país)
3. Agregar a variables de entorno

# 1. Subir código a GitHub
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/tu-usuario/solvaktech-landing.git
git push -u origin main

# 2. Conectar en AWS Amplify Console
# 3. Configurar variables de entorno
# 4. Desplegar automáticamente

# Usar script de despliegue
./deploy.sh ec2

# Seguir instrucciones en aws-deploy.md

# Usar script de despliegue
./deploy.sh ecs

# Seguir instrucciones en aws-deploy.md

• ✅ Validación de campos
• ✅ Envío automático de emails
• ✅ Estados de carga y error
• ✅ Confirmación de envío

• ✅ Widget flotante
• ✅ Múltiples opciones de contacto
• ✅ Animaciones suaves
• ✅ Responsive design

• ✅ Hero - Presentación principal
• ✅ Servicios - 6 servicios principales
• ✅ Acerca de - Información de la empresa
• ✅ Contacto - Formulario y información

• Acento: Naranja (#E35201)
• Fondo: Gris claro (#f8fafc)
• Texto: Negro y grises

• Edita los componentes en /components/
• Modifica textos y datos según tu empresa
• Agrega tus propias imágenes

• ✅ Lighthouse Score: 95+
• ✅ Core Web Vitals: Optimizado
• ✅ SEO: Meta tags completos
• ✅ Accessibility: WCAG compliant

npm run dev      # Desarrollo
npm run build    # Construcción
npm run start    # Producción
npm run lint     # Linting
./deploy.sh      # Despliegue

Para soporte técnico o consultas:

• Email: contacto@solvaktech.com
• WhatsApp: +1234567890
• GitHub Issues: Crear issue

Este proyecto está bajo la Licencia MIT. Ver LICENSE para más detalles.

Desarrollado con ❤️ para PexelCloud