{"id":14,"date":"2025-07-13T21:10:15","date_gmt":"2025-07-14T04:10:15","guid":{"rendered":"https:\/\/tegis.my.id\/?page_id=14"},"modified":"2025-07-18T05:34:00","modified_gmt":"2025-07-18T12:34:00","slug":"kontak","status":"publish","type":"page","link":"https:\/\/tegis.my.id\/index.php\/kontak\/","title":{"rendered":"Kontak"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Kontak Kami - Tegis.my.id<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Font Awesome for icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background-color: #f8fafc; \/* Light gray background *\/\r\n }\r\n \/* Custom scrollbar for a cleaner look *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: #f1f1f1;\r\n border-radius: 10px;\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: #cbd5e1;\r\n border-radius: 10px;\r\n }\r\n ::-webkit-scrollbar-thumb:hover {\r\n background: #94a3b8;\r\n }\r\n\r\n \/* Floating WhatsApp button style *\/\r\n .floating-whatsapp-button {\r\n position: fixed;\r\n bottom: 20px; \/* Adjust as needed, considering the bottom navigation if any *\/\r\n right: 20px;\r\n background-color: #25D366; \/* WhatsApp green *\/\r\n color: white;\r\n border-radius: 50%;\r\n width: 60px;\r\n height: 60px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 28px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n transition: transform 0.3s ease-in-out, background-color 0.3s ease;\r\n z-index: 1000;\r\n }\r\n\r\n .floating-whatsapp-button:hover {\r\n transform: scale(1.1);\r\n background-color: #1DA851;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen flex flex-col\">\r\n\r\n <!-- Main Content Section -->\r\n <main class=\"flex-grow container mx-auto p-8 lg:p-12\">\r\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\r\n\r\n <!-- Contact Information Section -->\r\n <section class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300\">\r\n <h2 class=\"text-3xl font-bold text-gray-800 mb-6 border-b-2 border-blue-500 pb-3\">Informasi Kontak<\/h2>\r\n <div class=\"space-y-6 text-gray-700\">\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-map-marker-alt text-blue-500 text-xl mr-4\"><\/i>\r\n <div>\r\n <h3 class=\"text-lg font-semibold\">Alamat<\/h3>\r\n <p>Jl. Contoh Raya No. 123, Kota Contoh, Provinsi Contoh, 12345<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-phone-alt text-blue-500 text-xl mr-4\"><\/i>\r\n <div>\r\n <h3 class=\"text-lg font-semibold\">Telepon<\/h3>\r\n <p>+62 812 3456 7890<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-envelope text-blue-500 text-xl mr-4\"><\/i>\r\n <div>\r\n <h3 class=\"text-lg font-semibold\">Email<\/h3>\r\n <p>info@tegis.my.id<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-center\">\r\n <i class=\"fas fa-clock text-blue-500 text-xl mr-4\"><\/i>\r\n <div>\r\n <h3 class=\"text-lg font-semibold\">Jam Operasional<\/h3>\r\n <p>Senin - Jumat: 09:00 - 17:00 WIB<\/p>\r\n <p>Sabtu: 09:00 - 13:00 WIB<\/p>\r\n <p>Minggu: Tutup<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Social Media Links -->\r\n <div class=\"mt-8 border-t-2 border-blue-500 pt-6\">\r\n <h3 class=\"text-xl font-bold text-gray-800 mb-4\">Ikuti Kami<\/h3>\r\n <div class=\"flex space-x-6\">\r\n <a href=\"https:\/\/facebook.com\/tegis\" target=\"_blank\" class=\"text-blue-600 hover:text-blue-800 transition transform hover:scale-110\">\r\n <i class=\"fab fa-facebook-square text-3xl\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/twitter.com\/tegis\" target=\"_blank\" class=\"text-blue-400 hover:text-blue-600 transition transform hover:scale-110\">\r\n <i class=\"fab fa-twitter-square text-3xl\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/instagram.com\/tegis\" target=\"_blank\" class=\"text-pink-500 hover:text-pink-700 transition transform hover:scale-110\">\r\n <i class=\"fab fa-instagram-square text-3xl\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/linkedin.com\/company\/tegis\" target=\"_blank\" class=\"text-blue-700 hover:text-blue-900 transition transform hover:scale-110\">\r\n <i class=\"fab fa-linkedin text-3xl\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact Form Section -->\r\n <section class=\"bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300\">\r\n <h2 class=\"text-3xl font-bold text-gray-800 mb-6 border-b-2 border-blue-500 pb-3\">Kirim Pesan via WhatsApp<\/h2>\r\n <form id=\"whatsappForm\" class=\"space-y-6\">\r\n <div>\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\" placeholder=\"Nama Anda\"\r\n 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-blue-500 focus:border-transparent transition duration-200\">\r\n <\/div>\r\n <div>\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\" placeholder=\"Alamat Anda\"\r\n 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-blue-500 focus:border-transparent transition duration-200\">\r\n <\/div>\r\n <div>\r\n <label for=\"message\" class=\"block text-gray-700 text-sm font-bold mb-2\">Ketik Pesan Sekarang<\/label>\r\n <textarea id=\"message\" name=\"message\" rows=\"6\" placeholder=\"Tulis pesan Anda di sini...\"\r\n 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-blue-500 focus:border-transparent transition duration-200 resize-y\"><\/textarea>\r\n <\/div>\r\n <button type=\"button\" id=\"sendWhatsapp\"\r\n class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg focus:outline-none focus:shadow-outline transition duration-300 transform hover:scale-105 flex items-center justify-center\">\r\n <i class=\"fab fa-whatsapp text-xl mr-2\"><\/i> Kirim Pesan via WhatsApp\r\n <\/button>\r\n <\/form>\r\n <\/section>\r\n <\/div>\r\n\r\n <!-- Map Section -->\r\n <section class=\"mt-12 bg-white p-8 rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-300\">\r\n <h2 class=\"text-3xl font-bold text-gray-800 mb-6 border-b-2 border-blue-500 pb-3\">Lokasi Kami<\/h2>\r\n <div class=\"aspect-w-16 aspect-h-9 rounded-lg overflow-hidden shadow-md\">\r\n <!-- Replace with your actual Google Maps embed code -->\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3966.386120536481!2d106.8209867147699!3d-6.21277349549925!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f417f2e1b1d7%3A0x6b4a1b0b1b0b1b0b!2sMonumen%20Nasional!5e0!3m2!1sen!2sid!4v1678901234567!5m2!1sen!2sid\"\r\n width=\"100%\"\r\n height=\"450\"\r\n style=\"border:0;\"\r\n allowfullscreen=\"\"\r\n loading=\"lazy\"\r\n referrerpolicy=\"no-referrer-when-downgrade\"\r\n class=\"rounded-lg\"\r\n ><\/iframe>\r\n <\/div>\r\n <p class=\"text-center text-gray-600 mt-4 text-sm\">Klik pada peta untuk melihat detail lokasi.<\/p>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- Floating WhatsApp Button -->\r\n <a href=\"https:\/\/wa.me\/6281234567890\" target=\"_blank\" class=\"floating-whatsapp-button\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n\r\n <!-- Footer Section -->\r\n <footer class=\"bg-gray-800 text-white p-6 text-center mt-12\">\r\n <div class=\"container mx-auto\">\r\n <p>© 2025 Tegis.my.id. All rights reserved.<\/p>\r\n <div class=\"flex justify-center space-x-4 mt-3\">\r\n <a href=\"#\" class=\"hover:text-gray-400 transition duration-300\">Kebijakan Privasi<\/a>\r\n <span class=\"text-gray-500\">|<\/span>\r\n <a href=\"#\" class=\"hover:text-gray-400 transition duration-300\">Syarat & Ketentuan<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ WhatsApp number for the form (replace with your actual number)\r\n const whatsappNumber = \"6281234567890\"; \/\/ Example: Use your full international number without '+'\r\n\r\n document.getElementById('sendWhatsapp').addEventListener('click', function() {\r\n const name = document.getElementById('name').value;\r\n const address = document.getElementById('address').value;\r\n const message = document.getElementById('message').value;\r\n\r\n \/\/ Construct the WhatsApp message\r\n let whatsappMessage = `Halo, saya ingin bertanya:\\n\\n`;\r\n if (name) whatsappMessage += `Nama: ${name}\\n`;\r\n if (address) whatsappMessage += `Alamat: ${address}\\n`;\r\n if (message) whatsappMessage += `Pesan: ${message}\\n`;\r\n else whatsappMessage += `Pesan: (Tidak ada pesan spesifik)\\n`; \/\/ Fallback if message is empty\r\n\r\n \/\/ Encode the message for URL\r\n const encodedMessage = encodeURIComponent(whatsappMessage);\r\n\r\n \/\/ Construct the WhatsApp URL\r\n const whatsappUrl = `https:\/\/wa.me\/${whatsappNumber}?text=${encodedMessage}`;\r\n\r\n \/\/ Open WhatsApp in a new tab\r\n window.open(whatsappUrl, '_blank');\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-746a9db e-flex e-con-boxed e-con e-parent\" data-id=\"746a9db\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7797469 e-flex e-con-boxed e-con e-parent\" data-id=\"7797469\" 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-7397d09 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"7397d09\" 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>Kontak Kami – Tegis.my.id Informasi Kontak Alamat Jl. Contoh Raya No. 123, Kota Contoh, Provinsi Contoh, 12345 Telepon +62 812 3456 7890 Email info@tegis.my.id Jam Operasional Senin – Jumat: 09:00 – 17:00 WIB Sabtu: 09:00 – 13:00 WIB Minggu: Tutup Ikuti Kami Kirim Pesan via WhatsApp Nama Lengkap Alamat Ketik Pesan Sekarang Kirim Pesan via […]<\/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-14","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages\/14","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=14"}],"version-history":[{"count":25,"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":698,"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/698"}],"wp:attachment":[{"href":"https:\/\/tegis.my.id\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}