Landing Page - Data Search Console

Landing page para el curso "Data Search Console" de Data SEO Academy.

🚀 Características

• Diseño responsive: Optimizado para móviles, tablets y escritorio
• Countdown timer: Cuenta regresiva hasta el final de la oferta
• Testimonios: Casos de éxito de alumnos
• CTAs estratégicos: Enlaces directos a ThriveCart para la compra
• Animaciones suaves: Efectos de scroll y transiciones
• FAQ accordion: Preguntas frecuentes interactivas
• Secciones completas: Hero, problemas, soluciones, módulos, precios, FAQ

📁 Estructura de archivos

.
├── index.html          # Página principal
├── styles.css          # Estilos CSS
├── script.js           # JavaScript interactivo
├── screenshots/        # Capturas de pantalla
└── README.md          # Este archivo

🎨 Secciones incluidas

1. Header: Logo y navegación sticky
2. Hero: Título principal y CTA
3. Countdown: Temporizador de oferta
4. Testimonios: Casos de éxito con fotos
5. Problemas: Pain points del público objetivo
6. Solución: Beneficios del curso
7. Empresas: Logos de clientes
8. Presentación del curso: Data Search Console
9. Método: 3 pasos del programa
10. Módulos: Contenido del curso
11. Precios: Dos planes con CTAs a ThriveCart
12. FAQ: Preguntas frecuentes
13. Footer: Información de copyright

🔗 Enlaces importantes

CTAs principales (ThriveCart):

• Plan básico: https://dataseoacademy.thrivecart.com/data-search-console/
• Plan avanzado: https://dataseoacademy.thrivecart.com/automatizacion-ia-analisis-seo-bf/

Recursos externos:

• Logo: https://dataseoacademy.com/wp-content/uploads/2024/05/LOGO-DATA-SEO-2.png
• Imágenes de testimonios y módulos desde dataseoacademy.com
• Videos de YouTube (entrevistas completas)

⚙️ Funcionalidades JavaScript

• Countdown timer: Cuenta regresiva hasta Nov 21, 2024 23:59:59
• FAQ accordion: Expandir/colapsar preguntas
• Smooth scroll: Navegación suave entre secciones
• Purchase counter: Contador de ventas en tiempo real
• Scroll animations: Animaciones al hacer scroll
• Sticky header: Header fijo con comportamiento inteligente

🎯 Próximas mejoras sugeridas

1. ✅ Agregar video de Vimeo en la sección hero (COMPLETADO)
2. Completar todos los módulos (actualmente solo hay 2 de ejemplo)
3. Agregar más testimonios
4. Implementar analytics (Google Tag Manager, GA4)
5. Optimizar imágenes locales
6. Agregar formularios de contacto
7. Integrar chat en vivo
8. A/B testing de CTAs

📱 Responsive Design

La landing está optimizada para:

• 📱 Móviles (< 768px)
• 📱 Tablets (768px - 1024px)
• 💻 Desktop (> 1024px)

🚀 Cómo usar

1. Abre index.html en tu navegador
2. Navega por las secciones usando el menú
3. Los botones CTA te llevarán a ThriveCart para completar la compra

📝 Personalización

Cambiar fecha del countdown:

// En script.js, línea 3
const countDownDate = new Date("Nov 21, 2024 23:59:59").getTime();

Cambiar colores:

/* En styles.css */
:root {
    --primary-color: #ff6b35;
    --secondary-color: #004e89;
    /* ... más variables */
}

🌐 Deployment

Para publicar la landing:

1. GitHub Pages: Sube los archivos a un repositorio y activa GitHub Pages
2. Netlify: Arrastra la carpeta a Netlify Drop
3. Vercel: Conecta el repositorio a Vercel
4. Hosting tradicional: Sube vía FTP/SFTP

✅ Checklist de optimización SEO

• Meta tags (title, description)
• Open Graph tags para redes sociales
• Schema.org markup (Course, Organization)
• Sitemap.xml
• Robots.txt
• Optimización de imágenes (WebP, lazy loading)
• Minificación de CSS/JS
• GTM y Google Analytics

📞 Soporte

Para cualquier duda o mejora, contacta al equipo de Data SEO Academy.

---

Creado para Data SEO Academy | © 2024