{"id":64,"date":"2026-10-03T02:47:03","date_gmt":"2026-10-03T02:47:03","guid":{"rendered":"https:\/\/expotil.com\/src\/?p=64"},"modified":"2026-10-03T02:51:20","modified_gmt":"2026-10-03T02:51:20","slug":"best-cruise-tours","status":"publish","type":"post","link":"https:\/\/expotil.com\/src\/index.php\/2026\/10\/03\/best-cruise-tours\/","title":{"rendered":"Best Cruise Tours"},"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                        ocean: {\n                            50: '#f0f9ff',\n                            100: '#e0f2fe',\n                            500: '#0ea5e9',\n                            600: '#0284c7',\n                            800: '#075985',\n                            900: '#0c4a6e',\n                        },\n                        navy: {\n                            800: '#1e293b',\n                            900: '#0f172a',\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    <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 font-sans antialiased\">\n\n    <section id=\"routes\" 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-ocean-600 font-bold uppercase tracking-wider text-xs bg-ocean-50 px-3 py-1 rounded-lg\">Destinations<\/span>\n            <h1 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 mt-3 mb-4\">Popular Cruise Routes<\/h1>\n            <p class=\"text-slate-600\">Select your preferred region to instantly explore routes and stunning visuals. Click on any route title or image to search for cruises.<\/p>\n            \n            <!-- Category Filters -->\n            <div class=\"flex flex-wrap justify-center gap-2 mt-8\">\n                <button onclick=\"filterRoutes('all')\" id=\"btn-all\" class=\"filter-btn px-5 py-2.5 rounded-xl font-semibold text-sm transition bg-ocean-600 text-white shadow-md\">All<\/button>\n                <button onclick=\"filterRoutes('Mediterranean')\" id=\"btn-Mediterranean\" 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 &#038; Aegean<\/button>\n                <button onclick=\"filterRoutes('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=\"filterRoutes('Northern')\" id=\"btn-Northern\" 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\">Fjords &#038; Alaska<\/button>\n                <button onclick=\"filterRoutes('Asia')\" id=\"btn-Asia\" 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\">Far East<\/button>\n            <\/div>\n        <\/div>\n\n        <div id=\"routesGrid\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n            \n            <!-- Route 1: Mediterranean -->\n            <div class=\"route-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Mediterranean\">\n                <div class=\"relative h-56 overflow-hidden group cursor-pointer\" onclick=\"searchCityCruise('mediterranean history blue cruise')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1533105079780-92b9be482077?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Mediterranean History &#038; Blue Cruise\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition duration-500\">\n                    <span class=\"absolute top-4 right-4 bg-white\/90 backdrop-blur-sm text-ocean-900 font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        7 &#8211; 14 Days\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-ocean-900\/70 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Mediterranean &#038; Aegean\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-ocean-600 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <span>Rome \u2022 Athens \u2022 Dubrovnik \u2022 Barcelona<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchCityCruise('mediterranean history blue cruise'); return false;\" class=\"hover:text-ocean-600 transition flex items-center justify-between group\">\n                                <span>Mediterranean History &#038; Blue Cruise<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-ocean-600\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">An unforgettable journey in the footsteps of ancient civilizations, deep blue bays, historic ports, and fine Mediterranean cuisine.<\/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\">Rome<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Athens<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Dubrovnik<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Barcelona<\/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\">Starting From<\/span>\n                            <span class=\"text-lg font-extrabold text-navy-900\">\u20ac899<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Mediterranean History &#038; Blue Cruise', 'Your inquiry for Mediterranean cabin options, current availability and pricing details has been received.')\" class=\"bg-ocean-50 hover:bg-ocean-100 text-ocean-600 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Details &#038; Booking\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Route 2: Caribbean -->\n            <div class=\"route-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 h-56 overflow-hidden group cursor-pointer\" onclick=\"searchCityCruise('caribbean tropical getaway')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Caribbean Tropical Getaway\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition duration-500\">\n                    <span class=\"absolute top-4 right-4 bg-white\/90 backdrop-blur-sm text-ocean-900 font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        7 &#8211; 10 Days\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-ocean-900\/70 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-ocean-600 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <span>Bahamas \u2022 Jamaica \u2022 Mexico \u2022 Cayman Islands<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchCityCruise('caribbean tropical getaway'); return false;\" class=\"hover:text-ocean-600 transition flex items-center justify-between group\">\n                                <span>Caribbean Tropical Getaway<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-ocean-600\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">A dream vacation experience filled with powdery white beaches, crystal clear turquoise waters, coral reefs, and tropical rhythms.<\/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\">Nassau<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Cozumel<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Jamaica<\/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\">Starting From<\/span>\n                            <span class=\"text-lg font-extrabold text-navy-900\">$1,150<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Caribbean Tropical Getaway', 'Your inquiry for Caribbean cabin options, current availability and pricing details has been received.')\" class=\"bg-ocean-50 hover:bg-ocean-100 text-ocean-600 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Details &#038; Booking\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Route 3: Northern Fjords -->\n            <div class=\"route-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Northern\">\n                <div class=\"relative h-56 overflow-hidden group cursor-pointer\" onclick=\"searchCityCruise('northern fjords nature')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509316975850-ff9c5deb0cd9?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Northern Fjords &#038; Nature\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition duration-500\">\n                    <span class=\"absolute top-4 right-4 bg-white\/90 backdrop-blur-sm text-ocean-900 font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        8 &#8211; 12 Days\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-ocean-900\/70 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Fjords &#038; Alaska\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-ocean-600 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <span>Norway \u2022 Geirangerfjord \u2022 Bergen \u2022 Oslo<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchCityCruise('northern fjords nature'); return false;\" class=\"hover:text-ocean-600 transition flex items-center justify-between group\">\n                                <span>Northern Fjords &#038; Nature<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-ocean-600\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">A mesmerizing journey right into the heart of wild nature and magnificent northern landscapes aboard ships gliding through massive glaciers.<\/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\">Bergen<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Geiranger<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Fl\u00e5m<\/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\">Starting From<\/span>\n                            <span class=\"text-lg font-extrabold text-navy-900\">\u20ac1,350<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Northern Fjords &#038; Nature', 'Your inquiry for Norwegian Fjords cabin options, current availability and pricing details has been received.')\" class=\"bg-ocean-50 hover:bg-ocean-100 text-ocean-600 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Details &#038; Booking\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Route 4: Alaska -->\n            <div class=\"route-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Northern\">\n                <div class=\"relative h-56 overflow-hidden group cursor-pointer\" onclick=\"searchCityCruise('alaska cruise')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464822759023-fed622ff2c3b?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Alaska Glacier Expedition\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition duration-500\">\n                    <span class=\"absolute top-4 right-4 bg-white\/90 backdrop-blur-sm text-ocean-900 font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        7 Days\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-ocean-900\/70 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Fjords &#038; Alaska\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-ocean-600 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <span>Alaska \u2022 Glacier Bay \u2022 Juneau \u2022 Ketchikan<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchCityCruise('alaska cruise'); return false;\" class=\"hover:text-ocean-600 transition flex items-center justify-between group\">\n                                <span>Alaska Glacier Expedition<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-ocean-600\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">Listen to the roar of calving glaciers, and observe majestic whales and bald eagles in their natural wilderness habitats.<\/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\">Juneau<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Glacier Bay<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Ketchikan<\/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\">Starting From<\/span>\n                            <span class=\"text-lg font-extrabold text-navy-900\">$1,450<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Alaska Glacier Expedition', 'Your inquiry for Alaska cabin options, current availability and pricing details has been received.')\" class=\"bg-ocean-50 hover:bg-ocean-100 text-ocean-600 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Details &#038; Booking\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Route 5: Far East -->\n            <div class=\"route-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Asia\">\n                <div class=\"relative h-56 overflow-hidden group cursor-pointer\" onclick=\"searchCityCruise('far east mystic islands')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503899036084-c55cdd92da26?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Far East Mystic Islands\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition duration-500\">\n                    <span class=\"absolute top-4 right-4 bg-white\/90 backdrop-blur-sm text-ocean-900 font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        10 &#8211; 15 Days\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-ocean-900\/70 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Far East\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-ocean-600 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <span>Japan \u2022 Thailand \u2022 Singapore \u2022 Vietnam<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchCityCruise('far east mystic islands'); return false;\" class=\"hover:text-ocean-600 transition flex items-center justify-between group\">\n                                <span>Far East Mystic Islands<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-ocean-600\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">An awe-inspiring discovery tour where traditional temples meet modern metropolises and exotic cultures blend together.<\/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\">Tokyo<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Singapore<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Bangkok<\/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\">Starting From<\/span>\n                            <span class=\"text-lg font-extrabold text-navy-900\">\u20ac1,890<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Far East Mystic Islands', 'Your inquiry for Far East cabin options, current availability and pricing details has been received.')\" class=\"bg-ocean-50 hover:bg-ocean-100 text-ocean-600 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Details &#038; Booking\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Route 6: Greek Islands -->\n            <div class=\"route-card bg-white rounded-2xl overflow-hidden card-shadow border border-slate-100 flex flex-col transition hover:-translate-y-1\" data-category=\"Mediterranean\">\n                <div class=\"relative h-56 overflow-hidden group cursor-pointer\" onclick=\"searchCityCruise('aegean greek islands escape')\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1570077188670-e3a8d69ac5ff?auto=format&#038;fit=crop&#038;q=80&#038;w=800\" alt=\"Aegean &#038; Greek Islands Escape\" class=\"w-full h-full object-cover object-center group-hover:scale-105 transition duration-500\">\n                    <span class=\"absolute top-4 right-4 bg-white\/90 backdrop-blur-sm text-ocean-900 font-bold px-3 py-1 rounded-lg text-xs shadow-sm\">\n                        3 &#8211; 5 Days\n                    <\/span>\n                    <span class=\"absolute bottom-4 left-4 bg-ocean-900\/70 backdrop-blur-md text-white font-semibold px-3 py-1 rounded-lg text-xs\">\n                        Mediterranean &#038; Aegean\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-ocean-600 font-semibold text-xs mb-2\">\n                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <span>Santorini \u2022 Mykonos \u2022 Rhodes \u2022 Athens<\/span>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold text-slate-900 mb-3\">\n                            <a href=\"#\" onclick=\"searchCityCruise('aegean greek islands escape'); return false;\" class=\"hover:text-ocean-600 transition flex items-center justify-between group\">\n                                <span>Aegean &#038; Greek Islands Escape<\/span>\n                                <i class=\"fa-solid fa-arrow-up-right-from-square text-xs text-slate-400 group-hover:text-ocean-600\"><\/i>\n                            <\/a>\n                        <\/h3>\n                        <p class=\"text-slate-600 text-sm mb-4\">Short-term yet deeply satisfying; blue domes, narrow streets, and breathtaking sunsets from the jewels of the Aegean.<\/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\">Santorini<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Mykonos<\/span>\n                            <span class=\"bg-slate-100 text-slate-600 text-xs px-2.5 py-1 rounded-md\">Rhodes<\/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\">Starting From<\/span>\n                            <span class=\"text-lg font-extrabold text-navy-900\">\u20ac450<\/span>\n                        <\/div>\n                        <button onclick=\"openModal('Aegean &#038; Greek Islands Escape', 'Your inquiry for Greek Islands cabin options, current availability and pricing details has been received.')\" class=\"bg-ocean-50 hover:bg-ocean-100 text-ocean-600 font-bold px-4 py-2 rounded-xl text-sm transition\">\n                            Details &#038; Booking\n                        <\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Modal Box -->\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\">Route Information Request<\/h3>\n            <p id=\"modalDesc\" class=\"text-slate-600 text-sm mb-6\">Leave your details and our expert travel consultant will contact you regarding route details and cabin availability.<\/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-ocean-600\" placeholder=\"e.g. John Doe\">\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-ocean-600\" placeholder=\"example@mail.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-ocean-600\" placeholder=\"+1 555 000 0000\">\n                <\/div>\n                <button type=\"submit\" class=\"w-full bg-ocean-600 hover:bg-ocean-800 text-white font-bold py-3.5 rounded-xl transition shadow-md mt-2\">\n                    Submit Request\n                <\/button>\n            <\/form>\n            <div id=\"successMessage\" class=\"hidden mt-4 p-4 bg-emerald-50 text-emerald-700 rounded-xl text-center text-sm font-medium\">\n                Your request has been successfully received! We will contact you shortly.\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        function filterRoutes(category) {\n            const cards = document.querySelectorAll('.route-card');\n            const buttons = document.querySelectorAll('.filter-btn');\n\n            buttons.forEach(btn => {\n                btn.classList.remove('bg-ocean-600', '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-ocean-600', '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        function searchCityCruise(baseQuery) {\n            const modifiers = [\n                'luxury cabins',\n                'all inclusive deals',\n                'last minute discount',\n                'summer departures',\n                'vip shore excursions',\n                'family suite'\n            ];\n            const randomModifier = modifiers[Math.floor(Math.random() * modifiers.length)];\n            const finalQuery = `${baseQuery} ${randomModifier}`;\n            const encodedQuery = encodeURIComponent(finalQuery);\n            const searchUrl = `https:\/\/expotil.com\/src\/?q=${encodedQuery}`;\n            window.open(searchUrl, '_blank');\n        }\n    <\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Destinations Popular Cruise Routes Select your preferred region to instantly explore routes and stunning visuals. Click on any route title or image to search for cruises. All Mediterranean &#038; Aegean Caribbean Fjords &#038; Alaska Far East 7 &#8211; 14 Days Mediterranean &#038; Aegean Rome \u2022 Athens \u2022 Dubrovnik \u2022 Barcelona Mediterranean History &#038; Blue Cruise [&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-64","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/64","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=64"}],"version-history":[{"count":2,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/64\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}