Despega tu negocio de comida con esta landing page

Descripción

DOBLE es una landing page de una sola página para negocios de comida que reciben los pedidos por WhatsApp o por teléfono, que es como funcionan de verdad la mayoría de las hamburgueserías, food trucks y bares de barrio. No hay carrito, ni pasarela de pago, ni comisión de intermediario: el cliente ve la carta, pulsa un botón y te escribe directamente con su pedido ya empezado. El diseño es cálido y rotundo, pensado para dar hambre: fondo crema, tipografía muy gruesa, acentos mostaza y tomate, bloques redondeados con borde negro y sombra dura, y pegatinas giradas como las de un local de barrio. Es un estilo que destaca entre las webs de restaurante grises y genéricas, y que aguanta bien tanto en pantalla grande como en el móvil, que es donde va a mirarlo casi todo el mundo. La pieza que se lleva las miradas está en la sección "Cómo la hacemos": una hamburguesa que se monta capa a capa mientras el visitante baja por la página. Va cayendo el pan de abajo, la carne, el queso, la lechuga y el pan de arriba con un rebote final, y a la vez se van encendiendo los cuatro pasos del proceso a la izquierda. Está dibujada en vectores, así que se ve nítida en cualquier pantalla y no añade prácticamente peso. Incluye siete fotografías profesionales ya integradas: la hamburguesa doble de portada, cuatro hamburguesas de carta, unas patatas y una foto de ambiente del local. Están generadas con inteligencia artificial, se entregan con la plantilla y puedes usarlas tal cual, modificarlas o cambiarlas por las fotos de tu negocio cuando las tengas. Eso permite publicar la web el mismo día, sin esperar a una sesión de fotos. La carta tiene filtros por categoría (carne, pollo, veggie, para picar) que funcionan al instante, sin recargar la página. Cada plato lleva foto, nombre, precio, descripción y etiquetas. Añadir uno nuevo es copiar y pegar un bloque de código y cambiarle el texto. En móvil aparece una barra fija abajo con dos botones, WhatsApp y Llamar, siempre visible mientras el cliente mira la carta. Es el detalle que más pedidos convierte en este tipo de negocio, y viene de serie. No necesita servidor, base de datos, npm ni panel de administración. Se descarga, se cambian los textos y se sube la carpeta a Hostinger, Netlify o cualquier alojamiento. Funciona incluso abriendo el archivo con doble clic. ## Secciones incluidas 1. Menú fijo con acceso a cada sección y botón de pedido siempre visible. 2. Portada (hero) con foto grande, titular animado, tiempo de recogida, valoración, horario y botones a WhatsApp y a la carta. 3. Cinta de ingredientes en movimiento continuo. 4. La carta: seis productos con foto, precio, descripción, etiquetas y filtros por categoría. Incluye aviso de alergias enlazado a WhatsApp. 5. Cómo la hacemos: cuatro pasos del proceso + hamburguesa que se monta con el scroll. 6. Cifras: reseñas, valoración, tiempo medio y años en el barrio, con contador animado. 7. El local: foto de ambiente, texto, tabla de horarios y botones "Cómo llegar" (Google Maps) y "Llamar". 8. **Opiniones**: tres reseñas con aspecto de nota pegada. 9. Cierre "¿Pedimos?": llamada final a la acción con WhatsApp y teléfono. 10. Barra fija de pedido en móvil y pie de página. ## Animaciones y detalles - Titular que entra con rebote. - Foto de portada con profundidad al mover el ratón y desplazamiento suave al hacer scroll. - Hamburguesa que se monta capa a capa, sincronizada con los pasos del proceso. - Pegatina circular giratoria y etiquetas flotantes. - Cinta de texto infinita en diagonal. - Tarjetas de la carta con inclinación 3D y zoom de foto al pasar por encima. - Filtros de carta con transición. - Contadores que suben al entrar en pantalla. - Menú a pantalla completa en móvil. ## Qué incluye la descarga - `index.html` — la página completa. - `styles.css` — estilos, con los colores agrupados al principio. - `main.js` — animaciones, filtros y montaje de la hamburguesa, comentado en español. - `lib/` — GSAP 3.13 y ScrollTrigger en local (no dependen de Internet). - `assets/img/` — las siete fotos optimizadas en WebP. - `assets/originales/` — las mismas fotos en PNG de alta resolución, por si quieres recortarlas de otra forma o usarlas en redes sociales. - `.htaccess` — caché y compresión listos para Hostinger. - `README.md` — guía de personalización paso a paso. - `LICENSE.txt` — licencia de uso. **Peso de la web publicada: aproximadamente 1 MB** con las siete fotos incluidas. ## Ideal para Hamburgueserías · Food trucks · Pizzerías · Taquerías y comida mexicana · Kebabs · Poke y comida saludable · Bares de tapas · Bocaterías · Dark kitchens · Cafeterías · Cualquier negocio de comida que reciba pedidos por WhatsApp ## Requisitos técnicos - Ninguno. No hace falta Node, npm, WordPress ni base de datos. - Funciona en cualquier alojamiento estático: Hostinger, Netlify, Vercel, GitHub Pages, cPanel o FTP clásico. - Compatible con Chrome, Edge, Firefox y Safari, en ordenador, tablet y móvil. - Se edita con cualquier editor de texto (Bloc de notas, VS Code, Sublime). ## Personalización El número de WhatsApp, el teléfono y la dirección se cambian con tres búsquedas y reemplazos, documentados en el README. Los colores están en cuatro variables al principio del CSS. Añadir platos a la carta es copiar un bloque y cambiarle el texto y la foto. ## Sobre las fotografías Las siete imágenes están generadas con inteligencia artificial y se incluyen con la plantilla: puedes usarlas, modificarlas y sustituirlas. Ni el local ni las personas del fondo existen. Si el negocio es real, recomendamos cambiarlas por fotos propias antes de publicar: la comida de verdad siempre vende más que una foto genérica. ## Licencia Uso ilimitado, personal y comercial, en tantos proyectos y dominios como necesites. Puedes modificarla, publicarla, promocionarla y entregársela a tus clientes. La autoría del diseño sigue siendo de Webliby: no se puede presentar como obra propia ni revender como plantilla en otros catálogos. Texto completo en `LICENSE.txt`. ## Aviso sobre el contenido La marca "DOBLE", la carta, los precios, las opiniones, los horarios, el teléfono y la dirección son ficticios y están puestos solo como ejemplo. Sustitúyelos por los datos reales antes de publicar.

Características

Lo que este producto trae de fábrica.

• compras por WhatsApp
• animacion
• HTML
• personalizable

Tecnologías

Con qué está construido.

Detalles del desarrollo