-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhoteles.html
More file actions
332 lines (304 loc) · 14.8 KB
/
Copy pathhoteles.html
File metadata and controls
332 lines (304 loc) · 14.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Órbita para Hoteles | Tu hotel, automatizado</title>
<meta name="description" content="Asistente IA para hoteles: reservas, disponibilidad y seguimiento comercial en WhatsApp, Instagram y Web. Más reservas, menos carga para recepción." />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://orbitaagency.com/hoteles" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="es_ES" />
<meta property="og:site_name" content="Órbita Agency" />
<meta property="og:title" content="Órbita para Hoteles | Tu hotel, automatizado" />
<meta property="og:description" content="Convierte consultas en reservas con atención 24/7 y seguimiento inteligente." />
<meta property="og:url" content="https://orbitaagency.com/hoteles" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="Órbita para Hoteles | Tu hotel, automatizado" />
<meta property="twitter:description" content="Reservas directas con IA, sin saturar recepción." />
<meta name="theme-color" content="#060914" />
<link rel="icon" type="image/png" href="./assets/orbita-logo-original.png" />
<link rel="apple-touch-icon" href="./assets/orbita-logo-original.png" />
<meta property="og:image" content="https://orbitaagency.com/assets/orbita-logo-original.png" />
<meta name="twitter:image" content="https://orbitaagency.com/assets/orbita-logo-original.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://assets.calendly.com/assets/external/widget.css" />
<link rel="stylesheet" href="./sector.css" />
<script>
window.ORBITA_LEAD_CONFIG = {
spreadsheetId: "1y8YOQaBlJkbnomZSTL2Ioi8Vo3pytLw63MivpFOiF9Y",
webhookUrl: "",
formsubmitEmail: "contacto@orbitaagency.com",
formsubmitEnabled: true
};
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "WebPage",
"name": "Órbita para Hoteles",
"url": "https://orbitaagency.com/hoteles",
"description": "Landing de Órbita para hoteles con automatización de atención y captación."
},
{
"@type": "Service",
"serviceType": "Asistente IA para Hoteles",
"provider": {
"@type": "Organization",
"name": "Órbita Agency",
"url": "https://orbitaagency.com/"
},
"areaServed": "ES"
}
]
}
</script>
</head>
<body>
<canvas id="starfield" aria-hidden="true"></canvas>
<header class="topbar">
<nav class="nav shell">
<a class="brand" href="./index.html" aria-label="Volver a la home">
<img src="./assets/orbita-logo-original.png" alt="Órbita Agency" width="54" height="54" class="brand-logo" />
</a>
<button class="menu-btn" id="menuBtn" aria-expanded="false" aria-controls="navList">
Menú
</button>
<ul id="navList" class="nav-list">
<li><a href="./index.html#plataforma">Plataforma</a></li>
<li><a href="./avatares.html">Avatares IA</a></li>
<li><a href="./precios.html">Precios</a></li>
<li class="nav-dropdown">
<details>
<summary>Sectores</summary>
<div class="dropdown-menu">
<a href="./autoescuelas.html">Autoescuelas</a>
<a href="./hoteles.html">Hoteles</a>
<a href="./restaurantes.html">Restaurantes</a>
<a href="./clinicas-dentales.html">Clínicas dentales</a>
<a href="./centros-esteticos.html">Centros estéticos</a>
<a href="./inmobiliarias.html">Inmobiliarias</a>
<a href="./concesionarios.html">Concesionarios</a>
<a href="./talleres.html">Talleres</a>
</div>
</details>
</li>
<li><a href="#agenda" class="btn btn-small" data-cta="nav_principal">Diseñar mi Asistente</a></li>
</ul>
</nav>
</header>
<main id="top">
<section class="hero shell">
<div class="hero-copy" data-reveal>
<p class="kicker">Sector hoteles</p>
<h1>Tu hotel, automatizado.</h1>
<p class="lead">Convierte consultas en reservas sin saturar recepción. Órbita responde al instante y mantiene seguimiento hasta confirmar estancia.</p>
<p class="microclaim">Limpio. Directo. Personalizado.</p>
<p class="proof-line">Empresas que ya están en Órbita.</p>
<div class="hero-cta">
<a class="btn btn-primary" href="#agenda" data-cta="hero_principal">Diseñar mi Asistente</a>
<a class="btn btn-ghost" href="#presupuesto" data-cta="hero_secundaria">Solicitar presupuesto</a>
</div>
<ul class="benefit-list">
<li>Resuelve la mayoría de consultas frecuentes sobre tarifas y servicios.</li>
<li>Filtra solicitudes de grupos y eventos con contexto comercial.</li>
<li>Mantiene seguimiento para evitar reservas perdidas.</li>
</ul>
<div class="hero-tags">
<span>WhatsApp</span>
<span>Instagram</span>
<span>Web</span>
<span>Voz opcional</span>
</div>
</div>
<div class="hero-visual" data-reveal>
<img class="hero-image" src="./assets/generated/sector-hoteles.svg" alt="Automatización Hoteles con IA" loading="lazy" />
<div class="hero-glow"></div>
<div class="hero-panel">
<p class="panel-title">Conversación en curso</p>
<p class="bubble bubble-in">Hola, ¿tenéis disponibilidad para este fin de semana?</p>
<p class="bubble bubble-out">Sí. Te comparto opciones y cerramos tu reserva en este chat.</p>
</div>
<div class="orbit orbit-a"></div>
<div class="orbit orbit-b"></div>
</div>
</section>
<section id="beneficios" class="section shell">
<div class="section-head" data-reveal>
<p class="kicker">Operación comercial</p>
<h2>Atención sin cuello de botella</h2>
<p>Automatizamos lo repetitivo para que tú te centres en crecer.</p>
</div>
<div class="card-grid">
<article class="card" data-reveal data-tilt>
<h3>Respuestas instantáneas</h3>
<p>Responde dudas de habitaciones, horarios y políticas en segundos, incluso fuera de horario.</p>
</article>
<article class="card" data-reveal data-tilt>
<h3>Tu tono. Tu estilo.</h3>
<p>Cada respuesta mantiene el estándar de atención de tu hotel con coherencia.</p>
</article>
<article class="card" data-reveal data-tilt>
<h3>Dónde están tus clientes</h3>
<p>Activa WhatsApp, Instagram y Web para captar reservas donde el cliente te escribe.</p>
</article>
</div>
</section>
<section id="escenarios" class="section shell">
<div class="section-head" data-reveal>
<p class="kicker">Escenarios reales</p>
<h2>Qué automatiza tu sistema</h2>
<p>Captación, reserva y post-reserva conectados en un único flujo comercial.</p>
</div>
<div class="use-grid">
<article class="use-card" data-reveal>
<img src="./assets/generated/flow-operacion.svg" alt="Reservas directas" loading="lazy" />
<div class="use-copy">
<h3>Reservas directas</h3>
<p>Reduce fuga a OTAs respondiendo rápido y guiando la reserva por canal directo.</p>
</div>
</article>
<article class="use-card" data-reveal>
<img src="./assets/generated/flow-marca.svg" alt="Recepción descargada" loading="lazy" />
<div class="use-copy">
<h3>Recepción descargada</h3>
<p>El equipo se centra en experiencia presencial mientras la IA cubre consultas repetitivas.</p>
</div>
</article>
<article class="use-card" data-reveal>
<img src="./assets/generated/flow-canal.svg" alt="Upselling de servicios" loading="lazy" />
<div class="use-copy">
<h3>Upselling de servicios</h3>
<p>Promociona desayuno, parking o upgrade con mensajes oportunos y consistentes.</p>
</div>
</article>
</div>
</section>
<section id="faq" class="section shell">
<div class="section-head" data-reveal>
<p class="kicker">FAQ</p>
<h2>Preguntas clave</h2>
<p>Dudas habituales antes de implantar IA en operaciones hoteleras.</p>
</div>
<div class="faq-list">
<details data-reveal>
<summary>¿Qué puede automatizar en un hotel?</summary>
<p>Consultas frecuentes, cualificación de leads y seguimiento comercial en WhatsApp, Instagram y Web.</p>
</details>
<details data-reveal>
<summary>¿Cómo mantenéis nuestro tono de marca?</summary>
<p>Entrenamos el asistente con tu guion comercial, objeciones y reglas para responder con coherencia.</p>
</details>
<details data-reveal>
<summary>¿También funciona fuera de horario?</summary>
<p>Sí. El sistema atiende 24/7 para que no se pierdan oportunidades cuando tu equipo no está disponible.</p>
</details>
<details data-reveal>
<summary>¿Qué pasa cuando la conversación es compleja?</summary>
<p>Se deriva a una persona con contexto para acelerar la respuesta y proteger la conversión.</p>
</details>
<details data-reveal>
<summary>¿Podemos combinar texto y voz IA?</summary>
<p>Sí. Diseñamos un flujo multicanal donde texto y voz trabajan con el mismo criterio comercial.</p>
</details>
</div>
</section>
<section id="agenda" class="section shell contact">
<div class="contact-copy" data-reveal>
<p class="kicker">Agenda</p>
<h2>Reserva una sesión</h2>
<p>Revisamos tu operación de reservas y diseñamos el sistema para aumentar ocupación sin sumar fricción al equipo.</p>
<div
class="calendly-inline-widget calendly-box"
data-url="https://calendly.com/orbita-agency/30min"
aria-label="Calendly Órbita"
></div>
<a
class="btn btn-ghost"
href="https://calendly.com/orbita-agency/30min"
target="_blank"
rel="noopener noreferrer"
data-cta="calendly_link"
>Abrir Calendly</a
>
</div>
<form class="lead-form" id="leadForm" data-reveal>
<p class="kicker" id="presupuesto">Presupuesto</p>
<h2>Solicitar presupuesto</h2>
<input type="hidden" name="sector" value="Hoteles" />
<input type="hidden" name="source" value="orbita-hoteles" />
<label for="name">Nombre y apellidos</label>
<input id="name" name="name" type="text" required />
<label for="company">Hotel</label>
<input id="company" name="company" type="text" required />
<label for="email">Email profesional</label>
<input id="email" name="email" type="email" required />
<label for="phone">Teléfono / WhatsApp</label>
<input id="phone" name="phone" type="tel" required />
<label for="channel">Canal prioritario</label>
<select id="channel" name="channel" required>
<option value="">Selecciona una opción</option>
<option>WhatsApp</option>
<option>Instagram</option>
<option>Web</option>
<option>Multicanal</option>
<option>Voz</option>
</select>
<label for="goal">Objetivo principal</label>
<textarea id="goal" name="goal" rows="4" required></textarea>
<label class="consent">
<input type="checkbox" id="consent" name="consent" required />
Acepto que Órbita Agency me contacte para evaluar el proyecto.
</label>
<button type="submit" class="btn btn-primary" data-cta="form_submit">Solicitar presupuesto</button>
<p id="formMessage" class="form-message" role="status" aria-live="polite"></p>
</form>
</section>
<section class="section shell">
<div class="cta-box" data-reveal>
<h2>Tus reservas ya llegan</h2>
<p>La diferencia está en responder antes y mejor. Órbita convierte cada consulta en opción real de reserva.</p>
<a class="btn btn-primary" href="#agenda" data-cta="final_principal">Diseñar mi Asistente</a>
</div>
</section>
</main>
<footer class="site-footer shell">
<a class="footer-logo-wrap" href="./index.html" aria-label="Órbita Agency">
<img src="./assets/orbita-logo-original.png" alt="Órbita Agency" width="54" height="54" class="footer-logo" />
</a>
<div class="footer-social" aria-label="Redes sociales">
<a href="https://www.instagram.com/orbitaagency.ia/" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
<svg viewBox="0 0 24 24" aria-hidden="true">
<rect x="3" y="3" width="18" height="18" rx="5" ry="5"></rect>
<circle cx="12" cy="12" r="4"></circle>
<circle cx="17.2" cy="6.8" r="1.1"></circle>
</svg>
</a>
<a href="https://www.linkedin.com/company/orbita-agency00" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M7 10v8"></path>
<circle cx="7" cy="6.5" r="1.2"></circle>
<path d="M12 10v8"></path>
<path d="M12 13.5c0-1.9 1.4-3.3 3.3-3.3s3.2 1.4 3.2 3.3V18"></path>
</svg>
</a>
</div>
<div class="footer-legal" aria-label="Enlaces legales">
<a href="./aviso-legal.html">Aviso legal</a>
<a href="./politica-privacidad.html">Política de privacidad</a>
<a href="./politica-cookies.html">Política de cookies</a>
</div>
<p class="footer-copy">© 2025. All rights reserved.</p>
</footer>
<script src="https://assets.calendly.com/assets/external/widget.js" async></script>
<script src="./chatbot.js" defer></script>
<script src="./sector.js" defer></script>
</body>
</html>