{"id":93,"date":"2026-10-25T02:01:10","date_gmt":"2026-10-25T02:01:10","guid":{"rendered":"https:\/\/expotil.com\/src\/?p=93"},"modified":"2026-10-25T02:01:10","modified_gmt":"2026-10-25T02:01:10","slug":"worlds-most-exclusive-holiday-villages-resorts","status":"publish","type":"post","link":"https:\/\/expotil.com\/src\/index.php\/2026\/10\/25\/worlds-most-exclusive-holiday-villages-resorts\/","title":{"rendered":"World&#8217;s Most Exclusive Holiday Villages &amp; Resorts"},"content":{"rendered":"\n<p><\/p>\n\n\n\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        sans: ['Plus Jakarta Sans', 'sans-serif'],\n                    },\n                    colors: {\n                        village: {\n                            50: '#f0fdf4',\n                            100: '#dcfce7',\n                            500: '#22c55e',\n                            600: '#16a34a',\n                            800: '#166534',\n                            900: '#14532d',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    <style>\n        .card-shadow {\n            box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08);\n        }\n        .village-card img {\n            width: 100%;\n            height: 14rem;\n            object-fit: cover;\n            object-position: center;\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\">\n\n    <section id=\"holiday-villages\" class=\"py-16 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n        <div class=\"text-center max-w-2xl mx-auto mb-12\">\n            <span class=\"text-emerald-800 font-bold uppercase tracking-wider text-xs bg-emerald-50 px-3 py-1 rounded-lg border border-emerald-200\">Luxury Island &#038; Coastal Villages<\/span>\n            <h1 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-3 mb-4\">World&#8217;s Most Exclusive Holiday Villages<\/h1>\n            <p class=\"text-slate-600\">Discover all-inclusive sanctuaries, overwater villas, private island villages, and eco-luxury retreats. Click any photo or title to explore bookings.<\/p>\n            \n            <div class=\"flex flex-wrap justify-center gap-2 mt-8\">\n                <button onclick=\"filterVillages('all')\" id=\"btn-all\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm transition bg-slate-900 text-white shadow-md\">All Regions<\/button>\n                <button onclick=\"filterVillages('Maldives')\" id=\"btn-Maldives\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm transition bg-white text-slate-600 hover:bg-slate-100 border border-slate-200\">Maldives<\/button>\n                <button onclick=\"filterVillages('Caribbean')\" id=\"btn-Caribbean\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm transition bg-white text-slate-600 hover:bg-slate-100 border border-slate-200\">Caribbean<\/button>\n                <button onclick=\"filterVillages('Pacific')\" id=\"btn-Pacific\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm transition bg-white text-slate-600 hover:bg-slate-100 border border-slate-200\">Pacific Islands<\/button>\n                <button onclick=\"filterVillages('Europe')\" id=\"btn-Europe\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm transition bg-white text-slate-600 hover:bg-slate-100 border border-slate-200\">Mediterranean<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"villagesGrid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n            \n            <!-- Village 1: Soneva Fushi -->\n            <div class=\"village-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Maldives\">\n                <div class=\"relative overflow-hidden group cursor-pointer bg-slate-100\" onclick=\"searchVillage('Soneva Fushi Maldives')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573843981267-be1999ff37cd?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Soneva Fushi Maldives\">\n                    <span class=\"absolute top-4 right-4 bg-slate-900\/90 backdrop-blur-sm text-white font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        Baa Atoll, Maldives\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-emerald-900\/80 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Maldives\n                    <\/span>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center space-x-2 text-emerald-800 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-tree\"><\/i>\n                            <span>Barefoot Eco-Luxury Sanctuary<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchVillage('Soneva Fushi Maldives'); return false;\" class=\"hover:text-emerald-800 transition flex items-center justify-between group\">\n                                <span>Soneva Fushi<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-emerald-800\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">A natural island holiday village featuring sustainable jungle villas, personal Mr.\/Ms. Friday butler service, and water slides into the sea.<\/p>\n                        <div class=\"flex flex-wrap gap-1 mb-4\">\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Private Butler<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Jungle Villas<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Astronomical Observatory<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n                        <div>\n                            <span class=\"text-xs text-slate-400 block\">Nightly Rate<\/span>\n                            <span class=\"text-lg font-extrabold text-emerald-900\">$2,400 \/ night<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Soneva Fushi Maldives', 'Reservation request for Soneva Fushi Maldives holiday village.')\" class=\"bg-emerald-50 hover:bg-emerald-100 text-emerald-900 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Book Villa\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Village 2: Jumby Bay Island -->\n            <div class=\"village-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Caribbean\">\n                <div class=\"relative overflow-hidden group cursor-pointer bg-slate-100\" onclick=\"searchVillage('Jumby Bay Island Antigua')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540555700478-4be289fbecef?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Jumby Bay Island Antigua\">\n                    <span class=\"absolute top-4 right-4 bg-slate-900\/90 backdrop-blur-sm text-white font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        Antigua, Caribbean\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-emerald-900\/80 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Caribbean\n                    <\/span>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center space-x-2 text-emerald-800 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-umbrella-beach\"><\/i>\n                            <span>Private Island All-Inclusive<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchVillage('Jumby Bay Island Antigua'); return false;\" class=\"hover:text-emerald-800 transition flex items-center justify-between group\">\n                                <span>Jumby Bay Island<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-emerald-800\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">An car-free private island village reachable only by boat, offering white-sand beaches, rum tastings, and private oceanfront estates.<\/p>\n                        <div class=\"flex flex-wrap gap-1 mb-4\">\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Ultra All-Inclusive<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Car-Free Island<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Water Sports<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n                        <div>\n                            <span class=\"text-xs text-slate-400 block\">Nightly Rate<\/span>\n                            <span class=\"text-lg font-extrabold text-emerald-900\">$3,100 \/ night<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Jumby Bay Island Antigua', 'Reservation request for Jumby Bay Island Antigua holiday village.')\" class=\"bg-emerald-50 hover:bg-emerald-100 text-emerald-900 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Book Villa\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Village 3: Kokomo Private Island -->\n            <div class=\"village-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Pacific\">\n                <div class=\"relative overflow-hidden group cursor-pointer bg-slate-100\" onclick=\"searchVillage('Kokomo Private Island Fiji')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Kokomo Private Island Fiji\">\n                    <span class=\"absolute top-4 right-4 bg-slate-900\/90 backdrop-blur-sm text-white font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        Yakuve Island, Fiji\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-emerald-900\/80 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Pacific Islands\n                    <\/span>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center space-x-2 text-emerald-800 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-water\"><\/i>\n                            <span>Great Astrolabe Reef Haven<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchVillage('Kokomo Private Island Fiji'); return false;\" class=\"hover:text-emerald-800 transition flex items-center justify-between group\">\n                                <span>Kokomo Private Island<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-emerald-800\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">Encircling the world&#8217;s fourth largest barrier reef, featuring Fijian beachfront villas, private infinity pools, and farm-to-table dining.<\/p>\n                        <div class=\"flex flex-wrap gap-1 mb-4\">\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Reef Diving<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Private Pools<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Organic Farm<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n                        <div>\n                            <span class=\"text-xs text-slate-400 block\">Nightly Rate<\/span>\n                            <span class=\"text-lg font-extrabold text-emerald-900\">$2,800 \/ night<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Kokomo Private Island Fiji', 'Reservation request for Kokomo Private Island Fiji holiday village.')\" class=\"bg-emerald-50 hover:bg-emerald-100 text-emerald-900 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Book Villa\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Village 4: Amanzoe Hilltop Village -->\n            <div class=\"village-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Europe\">\n                <div class=\"relative overflow-hidden group cursor-pointer bg-slate-100\" onclick=\"searchVillage('Amanzoe Porto Heli Greece')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1533105079780-92b9be482077?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Amanzoe Greece\">\n                    <span class=\"absolute top-4 right-4 bg-slate-900\/90 backdrop-blur-sm text-white font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        Porto Heli, Greece\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-emerald-900\/80 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Mediterranean\n                    <\/span>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center space-x-2 text-emerald-800 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-landmark\"><\/i>\n                            <span>Acropolis-Inspired Resort Village<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchVillage('Amanzoe Porto Heli Greece'); return false;\" class=\"hover:text-emerald-800 transition flex items-center justify-between group\">\n                                <span>Amanzoe Resort Village<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-emerald-800\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">Perched among olive groves with 360-degree views of the Aegean Sea, marble pavilions, private beach club, and helipad.<\/p>\n                        <div class=\"flex flex-wrap gap-1 mb-4\">\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Olive Grove Views<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Private Beach Club<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Spa Pavilion<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n                        <div>\n                            <span class=\"text-xs text-slate-400 block\">Nightly Rate<\/span>\n                            <span class=\"text-lg font-extrabold text-emerald-900\">\u20ac3,500 \/ night<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Amanzoe Porto Heli Greece', 'Reservation request for Amanzoe Greece holiday village.')\" class=\"bg-emerald-50 hover:bg-emerald-100 text-emerald-900 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Book Villa\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Village 5: Four Seasons Bora Bora -->\n            <div class=\"village-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Pacific\">\n                <div class=\"relative overflow-hidden group cursor-pointer bg-slate-100\" onclick=\"searchVillage('Four Seasons Resort Bora Bora')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1510414842594-a61c69b5ae57?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Four Seasons Bora Bora\">\n                    <span class=\"absolute top-4 right-4 bg-slate-900\/90 backdrop-blur-sm text-white font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        Bora Bora, French Polynesia\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-emerald-900\/80 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Pacific Islands\n                    <\/span>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center space-x-2 text-emerald-800 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-umbrella-beach\"><\/i>\n                            <span>Overwater Bungalow Village<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchVillage('Four Seasons Resort Bora Bora'); return false;\" class=\"hover:text-emerald-800 transition flex items-center justify-between group\">\n                                <span>Four Seasons Bora Bora<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-emerald-800\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">Set around a lagoon looking out onto Mount Otemanu, featuring thatched-roof bungalow villages and lagoon sanctuary tours.<\/p>\n                        <div class=\"flex flex-wrap gap-1 mb-4\">\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Overwater Bungalows<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Lagoon Sanctuary<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Mount Otemanu<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n                        <div>\n                            <span class=\"text-xs text-slate-400 block\">Nightly Rate<\/span>\n                            <span class=\"text-lg font-extrabold text-emerald-900\">$2,600 \/ night<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Four Seasons Resort Bora Bora', 'Reservation request for Four Seasons Bora Bora holiday village.')\" class=\"bg-emerald-50 hover:bg-emerald-100 text-emerald-900 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Book Villa\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Village 6: One&Only Reethi Rah -->\n            <div class=\"village-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Maldives\">\n                <div class=\"relative overflow-hidden group cursor-pointer bg-slate-100\" onclick=\"searchVillage('One and Only Reethi Rah Maldives')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544551763-46a013bb70d5?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"One&#038;Only Reethi Rah\">\n                    <span class=\"absolute top-4 right-4 bg-slate-900\/90 backdrop-blur-sm text-white font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        North Mal\u00e9 Atoll, Maldives\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-emerald-900\/80 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Maldives\n                    <\/span>\n                <\/div>\n                <div class=\"p-6 flex-1 flex flex-col justify-between\">\n                    <div>\n                        <div class=\"flex items-center space-x-2 text-emerald-800 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-gem\"><\/i>\n                            <span>Ultra-Luxury Coral Island Village<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchVillage('One and Only Reethi Rah Maldives'); return false;\" class=\"hover:text-emerald-800 transition flex items-center justify-between group\">\n                                <span>One&#038;Only Reethi Rah<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-emerald-800\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">Boasting 12 pristine white-sand beaches, private lap pool villas, world-class spa programs, and luxury yacht transfers.<\/p>\n                        <div class=\"flex flex-wrap gap-1 mb-4\">\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">12 Beaches<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Private Lap Pools<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Yacht Transfers<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-100 flex items-center justify-between\">\n                        <div>\n                            <span class=\"text-xs text-slate-400 block\">Nightly Rate<\/span>\n                            <span class=\"text-lg font-extrabold text-emerald-900\">$2,900 \/ night<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('One&#038;Only Reethi Rah Maldives', 'Reservation request for One&#038;Only Reethi Rah holiday village.')\" class=\"bg-emerald-50 hover:bg-emerald-100 text-emerald-900 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Book Villa\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Reservation Modal -->\n    <div id=\"reservationModal\" class=\"fixed inset-0 z-50 bg-slate-900\/60 backdrop-blur-sm hidden items-center justify-center p-4\">\n        <div class=\"bg-white rounded-3xl max-w-lg w-full p-8 shadow-2xl relative\">\n            <button onclick=\"closeModal()\" class=\"absolute top-6 right-6 text-slate-400 hover:text-slate-700 text-xl\">\n                <i class=\"fa-solid fa-xmark\"><\/i>\n            <\/button>\n            <h3 id=\"modalTitle\" class=\"text-2xl font-bold text-slate-900 mb-2\">Holiday Village Reservation<\/h3>\n            <p id=\"modalDesc\" class=\"text-slate-600 text-sm mb-6\">Leave your contact details and our luxury travel advisors will check villa availability and custom package rates.<\/p>\n            \n            <form onsubmit=\"handleFormSubmit(event)\" class=\"space-y-4\">\n                <div>\n                    <label class=\"block text-sm font-semibold text-slate-700 mb-1\">Full Name<\/label>\n                    <input type=\"text\" required class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 focus:outline-none focus:border-emerald-800\" placeholder=\"e.g. Alex Morgan\">\n                <\/div>\n                <div>\n                    <label class=\"block text-sm font-semibold text-slate-700 mb-1\">Email Address<\/label>\n                    <input type=\"email\" required class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 focus:outline-none focus:border-emerald-800\" placeholder=\"concierge@luxuryresorts.com\">\n                <\/div>\n                <div>\n                    <label class=\"block text-sm font-semibold text-slate-700 mb-1\">Phone Number<\/label>\n                    <input type=\"tel\" required class=\"w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-3 focus:outline-none focus:border-emerald-800\" placeholder=\"+1 555 019 2831\">\n                <\/div>\n                <button type=\"submit\" class=\"w-full bg-slate-900 hover:bg-slate-800 text-white font-bold py-3.5 rounded-xl transition shadow-md mt-2\">\n                    Submit Reservation Request\n                <\/button>\n            <\/form>\n            <div id=\"successMessage\" class=\"hidden mt-4 p-4 bg-emerald-50 text-emerald-900 rounded-xl text-center text-sm font-medium\">\n                Your reservation request has been received! Our luxury concierges will reach out shortly.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function filterVillages(category) {\n            const cards = document.querySelectorAll('.village-card');\n            const buttons = document.querySelectorAll('.filter-btn');\n\n            buttons.forEach(btn => {\n                btn.classList.remove('bg-slate-900', 'text-white', 'shadow-md');\n                btn.classList.add('bg-white', 'text-slate-600', 'border', 'border-slate-200');\n            });\n\n            const activeBtn = document.getElementById(`btn-${category}`);\n            if (activeBtn) {\n                activeBtn.classList.remove('bg-white', 'text-slate-600', 'border', 'border-slate-200');\n                activeBtn.classList.add('bg-slate-900', 'text-white', 'shadow-md');\n            }\n\n            cards.forEach(card => {\n                if (category === 'all' || card.dataset.category === category) {\n                    card.style.display = 'flex';\n                } else {\n                    card.style.display = 'none';\n                }\n            });\n        }\n\n        function openModal(title, desc) {\n            const modal = document.getElementById('reservationModal');\n            document.getElementById('modalTitle').innerText = title;\n            document.getElementById('modalDesc').innerText = desc;\n            document.getElementById('successMessage').classList.add('hidden');\n            modal.classList.remove('hidden');\n            modal.classList.add('flex');\n        }\n\n        function closeModal() {\n            const modal = document.getElementById('reservationModal');\n            modal.classList.add('hidden');\n            modal.classList.remove('flex');\n        }\n\n        function handleFormSubmit(event) {\n            event.preventDefault();\n            document.getElementById('successMessage').classList.remove('hidden');\n            setTimeout(() => {\n                closeModal();\n            }, 2500);\n        }\n\n        \/\/ Short base query + random concise modifier function\n        function searchVillage(shortQuery) {\n            const shortModifiers = [\n                'villa price',\n                'booking',\n                'all inclusive',\n                'rates',\n                'resort deals'\n            ];\n            \n            \/\/ Randomly select one short modifier\n            const randomMod = shortModifiers[Math.floor(Math.random() * shortModifiers.length)];\n            const finalSearchTerm = `${shortQuery} ${randomMod}`;\n            \n            const encodedQuery = encodeURIComponent(finalSearchTerm);\n            const searchUrl = `https:\/\/expotil.com\/src\/?q=${encodedQuery}`;\n            window.open(searchUrl, '_blank');\n        }\n    <\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Luxury Island &#038; Coastal Villages World&#8217;s Most Exclusive Holiday Villages Discover all-inclusive sanctuaries, overwater villas, private island villages, and eco-luxury retreats. Click any photo or title to explore bookings. All Regions Maldives Caribbean Pacific Islands Mediterranean Baa Atoll, Maldives Maldives Barefoot Eco-Luxury Sanctuary Soneva Fushi A natural island holiday village featuring sustainable jungle villas, personal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-93","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":1,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/93\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/93\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/media?parent=93"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/categories?post=93"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/tags?post=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}