Marrakech · wireframes v1 de la landing

Cafetería y lounge de shisha, té y café de estilo marroquí con diseño moderno. La landing es un solo recorrido de cámara: cada tramo es un vídeo de Kling entre dos imágenes clave (las que ves abajo, ya generadas). El scroll avanza el vídeo; el texto entra encima. Al final, el enlace a la carta 3D, que se hace después.

marrakech.goatmode.xyz
29-10-2026

Mapa del scroll (altura en vh)

01 fachada a salón 300
02 salón a barra 250
03 barra a shisha 250
04 shisha a café 220
05 café a té 220
06 té a postres 220
07 visita
08 carta 3D
vídeo: la cámara cruza el arcoMARRAKECH grande + frase
01

Fachada y entrada

fijo · 300vh · vídeo
  1. Fachada de noche con el arco de latón y el rótulo MARRAKECH.
  2. Arriba, MARRAKECH grande y una frase; abajo, el aviso de scroll.
Al bajar, la cámara avanza hacia el arco, cruza la puerta de cristal y se abre el salón de doble altura.
vídeo: paseo hacia la barra"Un salón para quedarse"
02

Salón y barra

fijo · 250vh · vídeo
  1. Salón con sofás de terciopelo verde, sillones de piel y mesas de mármol con mucho espacio.
  2. Texto: espacio, calma, sitio para quedarse.
La cámara cruza el salón hasta la barra; los camareros se mueven con el scroll (un barista tira un café, otro prepara el té).
vídeo: de la barra a una mesaShisha · sabores
03

Shisha

fijo · 250vh · vídeo
  1. Mesa entre sofás con una shisha de cristal ahumado y latón, humo lento.
  2. Texto corto y tres sabores de la casa en monoespaciada.
vídeo: a la mesa del café
04

Café

fijo · 220vh · vídeo
  1. Cortado y café especiado marroquí en bandeja de latón con dátiles.
  2. Texto: tueste y especias de la casa.
vídeo: el té se sirve desde arriba
05

Té

fijo · 220vh · vídeo
  1. Té a la menta servido desde lo alto de la tetera de plata, el chorro brillando.
  2. Texto: el gesto de siempre.
vídeo: llegan los postres
06

Postres

fijo · 220vh · vídeo
  1. Cuernos de gacela, chebakia con miel, pastel de pistacho y azahar, helado de menta.
  2. Texto y nombres de los dulces.
07

Visítanos

scroll normal
  1. Horario, dirección y teléfono (de ejemplo: es un concepto).
  2. A la derecha, foto de la terraza o del salón.
08

Carta 3D

enlace
  1. Cierre con el plato de postres de fondo y el botón "Ver la carta en 3D".
  2. La carta 3D es la siguiente fase.