Spaces:
Running
Running
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>FAQs - Beachcomber Hotels</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .faq-item { | |
| transition: all 0.3s ease; | |
| } | |
| .faq-answer { | |
| max-height: 0; | |
| overflow: hidden; | |
| transition: max-height 0.3s ease; | |
| } | |
| .faq-item.active .faq-answer { | |
| max-height: 1000px; | |
| } | |
| .faq-item.active .faq-toggle i { | |
| transform: rotate(180deg); | |
| } | |
| .highlight-box { | |
| position: relative; | |
| } | |
| .highlight-box::before { | |
| content: ""; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 5px; | |
| height: 100%; | |
| background: linear-gradient(to bottom, #f59e0b, #ef4444); | |
| border-radius: 5px 0 0 5px; | |
| } | |
| /* --- A partir de aquí, reglas para el chat de Relevance AI --- */ | |
| html body .relevanceai-chat-bubble-container, | |
| html body .relevanceai-chat-bubble-container iframe { | |
| position: fixed ; | |
| z-index: 2147483647 ; | |
| bottom: 20px ; | |
| right: 20px ; | |
| pointer-events: auto ; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-blue-50 font-sans"> | |
| <!-- Header --> | |
| <header class="bg-[#5F5F5F] text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <div class="flex flex-col md:flex-row items-center justify-between"> | |
| <div class="mb-6 md:mb-0"> | |
| <h1 class="text-3xl md:text-4xl font-bold">BEACHCOMBER RESORTS & HOTELS</h1> | |
| <p class="text-gray-300 mt-2">Descubra los tesoros del Océano Índico</p> | |
| </div> | |
| <div class="w-full md:w-auto"> | |
| <div class="relative"> | |
| <input type="text" placeholder="Buscar en FAQs..." class="w-full md:w-64 px-4 py-2 rounded-full text-gray-900 focus:outline-none focus:ring-2 focus:ring-yellow-400"> | |
| <button class="absolute right-3 top-2 text-gray-600"> | |
| <i class="fas fa-search"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="relative bg-blue-900 text-white overflow-hidden"> | |
| <div class="absolute inset-0 bg-black opacity-40"></div> | |
| <img src="hoteldinarobin.webp?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Beachcomber Resort" class="w-full h-full object-cover absolute"> | |
| <div class="container mx-auto px-4 py-20 relative z-10"> | |
| <div class="max-w-3xl mx-auto text-center"> | |
| <h2 class="text-4xl md:text-5xl font-bold mb-6">Preguntas Frecuentes</h2> | |
| <p class="text-xl text-blue-100 mb-8">Encuentre respuestas a las preguntas más comunes sobre nuestra cadena de hoteles de lujo en Mauricio</p> | |
| <div class="flex flex-wrap justify-center gap-4"> | |
| <a href="#generales" class="bg-yellow-400 hover:bg-yellow-500 text-blue-900 font-semibold px-6 py-2 rounded-full transition duration-300"> | |
| <i class="fas fa-question-circle mr-2"></i> Generales | |
| </a> | |
| <a href="#sostenibilidad" class="bg-green-500 hover:bg-green-600 text-white font-semibold px-6 py-2 rounded-full transition duration-300"> | |
| <i class="fas fa-leaf mr-2"></i> Sostenibilidad | |
| </a> | |
| <a href="#comunidad" class="bg-purple-500 hover:bg-purple-600 text-white font-semibold px-6 py-2 rounded-full transition duration-300"> | |
| <i class="fas fa-hands-helping mr-2"></i> Comunidad | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Main Content --> | |
| <main class="container mx-auto px-4 py-12"> | |
| <!-- General FAQs --> | |
| <section id="generales" class="mb-16"> | |
| <div class="flex items-center mb-8"> | |
| <div class="bg-blue-700 text-white p-3 rounded-full mr-4"> | |
| <i class="fas fa-hotel text-xl"></i> | |
| </div> | |
| <h2 class="text-3xl font-bold text-blue-900">FAQs Generales</h2> | |
| </div> | |
| <!-- FAQ Item 1 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-blue-800">¿Cuál es la filosofía de Beachcomber Resorts & Hotels y qué los diferencia de otras cadenas de lujo en Mauricio?</h3> | |
| <div class="faq-toggle text-blue-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-blue-50 p-6 rounded-lg"> | |
| <p class="text-blue-900 mb-4">Beachcomber Resorts & Hotels, el grupo hotelero más antiguo y lujoso de Mauricio, se dedica a proporcionar a sus huéspedes una experiencia vacacional excepcional, donde cada detalle está pensado para el disfrute y la apreciación de la belleza de las islas.</p> | |
| <p class="text-blue-900">Nuestra filosofía se centra en la conexión: con el lugar, con las personas y con momentos inolvidables. Nos diferenciamos por nuestra herencia mauriciana auténtica, un servicio impecable reconocido mundialmente, un profundo compromiso con la sostenibilidad ambiental y el desarrollo comunitario, y la creación de experiencias que van más allá del lujo convencional, buscando el bienestar y el enriquecimiento cultural de nuestros huéspedes.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 2 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-blue-800">¿Qué significa el nombre "Beachcomber" y cómo se refleja en la experiencia del huésped?</h3> | |
| <div class="faq-toggle text-blue-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-blue-50 p-6 rounded-lg"> | |
| <p class="text-blue-900">El nombre "Beachcomber" evoca la imagen de "aquel que camina por la playa para descubrir los tesoros que el mar ha dejado en la orilla". Esta vocación se refleja en nuestra invitación a los huéspedes a explorar y descubrir las maravillas naturales y culturales de Mauricio, destino que consideramos un regalo de la naturaleza. La experiencia Beachcomber consiste en atesorar momentos únicos y auténticos en algunos de los parajes más hermosos del Océano Índico.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 3 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-blue-800">¿Qué tipo de "Beachcomber Experiences" se pueden esperar en sus resorts?</h3> | |
| <div class="faq-toggle text-blue-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-blue-50 p-6 rounded-lg"> | |
| <p class="text-blue-900 mb-4">Las "Beachcomber Experiences" están diseñadas para una inmersión auténtica en la cultura y el bienestar de Mauricio. Incluyen:</p> | |
| <ul class="list-disc pl-6 text-blue-900 space-y-2"> | |
| <li><span class="font-semibold">"The Art of Wellness"</span>, con experiencias de spa transformadoras basadas en tradiciones de masaje globales</li> | |
| <li>Talleres de ravanne, donde podrá conectar con la música tradicional mauriciana</li> | |
| <li>Espectáculos culturales distintivos que narran la vibrante herencia de la isla</li> | |
| <li>La degustación de nuestra miel de cosecha propia, un dulce testimonio de nuestro compromiso ambiental</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Sustainability FAQs --> | |
| <section id="sostenibilidad" class="mb-16"> | |
| <div class="flex items-center mb-8"> | |
| <div class="bg-green-600 text-white p-3 rounded-full mr-4"> | |
| <i class="fas fa-leaf text-xl"></i> | |
| </div> | |
| <h2 class="text-3xl font-bold text-green-900">Sostenibilidad</h2> | |
| </div> | |
| <!-- FAQ Item 4 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-green-800">¿Qué certificaciones de sostenibilidad posee Beachcomber Hotels y cuáles son sus principales iniciativas medioambientales?</h3> | |
| <div class="faq-toggle text-green-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-green-50 p-6 rounded-lg"> | |
| <p class="text-green-900 mb-4">Beachcomber Hotels se enorgullece de haber alcanzado la certificación EarthCheck Gold para todas sus propiedades en Mauricio y su oficina central desde 2024. Este reconocimiento subraya nuestro serio compromiso con la sostenibilidad. Nuestras iniciativas medioambientales clave incluyen:</p> | |
| <div class="grid md:grid-cols-2 gap-6 mt-6"> | |
| <div class="bg-white p-4 rounded-lg shadow-sm border border-green-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-green-100 text-green-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-tint"></i> | |
| </div> | |
| <h4 class="font-semibold text-green-800">Eficiencia Hídrica</h4> | |
| </div> | |
| <ul class="list-disc pl-6 text-green-900 space-y-1 text-sm"> | |
| <li>Uso de 100% de aguas residuales recicladas para riego</li> | |
| <li>Priorización de plantas endémicas para reducir la irrigación</li> | |
| <li>Exploración de plantas desalinizadoras (en Le Morne y Trou aux Biches)</li> | |
| <li>Sistemas de recolección de agua de lluvia</li> | |
| <li>Políticas de reutilización de lencería</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-sm border border-green-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-green-100 text-green-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-solar-panel"></i> | |
| </div> | |
| <h4 class="font-semibold text-green-800">Energía Verde</h4> | |
| </div> | |
| <ul class="list-disc pl-6 text-green-900 space-y-1 text-sm"> | |
| <li>Instalación de más de 3,090 panels fotovoltaicos</li> | |
| <li>Aportan una media del 5% de energía verde por hotel</li> | |
| <li>Uso de calentadores solares de agua</li> | |
| <li>Gestión eficiente de la energía en cocinas</li> | |
| <li>Iluminación LED y sistemas de gestión energética en habitaciones</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-sm border border-green-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-green-100 text-green-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-recycle"></i> | |
| </div> | |
| <h4 class="font-semibold text-green-800">Gestión de Residuos</h4> | |
| </div> | |
| <ul class="list-disc pl-6 text-green-900 space-y-1 text-sm"> | |
| <li>Segregación y reciclaje de casi el 60% de los residuos</li> | |
| <li>Compostaje de residuos orgánicos</li> | |
| <li>Eliminación de plásticos de un solo uso en minibares</li> | |
| <li>Instalación de plantas embotelladoras de agua propias</li> | |
| <li>Colaboración con FoodWise para distribuir excedentes de comida</li> | |
| </ul> | |
| </div> | |
| <div class="bg-white p-4 rounded-lg shadow-sm border border-green-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-green-100 text-green-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-tree"></i> | |
| </div> | |
| <h4 class="font-semibold text-green-800">Biodiversidad</h4> | |
| </div> | |
| <ul class="list-disc pl-6 text-green-900 space-y-1 text-sm"> | |
| <li>Plantación de árboles endémicos</li> | |
| <li>Instalación de más de 45 colmenas que producen miel</li> | |
| <li>Uso de agua de mar para control de malezas</li> | |
| <li>Proyecto de restauración de coral en Paradis Beachcomber y Trou aux Biches</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Community FAQs --> | |
| <section id="comunidad" class="mb-16"> | |
| <div class="flex items-center mb-8"> | |
| <div class="bg-purple-600 text-white p-3 rounded-full mr-4"> | |
| <i class="fas fa-hands-helping text-xl"></i> | |
| </div> | |
| <h2 class="text-3xl font-bold text-purple-900">Comunidad</h2> | |
| </div> | |
| <!-- FAQ Item 5 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-purple-800">¿Cómo contribuye Beachcomber Hotels al desarrollo de las comunidades locales en Mauricio?</h3> | |
| <div class="faq-toggle text-purple-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-purple-50 p-6 rounded-lg"> | |
| <p class="text-purple-900 mb-4">A través de la Fondation Espoir Développement Beachcomber (FED), establecida en 1999, impulsamos el desarrollo socioeconómico de Mauricio. Nuestros proyectos incluyen:</p> | |
| <div class="grid md:grid-cols-2 gap-6 mt-6"> | |
| <div class="bg-white p-5 rounded-lg shadow-sm border border-purple-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-purple-100 text-purple-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-user-graduate"></i> | |
| </div> | |
| <h4 class="font-semibold text-purple-800">Projet Employabilité Jeunes (PEJ)</h4> | |
| </div> | |
| <p class="text-purple-900 text-sm">Ha formado a más de 1,900 jóvenes para facilitar su inserción laboral.</p> | |
| </div> | |
| <div class="bg-white p-5 rounded-lg shadow-sm border border-purple-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-purple-100 text-purple-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-hands"></i> | |
| </div> | |
| <h4 class="font-semibold text-purple-800">Beautiful Localhands</h4> | |
| </div> | |
| <p class="text-purple-900 text-sm">Apoya a más de 55 artesanos locales, principalmente mujeres, para desarrollar y comercializar sus productos.</p> | |
| </div> | |
| <div class="bg-white p-5 rounded-lg shadow-sm border border-purple-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-purple-100 text-purple-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-school"></i> | |
| </div> | |
| <h4 class="font-semibold text-purple-800">Colaboraciones con escuelas</h4> | |
| </div> | |
| <p class="text-purple-900 text-sm">Para mejorar la educación y combatir el absentismo escolar.</p> | |
| </div> | |
| <div class="bg-white p-5 rounded-lg shadow-sm border border-purple-100"> | |
| <div class="flex items-center mb-3"> | |
| <div class="bg-purple-100 text-purple-700 p-2 rounded-full mr-3"> | |
| <i class="fas fa-users"></i> | |
| </div> | |
| <h4 class="font-semibold text-purple-800">Comités regionales</h4> | |
| </div> | |
| <p class="text-purple-900 text-sm">Gestionados por nuestros empleados voluntarios, implementan diversos proyectos sociales en las comunidades cercanas a nuestros hoteles.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Other FAQs --> | |
| <section class="mb-16"> | |
| <div class="flex items-center mb-8"> | |
| <div class="bg-yellow-500 text-white p-3 rounded-full mr-4"> | |
| <i class="fas fa-info-circle text-xl"></i> | |
| </div> | |
| <h2 class="text-3xl font-bold text-yellow-900">Otras Preguntas</h2> | |
| </div> | |
| <!-- FAQ Item 6 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-yellow-800">¿Qué tipo de políticas de cancelación flexibles ofrece Beachcomber Hotels?</h3> | |
| <div class="faq-toggle text-yellow-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-yellow-50 p-6 rounded-lg"> | |
| <p class="text-yellow-900">Beachcomber Hotels ofrece una "Política de Cancelación Flexible" para brindar mayor tranquilidad a nuestros huéspedes al planificar sus viajes. Los detalles específicos pueden variar según la tarifa y la temporada, por lo que recomendamos consultarlos durante el proceso de reserva o contactar a nuestros expertos.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 7 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-yellow-800">¿Es posible pagar un depósito y el resto en el hotel?</h3> | |
| <div class="faq-toggle text-yellow-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-yellow-50 p-6 rounded-lg"> | |
| <p class="text-yellow-900">Sí, ofrecemos la opción de "Pagar el 50% ahora y el saldo directamente en el hotel" para muchas de nuestras reservas, facilitando la planificación financiera de su estancia.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 8 --> | |
| <div class="faq-item bg-white rounded-xl shadow-md overflow-hidden mb-6"> | |
| <div class="faq-question cursor-pointer p-6 flex justify-between items-center" onclick="toggleFAQ(this)"> | |
| <h3 class="text-xl font-semibold text-yellow-800">¿Beachcomber Hotels ofrece algún programa de fidelización para huéspedes frecuentes?</h3> | |
| <div class="faq-toggle text-yellow-600"> | |
| <i class="fas fa-chevron-down transition-transform duration-300"></i> | |
| </div> | |
| </div> | |
| <div class="faq-answer px-6 pb-6"> | |
| <div class="highlight-box bg-yellow-50 p-6 rounded-lg"> | |
| <p class="text-yellow-900">Aunque no contamos con un programa de fidelización formalizado con puntos, valoramos enormemente a nuestros huéspedes recurrentes. Nos esforzamos por reconocer su lealtad a través de una atención personalizada, y ocasionalmente, con ofertas especiales o mejoras sujetas a disponibilidad, buscando siempre que cada estancia sea aún más memorable que la anterior.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact CTA --> | |
| <section class="bg-[#5F5F5F] text-white rounded-2xl p-8 md:p-12 shadow-xl"> | |
| <div class="max-w-4xl mx-auto text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">¿No encontró lo que buscaba?</h2> | |
| <p class="text-xl text-gray-300 mb-8">Nuestro equipo de atención al cliente está disponible para responder cualquier pregunta adicional que pueda tener sobre su estancia en BEACHCOMBER RESORTS & HOTELS.</p> | |
| <div class="flex flex-col md:flex-row justify-center gap-4"> | |
| <a href="#" class="bg-white hover:bg-gray-100 text-gray-800 font-semibold px-8 py-3 rounded-full transition duration-300 flex items-center justify-center"> | |
| <i class="fas fa-phone-alt mr-2"></i> Habla con nuestro Agente en Español | |
| </a> | |
| <a href="#" class="bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-semibold px-8 py-3 rounded-full transition duration-300 flex items-center justify-center"> | |
| <i class="fas fa-envelope mr-2"></i> Enviar un Email | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <!-- Footer --> | |
| <footer class="bg-[#5F5F5F] text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">BEACHCOMBER RESORTS & HOTELS</h3> | |
| <p class="text-gray-300">Descubra los tesoros del Océano Índico con nuestra cadena de hoteles de lujo en Mauricio.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">Enlaces Rápidos</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-300 hover:text-white transition">Inicio</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white transition">Hoteles</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white transition">Ofertas</a></li> | |
| <li><a href="#" class="text-gray-300 hover:text-white transition">Experiencias</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">Contacto</h3> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center"> | |
| <i class="fas fa-map-marker-alt mr-2 text-gray-400"></i> | |
| <span class="text-gray-300">Beachcomber House<br>Botanical Garden Street<br>Curepipe 74213<br>Mauritius</span> | |
| </li> | |
| <li class="flex items-center mt-3"> | |
| <i class="fas fa-phone-alt mr-2 text-gray-400"></i> | |
| <span class="text-gray-300">(+230) 601 9000</span> | |
| </li> | |
| <li class="flex items-center mt-3"> | |
| <i class="fas fa-envelope mr-2 text-gray-400"></i> | |
| <span class="text-gray-300">info@beachcomber.com</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">Síganos</h3> | |
| <div class="flex space-x-4"> | |
| <a href="https://www.facebook.com/BeachcomberHotels" class="bg-gray-600 hover:bg-gray-500 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="https://www.instagram.com/beachcomber_hotels?ref=badge" class="bg-gray-600 hover:bg-gray-500 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-instagram"></i> | |
| </a> | |
| <a href="https://x.com/Beachcomber_" class="bg-gray-600 hover:bg-gray-500 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="https://www.youtube.com/user/beachcomberhotels" class="bg-gray-600 hover:bg-gray-500 w-10 h-10 rounded-full flex items-center justify-center transition"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-600 pt-8 text-center text-gray-400"> | |
| <p>© 2023 BEACHCOMBER RESORTS & HOTELS. Todos los derechos reservados.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| function toggleFAQ(element) { | |
| const faqItem = element.closest('.faq-item'); | |
| faqItem.classList.toggle('active'); | |
| } | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=svilalta/beachcomber-faq" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p> | |
| <script defer data-relevanceai-share-id="d7b62b/da163491735b-4702-9131-164746123dbb/e9f3d66a-015a-42a2-904a-b12726603090" src="https://app.relevanceai.com/embed/chat-bubble.js" data-share-styles="hide_tool_steps=true&hide_file_uploads=true&hide_conversation_list=false&bubble_style=icon&primary_color=%23000&bubble_icon=pd%2Fchat&input_placeholder_text=Ayuda+%7C+Help+%3F&hide_logo=true&hide_description=true" ></script> | |
| </body> | |
| </html> | |
| </body> | |
| </html> |