{"id":300,"date":"2025-07-16T02:20:01","date_gmt":"2025-07-16T02:20:01","guid":{"rendered":"https:\/\/insaatsirketleri.com.tr\/en\/?p=300"},"modified":"2025-07-16T02:20:01","modified_gmt":"2025-07-16T02:20:01","slug":"35-cruise-ships-best","status":"publish","type":"post","link":"https:\/\/insaatsirketleri.com.tr\/en\/35-cruise-ships-best\/","title":{"rendered":"35 cruise ships best"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #f0f4f8;\n        }\n        .card-bg {\n            background-size: cover;\n            background-position: center;\n        }\n        .card-overlay {\n            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0) 100%);\n        }\n        .modal {\n            display: none; \/* Hidden by default *\/\n            transition: opacity 0.3s ease;\n        }\n        .modal.flex {\n            display: flex;\n        }\n        .status-dot {\n            width: 10px;\n            height: 10px;\n            border-radius: 50%;\n            display: inline-block;\n            margin-right: 6px;\n        }\n        .status-at-sea { background-color: #3498db; }\n        .status-in-port { background-color: #2ecc71; }\n        .status-dry-dock { background-color: #e74c3c; }\n        .status-anchored { background-color: #f1c40f; }\n    <\/style>\n<\/head>\n<body class=\"text-gray-800\">\n\n    <!-- Header -->\n    <header class=\"bg-white shadow-md sticky top-0 z-20\">\n        <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex items-center justify-between h-16\">\n                <div class=\"flex items-center\">\n                    <i class=\"fas fa-water text-2xl text-blue-600 mr-3\"><\/i>\n                    <h1 class=\"text-xl font-bold text-gray-800\">Nautilus <span class=\"font-normal hidden sm:inline\">&#8211; Fleet Command<\/span><\/h1>\n                <\/div>\n                <nav class=\"hidden md:flex items-center space-x-4\">\n                    <a href=\"#\" class=\"text-gray-600 hover:text-blue-600 font-medium\">Dashboard<\/a>\n                    <a href=\"#\" class=\"text-gray-600 hover:text-blue-600\">Vessels<\/a>\n                    <a href=\"#\" class=\"text-gray-600 hover:text-blue-600\">Itineraries<\/a>\n                    <a href=\"#\" class=\"text-gray-600 hover:text-blue-600\">Analytics<\/a>\n                <\/nav>\n                <div class=\"flex items-center\">\n                    <button class=\"p-2 rounded-full hover:bg-gray-200\">\n                        <i class=\"fas fa-bell text-gray-600\"><\/i>\n                    <\/button>\n                    <button class=\"ml-4 p-2 rounded-full hover:bg-gray-200\">\n                        <i class=\"fas fa-user-circle text-2xl text-gray-600\"><\/i>\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Main Content -->\n    <main class=\"container mx-auto p-4 sm:p-6 lg:p-8\">\n        \n        <!-- KPIs -->\n        <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-6\">\n            <div class=\"bg-white p-4 rounded-lg shadow\">\n                <h3 class=\"text-sm font-medium text-gray-500\">Total Passengers<\/h3>\n                <p class=\"text-2xl font-bold\">98,451<\/p>\n            <\/div>\n            <div class=\"bg-white p-4 rounded-lg shadow\">\n                <h3 class=\"text-sm font-medium text-gray-500\">Fleet Occupancy<\/h3>\n                <p class=\"text-2xl font-bold\">92.7%<\/p>\n            <\/div>\n            <div class=\"bg-white p-4 rounded-lg shadow\">\n                <h3 class=\"text-sm font-medium text-gray-500\">Ships At Sea<\/h3>\n                <p class=\"text-2xl font-bold\">28<\/p>\n            <\/div>\n            <div class=\"bg-white p-4 rounded-lg shadow\">\n                <h3 class=\"text-sm font-medium text-gray-500\">Critical Alerts<\/h3>\n                <p class=\"text-2xl font-bold text-red-500\">3<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Ad Placeholder -->\n        <div class=\"my-6 bg-gray-200 rounded-lg flex items-center justify-center\">\n             <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2506329722665303\"\n                 crossorigin=\"anonymous\"><\/script>\n            <!-- yatay2025 -->\n            <ins class=\"adsbygoogle\"\n                 style=\"display:block\"\n                 data-ad-client=\"ca-pub-2506329722665303\"\n                 data-ad-slot=\"1444491293\"\n                 data-ad-format=\"auto\"\n                 data-full-width-responsive=\"true\"><\/ins>\n        <\/div>\n\n        <!-- Ship Grid -->\n        <div id=\"ship-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-6\">\n            <!-- Ship cards will be injected here by JavaScript -->\n        <\/div>\n\n    <\/main>\n\n    <!-- Vessel Detail Modal -->\n    <div id=\"vessel-modal\" class=\"modal fixed inset-0 bg-black bg-opacity-60 z-50 items-center justify-center p-4\">\n        <div class=\"bg-white rounded-xl shadow-2xl w-full max-w-4xl max-h-[90vh] flex flex-col md:flex-row overflow-hidden\">\n            <!-- Modal Image -->\n            <div id=\"modal-img\" class=\"w-full md:w-1\/2 h-64 md:h-auto card-bg\"><\/div>\n            \n            <!-- Modal Content -->\n            <div class=\"w-full md:w-1\/2 p-6 flex flex-col justify-between overflow-y-auto\">\n                <div>\n                    <div class=\"flex justify-between items-start\">\n                        <div>\n                            <h2 id=\"modal-ship-name\" class=\"text-3xl font-bold text-gray-900\"><\/h2>\n                            <p id=\"modal-ship-status\" class=\"text-lg font-medium text-gray-600 mt-1\"><\/p>\n                        <\/div>\n                        <button id=\"close-modal\" class=\"text-gray-400 hover:text-gray-800 text-2xl\">&times;<\/button>\n                    <\/div>\n                    \n                    <div class=\"mt-6 border-t border-gray-200 pt-6\">\n                        <h3 class=\"text-lg font-semibold mb-4\">Voyage Details<\/h3>\n                        <div class=\"grid grid-cols-2 gap-4 text-sm\">\n                            <div>\n                                <p class=\"text-gray-500\">Current Location<\/p>\n                                <p id=\"modal-location\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-500\">Next Port<\/p>\n                                <p id=\"modal-next-port\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-500\">ETA<\/p>\n                                <p id=\"modal-eta\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-500\">Itinerary<\/p>\n                                <p id=\"modal-itinerary\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"mt-6 border-t border-gray-200 pt-6\">\n                        <h3 class=\"text-lg font-semibold mb-4\">Vessel Data<\/h3>\n                        <div class=\"grid grid-cols-2 gap-4 text-sm\">\n                            <div>\n                                <p class=\"text-gray-500\">Passengers<\/p>\n                                <p id=\"modal-passengers\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-500\">Crew<\/p>\n                                <p id=\"modal-crew\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                             <div>\n                                <p class=\"text-gray-500\">Gross Tonnage<\/p>\n                                <p id=\"modal-tonnage\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                            <div>\n                                <p class=\"text-gray-500\">Built<\/p>\n                                <p id=\"modal-built\" class=\"font-semibold\"><\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"mt-8 flex space-x-3\">\n                    <button class=\"flex-1 bg-blue-600 text-white font-bold py-3 px-4 rounded-lg hover:bg-blue-700 transition-colors\">Contact Vessel<\/button>\n                    <button class=\"flex-1 bg-gray-200 text-gray-800 font-bold py-3 px-4 rounded-lg hover:bg-gray-300 transition-colors\">View Logs<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ --- PUSH GOOGLE AD ---\n            \/\/ This ensures the ad code runs after the page layout is complete.\n            try {\n                 (adsbygoogle = window.adsbygoogle || []).push({});\n            } catch (e) {\n                console.error(\"Adsense push error:\", e);\n            }\n\n            \/\/ --- DATA ---\n            const shipData = [\n                { name: 'Celestial Voyager', status: 'At Sea', location: 'Caribbean Sea', nextPort: 'Nassau', eta: '2025-07-17 08:00', passengers: 2800, crew: 1100, tonnage: 130000, built: 2022, itinerary: '7-Day Caribbean', img: 'https:\/\/images.pexels.com\/photos\/1579240\/pexels-photo-1579240.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Oceanic Majesty', status: 'In Port', location: 'Civitavecchia (Rome)', nextPort: 'Naples', eta: '2025-07-18 07:00', passengers: 3200, crew: 1250, tonnage: 150000, built: 2019, itinerary: '10-Day Mediterranean', img: 'https:\/\/images.pexels.com\/photos\/221457\/pexels-photo-221457.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Arctic Explorer', status: 'At Sea', location: 'Norwegian Fjords', nextPort: 'Bergen', eta: '2025-07-16 18:00', passengers: 1500, crew: 750, tonnage: 80000, built: 2021, itinerary: '14-Day Norway & Arctic', img: 'https:\/\/images.pexels.com\/photos\/338504\/pexels-photo-338504.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Azure Dream', status: 'Anchored', location: 'Santorini, Greece', nextPort: 'Mykonos', eta: '2025-07-17 09:00', passengers: 2500, crew: 1000, tonnage: 110000, built: 2018, itinerary: '7-Day Greek Isles', img: 'https:\/\/images.pexels.com\/photos\/1174732\/pexels-photo-1174732.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Grand Pacifica', status: 'At Sea', location: 'Off coast of California', nextPort: 'Ensenada', eta: '2025-07-17 10:00', passengers: 3500, crew: 1300, tonnage: 160000, built: 2020, itinerary: '4-Day Baja Mexico', img: 'https:\/\/images.pexels.com\/photos\/261101\/pexels-photo-261101.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Solaris Odyssey', status: 'Dry Dock', location: 'Hamburg, Germany', nextPort: 'N\/A', eta: 'N\/A', passengers: 0, crew: 50, tonnage: 145000, built: 2017, itinerary: 'Maintenance', img: 'https:\/\/images.pexels.com\/photos\/163176\/dock-dry-dock-ship-repair-163176.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Emerald Empress', status: 'In Port', location: 'Singapore', nextPort: 'Phuket', eta: '2025-07-18 19:00', passengers: 2900, crew: 1150, tonnage: 135000, built: 2023, itinerary: '5-Day Southeast Asia', img: 'https:\/\/images.pexels.com\/photos\/1268877\/pexels-photo-1268877.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Coral Princess', status: 'At Sea', location: 'Great Barrier Reef', nextPort: 'Cairns', eta: '2025-07-17 06:00', passengers: 2200, crew: 900, tonnage: 92000, built: 2015, itinerary: '11-Day Australia & NZ', img: 'https:\/\/images.pexels.com\/photos\/2088231\/pexels-photo-2088231.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Northern Star', status: 'At Sea', location: 'Gulf of Alaska', nextPort: 'Juneau', eta: '2025-07-17 12:00', passengers: 2600, crew: 1050, tonnage: 122000, built: 2016, itinerary: '7-Day Alaskan Glacier', img: 'https:\/\/images.pexels.com\/photos\/1287142\/pexels-photo-1287142.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Island Wanderer', status: 'Anchored', location: 'Bora Bora', nextPort: 'Papeete', eta: '2025-07-18 11:00', passengers: 1800, crew: 800, tonnage: 75000, built: 2014, itinerary: '10-Day French Polynesia', img: 'https:\/\/images.pexels.com\/photos\/240526\/pexels-photo-240526.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Regal Horizon', status: 'In Port', location: 'Dubai', nextPort: 'Muscat', eta: '2025-07-17 22:00', passengers: 3100, crew: 1200, tonnage: 142000, built: 2021, itinerary: '7-Day Arabian Gulf', img: 'https:\/\/images.pexels.com\/photos\/3889854\/pexels-photo-3889854.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Viking Legend', status: 'At Sea', location: 'Baltic Sea', nextPort: 'Stockholm', eta: '2025-07-17 09:30', passengers: 930, crew: 550, tonnage: 47800, built: 2018, itinerary: '9-Day Baltic Jewels', img: 'https:\/\/images.pexels.com\/photos\/1078981\/pexels-photo-1078981.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Sunstone Spirit', status: 'At Sea', location: 'Mexican Riviera', nextPort: 'Cabo San Lucas', eta: '2025-07-18 08:00', passengers: 2750, crew: 1080, tonnage: 115000, built: 2019, itinerary: '7-Day Mexican Riviera', img: 'https:\/\/images.pexels.com\/photos\/1428522\/pexels-photo-1428522.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Gaelic Queen', status: 'In Port', location: 'Southampton', nextPort: 'Le Havre', eta: '2025-07-17 20:00', passengers: 4000, crew: 1500, tonnage: 170000, built: 2022, itinerary: '3-Day Western Europe', img: 'https:\/\/images.pexels.com\/photos\/931007\/pexels-photo-931007.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Equinox Dreamer', status: 'At Sea', location: 'Transatlantic Crossing', nextPort: 'New York', eta: '2025-07-22 07:00', passengers: 2850, crew: 1250, tonnage: 122000, built: 2017, itinerary: '14-Day Transatlantic', img: 'https:\/\/images.pexels.com\/photos\/20967\/pexels-photo.jpg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Sapphire Seas', status: 'At Sea', location: 'Hawaiian Islands', nextPort: 'Honolulu', eta: '2025-07-19 06:00', passengers: 3080, crew: 1200, tonnage: 116000, built: 2014, itinerary: '15-Day Hawaii', img: 'https:\/\/images.pexels.com\/photos\/1117132\/pexels-photo-1117132.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Golden Dynasty', status: 'In Port', location: 'Hong Kong', nextPort: 'Shanghai', eta: '2025-07-18 21:00', passengers: 3600, crew: 1350, tonnage: 168000, built: 2019, itinerary: '5-Day China Explorer', img: 'https:\/\/images.pexels.com\/photos\/1285625\/pexels-photo-1285625.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Mystic Fjord', status: 'At Sea', location: 'Chilean Fjords', nextPort: 'Punta Arenas', eta: '2025-07-18 14:00', passengers: 2000, crew: 950, tonnage: 91000, built: 2020, itinerary: '12-Day Patagonia', img: 'https:\/\/images.pexels.com\/photos\/1654883\/pexels-photo-1654883.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Caribbean Pearl', status: 'At Sea', location: 'Eastern Caribbean', nextPort: 'St. Maarten', eta: '2025-07-17 07:30', passengers: 3140, crew: 1200, tonnage: 125000, built: 2018, itinerary: '7-Day Eastern Caribbean', img: 'https:\/\/images.pexels.com\/photos\/261102\/pexels-photo-261102.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Atlantic Star', status: 'At Sea', location: 'Canary Islands', nextPort: 'Tenerife', eta: '2025-07-17 09:00', passengers: 2400, crew: 980, tonnage: 95000, built: 2016, itinerary: '8-Day Canary Islands', img: 'https:\/\/images.pexels.com\/photos\/261093\/pexels-photo-261093.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Serenity Now', status: 'In Port', location: 'Kyoto (Kobe)', nextPort: 'Tokyo (Yokohama)', eta: '2025-07-19 08:00', passengers: 2670, crew: 1100, tonnage: 100000, built: 2015, itinerary: '9-Day Japan Circumnavigation', img: 'https:\/\/images.pexels.com\/photos\/2949302\/pexels-photo-2949302.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Pioneer Spirit', status: 'Dry Dock', location: 'Freeport, Bahamas', nextPort: 'N\/A', eta: 'N\/A', passengers: 0, crew: 60, tonnage: 70000, built: 2012, itinerary: 'Refurbishment', img: 'https:\/\/images.pexels.com\/photos\/241344\/pexels-photo-241344.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Navigator of Dreams', status: 'At Sea', location: 'South Pacific', nextPort: 'Fiji', eta: '2025-07-20 10:00', passengers: 3114, crew: 1180, tonnage: 138000, built: 2023, itinerary: '12-Day South Pacific', img: 'https:\/\/images.pexels.com\/photos\/2161467\/pexels-photo-2161467.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Coastal Charm', status: 'Anchored', location: 'Dubrovnik, Croatia', nextPort: 'Venice', eta: '2025-07-18 07:00', passengers: 2124, crew: 900, tonnage: 91000, built: 2017, itinerary: '7-Day Adriatic', img: 'https:\/\/images.pexels.com\/photos\/1034859\/pexels-photo-1034859.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Aurora Borealis', status: 'At Sea', location: 'Icelandic Waters', nextPort: 'Reykjavik', eta: '2025-07-17 06:30', passengers: 2450, crew: 1000, tonnage: 94000, built: 2019, itinerary: '10-Day Iceland & Greenland', img: 'https:\/\/images.pexels.com\/photos\/3264723\/pexels-photo-3264723.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Southern Cross', status: 'At Sea', location: 'Tasman Sea', nextPort: 'Auckland', eta: '2025-07-19 09:00', passengers: 2600, crew: 1100, tonnage: 109000, built: 2016, itinerary: '14-Day New Zealand', img: 'https:\/\/images.pexels.com\/photos\/3601453\/pexels-photo-3601453.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Caspian Jewel', status: 'In Port', location: 'Barcelona', nextPort: 'Marseille', eta: '2025-07-17 18:00', passengers: 4200, crew: 1730, tonnage: 181000, built: 2021, itinerary: '7-Day Western Med', img: 'https:\/\/images.pexels.com\/photos\/1831236\/pexels-photo-1831236.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Amazonia Queen', status: 'At Sea', location: 'Amazon River', nextPort: 'Manaus', eta: '2025-07-21 15:00', passengers: 500, crew: 250, tonnage: 30000, built: 2022, itinerary: '14-Day Amazon River', img: 'https:\/\/images.pexels.com\/photos\/2356059\/pexels-photo-2356059.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Panama Voyager', status: 'At Sea', location: 'Panama Canal', nextPort: 'Cartagena', eta: '2025-07-18 05:00', passengers: 2170, crew: 920, tonnage: 91000, built: 2013, itinerary: '11-Day Panama Canal', img: 'https:\/\/images.pexels.com\/photos\/2372317\/pexels-photo-2372317.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Desert Rose', status: 'At Sea', location: 'Red Sea', nextPort: 'Aqaba (Petra)', eta: '2025-07-19 08:30', passengers: 2950, crew: 1150, tonnage: 128000, built: 2020, itinerary: '10-Day Red Sea & Egypt', img: 'https:\/\/images.pexels.com\/photos\/1796730\/pexels-photo-1796730.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Infinity Dream', status: 'In Port', location: 'Copenhagen', nextPort: 'St. Petersburg', eta: '2025-07-18 17:00', passengers: 3800, crew: 1450, tonnage: 165000, built: 2023, itinerary: '7-Day Scandinavia', img: 'https:\/\/images.pexels.com\/photos\/2070485\/pexels-photo-2070485.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Starlight Princess', status: 'At Sea', location: 'Ionian Sea', nextPort: 'Corfu', eta: '2025-07-17 11:00', passengers: 2200, crew: 900, tonnage: 92000, built: 2018, itinerary: '7-Day Italy & Greece', img: 'https:\/\/images.pexels.com\/photos\/1078983\/pexels-photo-1078983.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Polaris Expedition', status: 'At Sea', location: 'Antarctic Peninsula', nextPort: 'Ushuaia', eta: '2025-07-25 18:00', passengers: 200, crew: 150, tonnage: 20000, built: 2024, itinerary: '12-Day Antarctica', img: 'https:\/\/images.pexels.com\/photos\/4031322\/pexels-photo-4031322.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Monarch of the Isles', status: 'In Port', location: 'Lisbon', nextPort: 'Gibraltar', eta: '2025-07-17 21:00', passengers: 3300, crew: 1280, tonnage: 148000, built: 2019, itinerary: '10-Day Portugal & Spain', img: 'https:\/\/images.pexels.com\/photos\/1320686\/pexels-photo-1320686.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n                { name: 'Radiant Dawn', status: 'At Sea', location: 'Crossing Equator', nextPort: 'Galapagos Islands', eta: '2025-07-20 09:00', passengers: 100, crew: 75, tonnage: 5000, built: 2022, itinerary: '9-Day Galapagos', img: 'https:\/\/images.pexels.com\/photos\/258196\/pexels-photo-258196.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' },\n            ];\n\n            const shipGrid = document.getElementById('ship-grid');\n            const modal = document.getElementById('vessel-modal');\n            const closeModalBtn = document.getElementById('close-modal');\n\n            \/\/ --- FUNCTIONS ---\n            function getStatusInfo(status) {\n                switch (status) {\n                    case 'At Sea': return { class: 'status-at-sea', icon: 'fa-water' };\n                    case 'In Port': return { class: 'status-in-port', icon: 'fa-anchor' };\n                    case 'Dry Dock': return { class: 'status-dry-dock', icon: 'fa-screwdriver-wrench' };\n                    case 'Anchored': return { class: 'status-anchored', icon: 'fa-anchor-circle-exclamation' };\n                    default: return { class: 'bg-gray-400', icon: 'fa-question-circle' };\n                }\n            }\n\n            function createShipCard(ship) {\n                const statusInfo = getStatusInfo(ship.status);\n                const card = document.createElement('div');\n                card.className = 'card-bg relative h-80 rounded-xl shadow-lg cursor-pointer overflow-hidden transform hover:-translate-y-1 transition-transform duration-300';\n                card.style.backgroundImage = `url(${ship.img})`;\n                card.innerHTML = `\n                    <div class=\"absolute inset-0 card-overlay\"><\/div>\n                    <div class=\"absolute inset-0 p-4 flex flex-col justify-end text-white\">\n                        <h3 class=\"text-xl font-bold\">${ship.name}<\/h3>\n                        <div class=\"flex items-center mt-1\">\n                            <span class=\"status-dot ${statusInfo.class}\"><\/span>\n                            <p class=\"text-sm font-medium\">${ship.status}<\/p>\n                        <\/div>\n                        <p class=\"text-xs mt-2\"><i class=\"fas fa-map-marker-alt fa-fw mr-1\"><\/i> ${ship.location}<\/p>\n                    <\/div>\n                `;\n                card.addEventListener('click', () => openModal(ship));\n                shipGrid.appendChild(card);\n            }\n\n            function openModal(ship) {\n                const statusInfo = getStatusInfo(ship.status);\n                document.getElementById('modal-img').style.backgroundImage = `url(${ship.img})`;\n                document.getElementById('modal-ship-name').textContent = ship.name;\n                \n                const statusEl = document.getElementById('modal-ship-status');\n                statusEl.innerHTML = `<span class=\"status-dot ${statusInfo.class}\"><\/span> ${ship.status}`;\n\n                document.getElementById('modal-location').textContent = ship.location;\n                document.getElementById('modal-next-port').textContent = ship.nextPort;\n                document.getElementById('modal-eta').textContent = ship.eta;\n                document.getElementById('modal-itinerary').textContent = ship.itinerary;\n                document.getElementById('modal-passengers').textContent = `${ship.passengers.toLocaleString()}`;\n                document.getElementById('modal-crew').textContent = `${ship.crew.toLocaleString()}`;\n                document.getElementById('modal-tonnage').textContent = `${ship.tonnage.toLocaleString()} GT`;\n                document.getElementById('modal-built').textContent = ship.built;\n                \n                modal.classList.add('flex');\n            }\n\n            function closeModal() {\n                modal.classList.remove('flex');\n            }\n\n            \/\/ --- INITIALIZATION ---\n            shipData.forEach(createShipCard);\n\n            closeModalBtn.addEventListener('click', closeModal);\n            modal.addEventListener('click', function(event) {\n                if (event.target === modal) {\n                    closeModal();\n                }\n            });\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Nautilus &#8211; Fleet Command Dashboard Vessels Itineraries Analytics Total Passengers 98,451 Fleet Occupancy 92.7% Ships At Sea 28 Critical Alerts 3 &times; Voyage Details Current Location Next Port [&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-300","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":1,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/300\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/posts\/300\/revisions\/301"}],"wp:attachment":[{"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/media?parent=300"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/categories?post=300"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/insaatsirketleri.com.tr\/en\/wp-json\/wp\/v2\/tags?post=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}