{"id":12,"date":"2025-07-13T21:10:15","date_gmt":"2025-07-14T04:10:15","guid":{"rendered":"https:\/\/tegis.my.id\/?page_id=12"},"modified":"2025-07-18T05:27:48","modified_gmt":"2025-07-18T12:27:48","slug":"paket-umroh","status":"publish","type":"page","link":"https:\/\/tegis.my.id\/index.php\/paket-umroh\/","title":{"rendered":"Paket Umroh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-baafd80 e-con-full e-flex e-con e-parent\" data-id=\"baafd80\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b567b6 elementor-widget elementor-widget-html\" data-id=\"3b567b6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Paket Umroh Istimewa<\/title>\r\n    <!-- Tailwind CSS CDN -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        body {\r\n            font-family: 'Inter', sans-serif;\r\n            background-color: #f7fafc; \/* Light gray background *\/\r\n        }\r\n        .hero-section {\r\n            position: relative;\r\n            height: 50vh;\r\n            overflow: hidden; \/* Hide overflowing images *\/\r\n            background-image: url('https:\/\/tegis.my.id\/wp-content\/uploads\/2025\/07\/place-of-worship-makkah-hd-tx6ds8bulvglpcrr.jpg'); \/* Image of Ka'bah *\/\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n        \/* Removed carousel-specific styles *\/\r\n\r\n        .hero-overlay {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0, 0, 0, 0.5); \/* Overlay for better text readability *\/\r\n            z-index: 1; \/* Ensure overlay is above images but below text *\/\r\n        }\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2; \/* Ensure text is above overlay *\/\r\n        }\r\n        .card {\r\n            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;\r\n        }\r\n        .card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n        }\r\n        .whatsapp-button {\r\n            background-color: #25D366; \/* WhatsApp green *\/\r\n            color: white;\r\n            padding: 1rem 2rem;\r\n            border-radius: 9999px; \/* Fully rounded *\/\r\n            font-weight: bold;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            box-shadow: 0 4px 10px rgba(37, 211, 102, 0.4);\r\n            transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;\r\n        }\r\n        .whatsapp-button:hover {\r\n            background-color: #1DA851;\r\n            transform: scale(1.05);\r\n        }\r\n        .whatsapp-icon {\r\n            width: 24px;\r\n            height: 24px;\r\n            fill: currentColor;\r\n        }\r\n        .hotel-details {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.5s ease-out;\r\n        }\r\n        .hotel-details.open {\r\n            max-height: 1000px; \/* Adjusted to accommodate more hotel entries *\/\r\n            transition: max-height 0.5s ease-in;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Removed Header Section entirely -->\r\n\r\n    <!-- Hero Section with Static Image -->\r\n    <section class=\"hero-section flex items-center justify-center text-center text-white\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"hero-content p-4 sm:p-8 max-w-4xl mx-auto flex flex-col justify-center items-center h-full\">\r\n            <!-- Removed h1 and p tags -->\r\n        <\/div>\r\n        <!-- Button \"Lihat Paket Umroh Kami\" -->\r\n        <div class=\"absolute bottom-10 left-1\/2 transform -translate-x-1\/2 z-20 w-full px-4\">\r\n            <a href=\"#packages\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 sm:px-8 rounded-full text-lg shadow-lg transition duration-300 ease-in-out transform hover:scale-105 block w-full text-center\">\r\n                Lihat Paket Umroh Kami\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Packages Section -->\r\n    <section id=\"packages\" class=\"py-16 bg-gray-100 px-6 md:px-12\">\r\n        <div class=\"max-w-6xl mx-auto text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-10\">Pilihan Paket Umroh Terbaik Kami<\/h2>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                <!-- Paket Arafah -->\r\n                <div class=\"bg-white p-6 rounded-lg shadow-lg border-t-4 border-green-600 card flex flex-col justify-between\">\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-green-700 mb-3\">Paket Arafah<\/h3>\r\n                        <p class=\"text-gray-600 mb-4\">Perjalanan Ibadah Mendalam dengan Fasilitas Premium & Bimbingan Intensif.<\/p>\r\n                        <ul class=\"text-left text-gray-700 space-y-2 mb-6\">\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Hotel Bintang 5 (Makkah & Madinah)<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Penerbangan Langsung<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Bimbingan Manasik Intensif<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-green-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Durasi: 12 Hari<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <button class=\"toggle-hotel-details bg-green-500 text-white py-2 px-4 rounded-md mb-4 hover:bg-green-600 transition duration-300\" data-target=\"arafah-hotels\">\r\n                        Lihat Detail Hotel\r\n                    <\/button>\r\n                    <div id=\"arafah-hotels\" class=\"hotel-details border-t pt-4 mt-4 border-gray-200\">\r\n                        <h4 class=\"text-lg font-semibold text-gray-800 mb-3\">Hotel Pilihan Paket Arafah:<\/h4>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A8A4F\/FFFFFF?text=Makkah+1\" alt=\"Hotel Makkah Paket Arafah 1\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Fairmont Makkah Clock Royal Tower<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 5, dekat Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A8A4F\/FFFFFF?text=Madinah+1\" alt=\"Hotel Madinah Paket Arafah 1\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Madinah: Hotel The Oberoi Madina<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 5, dekat Masjid Nabawi.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A8A4F\/FFFFFF?text=Makkah+2\" alt=\"Hotel Makkah Paket Arafah 2\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Conrad Makkah<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 5, pemandangan Ka'bah.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A8A4F\/FFFFFF?text=Madinah+2\" alt=\"Hotel Madinah Paket Arafah 2\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Madinah: Hotel Dar Al Hijra InterContinental<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 5, dekat gerbang Masjid Nabawi.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A8A4F\/FFFFFF?text=Makkah+3\" alt=\"Hotel Makkah Paket Arafah 3\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Makkah Hilton Towers<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 5, akses mudah ke Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"mt-auto pt-4\">\r\n                        <p class=\"text-3xl font-bold text-green-800 mb-4\">Mulai dari Rp 35.000.000<\/p>\r\n                        <a href=\"#contact\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-full text-lg w-full block text-center transition duration-300 ease-in-out\">\r\n                            Pesan Paket Arafah\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Paket Mina -->\r\n                <div class=\"bg-white p-6 rounded-lg shadow-lg border-t-4 border-blue-600 card flex flex-col justify-between\">\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-blue-700 mb-3\">Paket Mina<\/h3>\r\n                        <p class=\"text-gray-600 mb-4\">Umroh Nyaman dengan Keseimbangan Fasilitas & Harga Terjangkau.<\/p>\r\n                        <ul class=\"text-left text-gray-700 space-y-2 mb-6\">\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-blue-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Hotel Bintang 4 (Makkah & Madinah)<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-blue-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Penerbangan [Maskapai] (Bisa Transit)<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-blue-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Bimbingan Manasik<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-blue-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Durasi: 10 Hari<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <button class=\"toggle-hotel-details bg-blue-500 text-white py-2 px-4 rounded-md mb-4 hover:bg-blue-600 transition duration-300\" data-target=\"mina-hotels\">\r\n                        Lihat Detail Hotel\r\n                    <\/button>\r\n                    <div id=\"mina-hotels\" class=\"hotel-details border-t pt-4 mt-4 border-gray-200\">\r\n                        <h4 class=\"text-lg font-semibold text-gray-800 mb-3\">Hotel Pilihan Paket Mina:<\/h4>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A4F8A\/FFFFFF?text=Makkah+1\" alt=\"Hotel Makkah Paket Mina 1\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Hilton Makkah Convention Hotel<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 4, dekat Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A4F8A\/FFFFFF?text=Madinah+1\" alt=\"Hotel Madinah Paket Mina 1\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Madinah: Hotel Millennium Taiba Hotel Madinah<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 4, dekat Masjid Nabawi.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A4F8A\/FFFFFF?text=Makkah+2\" alt=\"Hotel Makkah Paket Mina 2\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Elaf Kinda<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 4, dekat dengan Ka'bah.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A4F8A\/FFFFFF?text=Madinah+2\" alt=\"Hotel Madinah Paket Mina 2\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Madinah: Hotel Anwar Al Madinah Movenpick<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 4, dekat Masjid Nabawi.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/0A4F8A\/FFFFFF?text=Makkah+3\" alt=\"Hotel Makkah Paket Mina 3\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Swiss\u00f4tel Makkah<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 4, pemandangan Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"mt-auto pt-4\">\r\n                        <p class=\"text-3xl font-bold text-blue-800 mb-4\">Mulai dari Rp 28.000.000<\/p>\r\n                        <a href=\"#contact\" class=\"bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-full text-lg w-full block text-center transition duration-300 ease-in-out\">\r\n                            Pesan Paket Mina\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Paket Muzdalifah -->\r\n                <div class=\"bg-white p-6 rounded-lg shadow-lg border-t-4 border-purple-600 card flex flex-col justify-between\">\r\n                    <div>\r\n                        <h3 class=\"text-2xl font-bold text-purple-700 mb-3\">Paket Muzdalifah<\/h3>\r\n                        <p class=\"text-gray-600 mb-4\">Umroh Berkah dengan Biaya Hemat, Cocok untuk Pemula.<\/p>\r\n                        <ul class=\"text-left text-gray-700 space-y-2 mb-6\">\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-purple-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Hotel Bintang 3 (Makkah & Madinah)<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-purple-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Penerbangan [Maskapai] (Transit)<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-purple-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Bimbingan Manasik Singkat<\/li>\r\n                            <li class=\"flex items-center\"><svg class=\"w-5 h-5 text-purple-500 mr-2\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>Durasi: 9 Hari<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <button class=\"toggle-hotel-details bg-purple-500 text-white py-2 px-4 rounded-md mb-4 hover:bg-purple-600 transition duration-300\" data-target=\"muzdalifah-hotels\">\r\n                        Lihat Detail Hotel\r\n                    <\/button>\r\n                    <div id=\"muzdalifah-hotels\" class=\"hotel-details border-t pt-4 mt-4 border-gray-200\">\r\n                        <h4 class=\"text-lg font-semibold text-gray-800 mb-3\">Hotel Pilihan Paket Muzdalifah:<\/h4>\r\n                        <div class=\"space-y-4\">\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/4F0A8A\/FFFFFF?text=Makkah+1\" alt=\"Hotel Makkah Paket Muzdalifah 1\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Anjum Makkah<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 3, dekat Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/4F0A8A\/FFFFFF?text=Madinah+1\" alt=\"Hotel Madinah Paket Muzdalifah 1\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Madinah: Hotel Rawdat Al Aqiq<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 3, dekat Masjid Nabawi.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/4F0A8A\/FFFFFF?text=Makkah+2\" alt=\"Hotel Makkah Paket Muzdalifah 2\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Al Safwah Royale Orchid<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 3, akses mudah ke Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/4F0A8A\/FFFFFF?text=Madinah+2\" alt=\"Hotel Madinah Paket Muzdalifah 2\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Madinah: Hotel Al Ansar Golden Tulip<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 3, dekat Masjid Nabawi.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"flex items-center space-x-4\">\r\n                                <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x70\/4F0A8A\/FFFFFF?text=Makkah+3\" alt=\"Hotel Makkah Paket Muzdalifah 3\" class=\"w-24 h-16 object-cover rounded-md shadow\">\r\n                                <div>\r\n                                    <p class=\"font-medium text-gray-700\">Makkah: Hotel Dar Al Eiman Grand<\/p>\r\n                                    <p class=\"text-sm text-gray-500\">Bintang 3, dekat Masjidil Haram.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"mt-auto pt-4\">\r\n                        <p class=\"text-3xl font-bold text-purple-800 mb-4\">Mulai dari Rp 22.000.000<\/p>\r\n                        <a href=\"#contact\" class=\"bg-purple-600 hover:bg-purple-700 text-white font-bold py-3 px-6 rounded-full text-lg w-full block text-center transition duration-300 ease-in-out\">\r\n                            Pesan Paket Muzdalifah\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n\r\n    <!-- Why Us Section -->\r\n    <section id=\"why-us\" class=\"py-16 bg-white px-6 md:px-12\">\r\n        <div class=\"max-w-6xl mx-auto text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-10\">Mengapa Memilih Kami?<\/h2>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\r\n                <div class=\"bg-green-50 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300 card\">\r\n                    <svg class=\"w-12 h-12 text-green-600 mx-auto mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.001 12.001 0 002.944 12c0 2.89 1.144 5.672 3.172 7.707A11.955 11.955 0 0112 21.056c2.89 0 5.672-1.144 7.707-3.172A11.955 11.955 0 0021.056 12c0-2.89-1.144-5.672-3.172-7.707z\"><\/path>\r\n                    <\/svg>\r\n                    <h3 class=\"text-xl font-semibold text-gray-700 mb-2\">Izin Resmi Kemenag RI<\/h3>\r\n                    <p class=\"text-gray-600\">Terdaftar dan berizin resmi, menjamin keamanan dan kenyamanan ibadah Anda.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-green-50 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300 card\">\r\n                    <svg class=\"w-12 h-12 text-green-600 mx-auto mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M18 10a6 6 0 11-12 0 6 6 0 0112 0zm-6 9a9 9 0 100-18 9 9 0 000 18z\"><\/path>\r\n                    <\/svg>\r\n                    <h3 class=\"text-xl font-semibold text-gray-700 mb-2\">Pembimbing Berpengalaman<\/h3>\r\n                    <p class=\"text-gray-600\">Didampingi oleh ustadz\/ustadzah profesional dan bersertifikat.<\/p>\r\n                <\/div>\r\n                <div class=\"bg-green-50 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300 card\">\r\n                    <svg class=\"w-12 h-12 text-green-600 mx-auto mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\r\n                    <\/svg>\r\n                    <h3 class=\"text-xl font-semibold text-gray-700 mb-2\">Jadwal Pasti & Transparan<\/h3>\r\n                    <p class=\"text-gray-600\">Informasi keberangkatan dan fasilitas yang jelas tanpa biaya tersembunyi.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n\r\n    <!-- Testimonials Section -->\r\n    <section id=\"testimonials\" class=\"py-16 bg-white px-6 md:px-12\">\r\n        <div class=\"max-w-6xl mx-auto text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold text-gray-800 mb-10\">Apa Kata Jamaah Kami?<\/h2>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300 card\">\r\n                    <p class=\"text-gray-700 italic mb-4\">\"Alhamdulillah, perjalanan umroh bersama [Nama Travel Anda] sangat berkesan. Pelayanannya prima, hotel nyaman, dan pembimbingnya sangat sabar. Sangat direkomendasikan!\"<\/p>\r\n                    <div class=\"flex items-center justify-center\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/A0AEC0\/FFFFFF?text=Foto\" alt=\"Testimoni Jamaah\" class=\"w-16 h-16 rounded-full mr-4 object-cover\">\r\n                        <p class=\"font-semibold text-gray-800\">- Ibu Fatimah, Jakarta<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300 card\">\r\n                    <p class=\"text-gray-700 italic mb-4\">\"Terima kasih [Nama Travel Anda] atas pengalaman umroh yang luar biasa. Semua diatur dengan baik, dari keberangkatan hingga kepulangan. Insya Allah akan berangkat lagi bersama!\"<\/p>\r\n                    <div class=\"flex items-center justify-center\">\r\n                        <img decoding=\"async\" src=\"https:\/\/placehold.co\/60x60\/A0AEC0\/FFFFFF?text=Foto\" alt=\"Testimoni Jamaah\" class=\"w-16 h-16 rounded-full mr-4 object-cover\">\r\n                        <div>\r\n                            <p class=\"font-semibold text-gray-800\">- Bapak Abdullah, Surabaya<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Section -->\r\n    <section id=\"contact\" class=\"py-16 bg-blue-900 text-white px-6 md:px-12\">\r\n        <div class=\"max-w-4xl mx-auto text-center\">\r\n            <h2 class=\"text-3xl md:text-4xl font-bold mb-8\">Siap Wujudkan Impian Umroh Anda?<\/h2>\r\n            <p class=\"text-lg mb-8\">Hubungi kami sekarang untuk informasi lebih lanjut atau untuk mendaftar paket pilihan Anda.<\/p>\r\n            <!-- Form updated to send data to WhatsApp -->\r\n            <form class=\"bg-white p-8 rounded-lg shadow-xl max-w-lg mx-auto text-left\" onsubmit=\"sendToWhatsApp(event)\">\r\n                <div class=\"mb-4\">\r\n                    <label for=\"name\" class=\"block text-gray-700 text-sm font-bold mb-2\">Nama Lengkap:<\/label>\r\n                    <input type=\"text\" id=\"name\" name=\"name\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"Nama Anda\" required>\r\n                <\/div>\r\n                <div class=\"mb-4\">\r\n                    <label for=\"address\" class=\"block text-gray-700 text-sm font-bold mb-2\">Alamat:<\/label>\r\n                    <input type=\"text\" id=\"address\" name=\"address\" class=\"shadow appearance-none border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"Alamat Lengkap Anda\" required>\r\n                <\/div>\r\n                <div class=\"mb-6\">\r\n                    <label for=\"package\" class=\"block text-gray-700 text-sm font-bold mb-2\">Pilih Paket:<\/label>\r\n                    <select id=\"package\" name=\"package\" class=\"shadow border rounded-lg w-full py-3 px-4 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-green-500\" required>\r\n                        <option value=\"\">-- Pilih Paket Umroh --<\/option>\r\n                        <option value=\"Paket Arafah\">Paket Arafah<\/option>\r\n                        <option value=\"Paket Mina\">Paket Mina<\/option>\r\n                        <option value=\"Paket Muzdalifah\">Paket Muzdalifah<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"flex items-center justify-center\">\r\n                    <button type=\"submit\" class=\"bg-green-600 hover:bg-green-800 text-white font-bold py-3 px-8 rounded-full focus:outline-none focus:shadow-outline transition duration-300 ease-in-out transform hover:scale-105\">\r\n                        Kirim Permintaan\r\n                    <\/button>\r\n                <\/div>\r\n            <\/form>\r\n            <p class=\"mt-8 text-lg\">Atau hubungi kami langsung via WhatsApp:<\/p>\r\n            <a href=\"https:\/\/wa.me\/6285624049392\" target=\"_blank\" class=\"whatsapp-button mt-4\">\r\n                <svg class=\"whatsapp-icon\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M12.04 2C7.06 2 3 6.04 3 11.02c0 1.55.41 3.09 1.19 4.49L3.02 21l5.05-1.33c1.3.71 2.76 1.11 4.07 1.11 4.98 0 9.04-4.04 9.04-9.02S17.02 2 12.04 2zm3.62 14.15c-.1.2-.24.23-.47.23-.23 0-.34-.09-.49-.18-.15-.09-.34-.14-.54.06-.2.2-.49.49-.69.59-.2.09-.38.14-.6.04-.22-.09-.94-.35-1.8-1.1-.66-.6-1.11-1.32-1.24-1.54-.14-.2-.01-.31.09-.41.08-.08.18-.14.26-.23.09-.09.13-.19.18-.28.06-.09.03-.18-.01-.25-.04-.07-.47-1.12-.64-1.52-.17-.4-.34-.35-.49-.35-.14 0-.31-.03-.49-.03-.18 0-.49.07-.7.26-.2.18-.76.74-.76 1.8s.78 2.09.89 2.24c.12.15 1.58 2.41 3.83 3.37 2.24.95 2.69.75 3.19.75.5 0 1.29-.5 1.49-.9.2-.4.2-.74.14-.83-.06-.09-.22-.15-.47-.28z\"\/>\r\n                <\/svg>\r\n                Hubungi Kami via WhatsApp\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer Section -->\r\n    <footer class=\"bg-gray-800 text-white py-8 px-6 md:px-12 text-center\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <p>&copy; 2025. Semua Hak Dilindungi.<\/p>\r\n            <div class=\"mt-4 flex justify-center space-x-6\">\r\n                <a href=\"#\" class=\"text-gray-400 hover:text-white\">Kebijakan Privasi<\/a>\r\n                <a href=\"#\" class=\"text-gray-400 hover:text-white\">Syarat & Ketentuan<\/a>\r\n            <\/div>\r\n            <div class=\"mt-4 text-gray-400\">\r\n                <p>Alamat: [Alamat Lengkap Anda]<\/p>\r\n                <p>Telepon: [Nomor Telepon Anda]<\/p>\r\n                <p>Email: [Email Anda]<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <script>\r\n        \/\/ JavaScript for toggling hotel details\r\n        document.querySelectorAll('.toggle-hotel-details').forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const targetId = button.dataset.target;\r\n                const targetElement = document.getElementById(targetId);\r\n                if (targetElement) {\r\n                    targetElement.classList.toggle('open');\r\n                    if (targetElement.classList.contains('open')) {\r\n                        button.textContent = 'Sembunyikan Detail Hotel';\r\n                    } else {\r\n                        button.textContent = 'Lihat Detail Hotel';\r\n                    }\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ Smooth scrolling for navigation links (links removed from header, but retained for other internal links)\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            anchor.addEventListener('click', function (e) {\r\n                e.preventDefault();\r\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\r\n                    behavior: 'smooth'\r\n                });\r\n            });\r\n        });\r\n\r\n        \/\/ Function to send form data to WhatsApp\r\n        function sendToWhatsApp(event) {\r\n            event.preventDefault(); \/\/ Prevent default form submission\r\n\r\n            const name = document.getElementById('name').value;\r\n            const address = document.getElementById('address').value;\r\n            const packageSelected = document.getElementById('package').value;\r\n\r\n            \/\/ Define your WhatsApp number (e.g., your business WhatsApp number)\r\n            const whatsappNumber = '6285624049392'; \/\/ Ganti dengan nomor WhatsApp Anda\r\n\r\n            \/\/ Construct the message\r\n            let message = `Halo, saya ingin bertanya tentang paket Umroh:\\n\\n`;\r\n            message += `Nama: ${name}\\n`;\r\n            message += `Alamat: ${address}\\n`;\r\n            message += `Paket yang diminati: ${packageSelected}\\n\\n`;\r\n            message += `Mohon informasinya lebih lanjut. Terima kasih.`;\r\n\r\n            \/\/ Encode the message for URL\r\n            const encodedMessage = encodeURIComponent(message);\r\n\r\n            \/\/ Open WhatsApp link\r\n            window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`, '_blank');\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7da46b4 e-flex e-con-boxed e-con e-parent\" data-id=\"7da46b4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7803dcc elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"7803dcc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tombol Mengambang Interaktif<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n    <style>\r\n        body {\r\n            margin: 0;\r\n            font-family: Arial, sans-serif;\r\n            padding-bottom: 70px; \/* Memberikan ruang agar tombol tidak menutupi konten *\/\r\n            background-color: #f0f2f5;\r\n        }\r\n\r\n        .floating-nav {\r\n            position: fixed;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            background-color: #ffffff;\r\n            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);\r\n            display: flex;\r\n            justify-content: space-around;\r\n            padding: 10px 0;\r\n            z-index: 1000;\r\n        }\r\n\r\n        .floating-nav-item {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            color: #555;\r\n            text-decoration: none;\r\n            font-size: 12px;\r\n            padding: 5px;\r\n            flex: 1; \/* Agar item membagi ruang secara merata *\/\r\n            transition: color 0.3s ease; \/* Transisi warna saat hover\/active *\/\r\n            min-width: 60px; \/* Memberikan lebar minimum agar tidak terlalu sempit jika banyak item *\/\r\n        }\r\n\r\n        .floating-nav-item i {\r\n            font-size: 20px;\r\n            margin-bottom: 5px;\r\n            color: #777;\r\n            transition: color 0.3s ease; \/* Transisi warna ikon *\/\r\n        }\r\n\r\n        .floating-nav-item span {\r\n            font-weight: bold;\r\n            text-align: center; \/* Memastikan teks di tengah *\/\r\n            line-height: 1.2; \/* Mengurangi spasi antar baris jika teks panjang *\/\r\n        }\r\n\r\n        .floating-nav-item:hover {\r\n            color: #0056b3; \/* Warna saat dihover *\/\r\n        }\r\n\r\n        .floating-nav-item:hover i {\r\n            color: #0056b3;\r\n        }\r\n\r\n        .floating-nav-item.active {\r\n            color: #007bff; \/* Warna untuk item yang sedang aktif *\/\r\n        }\r\n\r\n        .floating-nav-item.active i {\r\n            color: #007bff;\r\n        }\r\n\r\n        \/* Styling untuk konten dummy agar terlihat ada scroll *\/\r\n        .content {\r\n            height: 1200px; \/* Tinggi konten dummy *\/\r\n            padding: 20px;\r\n            text-align: center;\r\n            color: #333;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n   \r\n\r\n    <nav class=\"floating-nav\">\r\n        <!-- Home akan mengarah ke halaman utama.html -->\r\n        <a href=\"https:\/\/tegis.my.id\/\" class=\"floating-nav-item\" data-page=\"home\">\r\n            <i class=\"fas fa-home\"><\/i>\r\n            <span>Home<\/span>\r\n        <\/a>\r\n        <!-- Paket akan mengarah ke halaman paket.html -->\r\n        <a href=\"https:\/\/tegis.my.id\/index.php\/paket-umroh\/\" class=\"floating-nav-item\" data-page=\"paket\">\r\n            <i class=\"fas fa-box\"><\/i>\r\n            <span>Paket<\/span>\r\n        <\/a>\r\n        <!-- Jadwal akan mengarah ke halaman jadwal.html -->\r\n        <a href=\"https:\/\/tegis.my.id\/index.php\/jadwal\/\" class=\"floating-nav-item\" data-page=\"jadwal\">\r\n            <i class=\"fas fa-calendar-alt\"><\/i>\r\n            <span>Jadwal<\/span>\r\n        <\/a>\r\n        <!-- Bayar akan mengarah ke halaman bayar.html -->\r\n        <a href=\"https:\/\/tegis.my.id\/index.php\/pembayaran-2\/\" class=\"floating-nav-item\" data-page=\"bayar\">\r\n            <i class=\"fas fa-credit-card\"><\/i>\r\n            <span>Bayar<\/span>\r\n        <\/a>\r\n        <!-- Cara Daftar akan mengarah ke halaman daftar.html -->\r\n        <a href=\"https:\/\/tegis.my.id\/index.php\/persyaratan\/\" class=\"floating-nav-item\" data-page=\"cara-daftar\">\r\n            <i class=\"fas fa-user-plus\"><\/i> <!-- Ikon untuk pendaftaran\/registrasi -->\r\n            <span>Cara Daftar<\/span>\r\n        <\/a>\r\n        <!-- Kontak akan mengarah ke halaman kontak.html -->\r\n        <a href=\"https:\/\/tegis.my.id\/index.php\/kontak\/\" class=\"floating-nav-item\" data-page=\"kontak\">\r\n            <i class=\"fas fa-address-book\"><\/i>\r\n            <span>Kontak<\/span>\r\n        <\/a>\r\n    <\/nav>\r\n\r\n    <script>\r\n        \/\/ Mendapatkan semua item navigasi\r\n        const navItems = document.querySelectorAll('.floating-nav-item');\r\n\r\n        \/\/ Fungsi untuk menghapus kelas 'active' dari semua item\r\n        function removeActiveClass() {\r\n            navItems.forEach(item => {\r\n                item.classList.remove('active');\r\n            });\r\n        }\r\n\r\n        \/\/ Fungsi untuk mengatur tombol aktif berdasarkan URL saat ini\r\n        function setActiveButtonBasedOnUrl() {\r\n            \/\/ Dapatkan path dari URL halaman saat ini\r\n            \/\/ Menggunakan new URL() untuk mendapatkan pathname yang bersih dari query string atau hash\r\n            const currentPathname = new URL(window.location.href).pathname;\r\n\r\n            \/\/ Hapus kelas 'active' dari semua item terlebih dahulu\r\n            removeActiveClass();\r\n\r\n            \/\/ Iterasi melalui setiap item navigasi\r\n            navItems.forEach(item => {\r\n                \/\/ Dapatkan path dari atribut href item navigasi\r\n                const itemPathname = new URL(item.href).pathname;\r\n\r\n                \/\/ Logika perbandingan yang lebih tepat:\r\n                \/\/ 1. Jika pathname item sama persis dengan pathname halaman saat ini\r\n                \/\/ 2. Atau, jika item adalah \"Home\" DAN pathname halaman saat ini adalah root (\"\/\" atau \"\/index.php\/\")\r\n                if (itemPathname === currentPathname ||\r\n                    (item.dataset.page === 'home' && (currentPathname === '\/' || currentPathname === '\/index.php\/'))) {\r\n                    item.classList.add('active');\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Panggil fungsi ini saat DOM selesai dimuat untuk mengatur status awal\r\n        document.addEventListener('DOMContentLoaded', setActiveButtonBasedOnUrl);\r\n\r\n        \/\/ Menambahkan event listener ke setiap item navigasi untuk perubahan warna saat diklik\r\n        \/\/ Ini tetap diperlukan jika Anda ingin efek visual langsung saat mengklik\r\n        \/\/ sebelum halaman baru dimuat sepenuhnya (jika ada navigasi SPA atau AJAX)\r\n        navItems.forEach(item => {\r\n            item.addEventListener('click', function(event) {\r\n                \/\/ Tidak perlu event.preventDefault() jika Anda ingin navigasi normal\r\n                \/\/ Jika ingin SPA, Anda akan mencegah default dan memuat konten secara dinamis\r\n                \r\n                \/\/ Hapus kelas 'active' dari semua item\r\n                removeActiveClass();\r\n\r\n                \/\/ Tambahkan kelas 'active' ke item yang diklik\r\n                this.classList.add('active');\r\n\r\n                \/\/ Catatan: Saat halaman baru dimuat, fungsi setActiveButtonBasedOnUrl\r\n                \/\/ akan dipanggil lagi untuk memastikan status aktif yang benar.\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Paket Umroh Istimewa Lihat Paket Umroh Kami Pilihan Paket Umroh Terbaik Kami Paket Arafah Perjalanan Ibadah Mendalam dengan Fasilitas Premium &#038; Bimbingan Intensif. Hotel Bintang 5 (Makkah &#038; Madinah) Penerbangan Langsung Bimbingan Manasik Intensif Durasi: 12 Hari Lihat Detail Hotel Hotel Pilihan Paket Arafah: Makkah: Hotel Fairmont Makkah Clock Royal Tower Bintang 5, dekat Masjidil [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":175,"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":695,"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/695"}],"wp:attachment":[{"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}