Sitio web profesional para un estudio de fotografía y videografía de bodas en Connecticut, diseñado para convertir visitantes en consultas reales.
Los fotógrafos de bodas de alta gama pierden clientes porque su presencia online no transmite el nivel de sus servicios. Un Instagram lleno de trabajo increíble no es suficiente cuando el cliente busca confianza antes de invertir $2,000–$3,000 en fotos de su día más importante.
Este sitio reemplaza esa fricción: presenta el trabajo, explica las colecciones con precio incluido, y permite contactar al fotógrafo desde el mismo lugar donde el cliente se enamora de su estilo.
| Funcionalidad | Beneficio real para el cliente |
|---|---|
| Galería de portafolio por eventos | Ve ejemplos reales de bodas completas, no fotos sueltas |
| Tres colecciones con precios | Sabe exactamente cuánto cuesta antes de escribir |
| Formulario de consulta integrado | Puede preguntar sin salir del sitio ni enviar un email genérico |
| Navegación responsive (móvil y desktop) | Funciona en el teléfono donde la mayoría busca |
| WhatsApp flotante | Contacto inmediato para quienes prefieren el chat |
| Página "Sobre mí" con foto del fotógrafo | Genera confianza antes de comprometerse |
| Vista | Imagen |
|---|---|
| Hero — portada con imagen a pantalla completa |  |
| Portafolio — galería por eventos |  |
| Colecciones con precios |  |
| Formulario de contacto |  |
| Vista móvil |  |
- Sitio completo desplegable en producción
- Hero section con imagen de portada y CTA principal
- Portafolio con galería de múltiples eventos (29+ imágenes por evento)
- Tres colecciones de inversión con precios y detalle completo
- Página "Sobre mí" con foto, firma y bio del fotógrafo
- Formulario de consulta con integración EmailJS
- Anti-spam: honeypot, timing check y rate limit local
- WhatsApp flotante para contacto rápido
- Diseño responsive (mobile-first)
- Navegación con scroll suave y scroll-to-section desde otras páginas
- SEO básico: meta tags, Open Graph, Twitter Card
Instrucciones para correr el proyecto localmente
- Node.js 18+ o Bun
- Cuenta en EmailJS para el formulario de contacto
# Clonar el repo
git clone https://github.com/FelipeQuirola/pm-wedding-studio.git
cd pm-wedding-studio
# Instalar dependencias
npm install
# Configurar variables de entorno
cp .env.example .env
# Editar .env con tus credenciales de EmailJS
# Iniciar servidor de desarrollo
npm run devCopiar .env.example a .env y completar:
VITE_EMAILJS_SERVICE_ID= # Tu Service ID de EmailJS
VITE_EMAILJS_TEMPLATE_ID= # Tu Template ID de EmailJS
VITE_EMAILJS_PUBLIC_KEY= # Tu Public Key de EmailJS
VITE_RECAPTCHA_SITE_KEY= # Opcional: Site Key de reCAPTCHA v2
npm run build
# Output en /dist — desplegable en Vercel, Netlify, o cualquier CDN estáticoCopyright © 2026. Todos los derechos reservados.