🍯 Del Fogón — Landing Page

Proyecto para el taller de Git y Github. Un landing page profesional y responsivo para un negocio de productos caseros artesanales.

📋 Descripción

Del Fogón es un sitio web de presentación para un negocio que vende productos caseros de calidad. La página está diseñada con un enfoque moderno, elegante y totalmente responsivo, optimizada para convertir visitantes en clientes.

✨ Características

• Navegación responsive: Barra fija con menú hamburguesa para dispositivos móviles
• Sección Hero: Titular atractivo con call-to-action y estadísticas
• Catálogo de productos: Galería de productos con descripciones
• Sección "Por qué elegirnos": Destacados de la marca
• Historia: Narrativa de los orígenes del negocio
• Testimonios: Opiniones de clientes satisfechos
• Formulario de contacto: Integración con WhatsApp para pedidos
• Animaciones scroll reveal: Efectos visuales al hacer scroll
• Efecto glass-morphism: Diseño moderno en la navegación
• Paleta de colores cálida: Tonos terracota, oliva y miel

🗂️ Estructura del Proyecto

clases_git_github/
├── index.html          # Estructura HTML principal
├── styles.css          # Estilos CSS (1049 líneas)
├── main.js             # Lógica JavaScript
├── README.md           # Este archivo
├── img/
│   └── ppal.jpg        # Imagen principal

🛠️ Tecnologías Utilizadas

• HTML5: Estructura semántica
• CSS3: Diseño responsivo y animaciones
• JavaScript Vanilla: Interactividad (sin dependencias)
• Google Fonts: Tipografías elegantes (Playfair Display y DM Sans)

💡 Funcionalidades JavaScript

• Efecto de scroll: Cambio de estilos en la nav al hacer scroll
• Menú responsivo: Hamburguesa que abre/cierra menú en móvil
• Scroll Reveal: Animaciones de entrada de elementos con Intersection Observer
• Validación de formulario: Envío de pedidos vía WhatsApp

📱 Responsive Design

La página se adapta perfectamente a:

• 📱 Móviles (320px+)
• 📱 Tablets (768px+)
• 🖥️ Escritorio (1024px+)

🚀 Cómo Usar

1. Clonar el repositorio
2. Abrir index.html en el navegador
3. El sitio es completamente funcional sin necesidad de servidor

📝 Autor

Proyecto de taller para aprender Git y Github

#CHAT BOT Agregue un fichero que contiene la funcion en js del gotBotReplay, con las respuestas determinadas. En html agregue un widget tipo burbuja quepermite interactura con el chet bot, al hacer click en el icono 💬 se abre el chat. La primera apertura despliega tres botones de sugerencia: Sabores disponibles  |  Zona de entrega  |  Formas de pago Pulsar cualquiera de ellos envía la consulta correspondiente y el bot responde con la información prevista. También puedes escribir libremente; las respuestas nuevas son activadas por las palabras clave indicadas.