1<!-- grouping outlet & kota --> 2 3 4 5<!DOCTYPE html> 6<html lang="id"> 7 <head> 8 <!-- meta tags --> 9 <meta charset="utf-8"> 10 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 11 <meta http-equiv="x-ua-compatible" content="ie=edge"> 12 <meta name="author" content="Sunjaya Tours & Travel"> 13 <meta property="og:site_name" content="Sunjaya Tours & Travel"> 14 <link rel="canonical" href="https://www.sunjayaabadi.com"> 15 <meta name="csrf-token" content="aILWq6bNhm5hFkgCMxwmt4wtsrrS9f2FsIWweMd3"> 16 17 18 19 20 <!-- title --> 21 <title>Sunjaya Tours & Travel: Solusi Tiket, Tour & Rental Mobil</title> 22 23 <meta name="description" content="Sunjaya Tours & Travel melayani travel Balikpapan, Samarinda, Bontang, Sangatta. Tersedia juga tiket pesawat, paket tour, hotel & rental mobil."> 24 25 <meta name="keywords" content="sunjaya abadi, sunjaya tours & travel"> 26 27 <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 27-28
27 28<script async src="https://www.googletagmanager.com/gtag/js?id=
28G-N2KNR25NV8
vendor: 12 bytes, line 28
28"></script>
29<script> 30
vendor: 146 bytes, lines 30-33
30window.dataLayer = window.dataLayer || []; 31 function gtag() { dataLayer.push(arguments); } 32 gtag('js', new Date()); 33 gtag('config', '
33G-N2KNR25NV8
vendor: 8 bytes, lines 33-34
33'); 34
34</script>
34 35 <!-- Google Tag Manager --> 36
36<script>
vendor: 364 bytes, lines 36-41
36 37 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 38 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 39 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 40 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 41 })(window,document,'script','dataLayer','
41GTM-P72R58ZN
vendor: 8 bytes, lines 41-42
41'); 42
42</script>
42 43 <!-- End Google Tag Manager --> 44 45 46 47 <link href="https://www.sunjayaabadi.com/global/css/default-head.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 48 <noscript> 49 <link rel="stylesheet" href="/global/css/default-head.css?v=3.0"> 50 </noscript> 51 <!-- shortcut icon --> 52 <link rel="shortcut icon" href="https://www.sunjayaabadi.com/default/sunjaya/images/icon/favicon.png"> 53 <!-- bootstrap --> 54 <link href="https://www.sunjayaabadi.com/default/sunjaya/css/bootstrap.min.css?v=3.0"rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 55 <!-- flatpickr --> 56 <link href="https://www.sunjayaabadi.com/default/sunjaya/css/flatpickr.min.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 57 <!-- slimselect --> 58 <link href="https://www.sunjayaabadi.com/default/sunjaya/css/slimselect.min.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 59 60 <!-- font awesome --> 61 <link rel="stylesheet" type="text/css" href="https://www.sunjayaabadi.com/fontawesome-5.8.1/css/all.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 62 <!-- custom --> 63 64 <link href="https://www.sunjayaabadi.com/default/sunjaya/css/custom.css?v=1786611409" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 65 <link href="https://www.sunjayaabadi.com/global/css/custom-tailwind.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 66 67 <link rel="stylesheet" type="text/css" href="https://www.sunjayaabadi.com/global/css/gocaptcha-client.css"> 68 69 <style> 70 .border-seat { 71 border-radius: 16px; 72 border: 1px solid #E5E7EB; 73 } 74 75 .pcapital { 76 text-transform: capitalize !important; 77 } 78 79 .text-lowercase.pcapital, 80 .pcapital.text-lowercase { 81 text-transform: capitalize !important; 82 } 83 84 .shadow-cstm { 85 box-shadow: 0 8px 24px 0 #959da51f; 86 } 87 88 /* Button umum */ 89 .btn, 90 .btn:hover, 91 .btn:focus, 92 .btn:active, 93 .btn:focus-visible, 94 .btn:not(:disabled):not(.disabled):active { 95 outline: none !important; 96 box-shadow: none !important; 97 } 98 99 /* Link */ 100 a, 101 a:hover, 102 a:focus, 103 a:active, 104 a:focus-visible { 105 outline: none !important; 106 box-shadow: none !important; 107 } 108 109 /* Image */ 110 img, 111 img:focus, 112 img:active, 113 img:focus-visible { 114 outline: none !important; 115 box-shadow: none !important; 116 } 117 118 /* Accordion Bootstrap 5 */ 119 .accordion-button, 120 .accordion-button:hover, 121 .accordion-button:focus, 122 .accordion-button:active, 123 .accordion-button:focus-visible, 124 .accordion-button:not(.collapsed) { 125 outline: none !important; 126 box-shadow: none !important; 127 } 128 129 /* Accordion Bootstrap 4 / card header */ 130 .card-header, 131 .card-header:focus, 132 .card-header:active, 133 .card-header .btn, 134 .card-header .btn:hover, 135 .card-header .btn:focus, 136 .card-header .btn:active, 137 .card-header .btn:focus-visible { 138 outline: none !important; 139 box-shadow: none !important; 140 } 141 142 /* Elemen accordion yang memakai data-toggle / data-bs-toggle */ 143 [data-toggle="collapse"], 144 [data-toggle="collapse"]:focus, 145 [data-toggle="collapse"]:active, 146 [data-bs-toggle="collapse"], 147 [data-bs-toggle="collapse"]:focus, 148 [data-bs-toggle="collapse"]:active { 149 outline: none !important; 150 box-shadow: none !important; 151 -webkit-tap-highlight-color: transparent; 152 } 153 </style> 154 155 <link rel="stylesheet" href="https://www.sunjayaabadi.com/default/sunjaya/css/slick-theme.css"> 156<link rel="stylesheet" href="https://www.sunjayaabadi.com/default/sunjaya/css/slick.css"> 157<link rel="stylesheet" href="https://www.sunjayaabadi.com/global/css/flatpickr-holiday.css?ver=2"> 158<style> 159 .flatpickr-months { 160 border-bottom: none !important; 161 margin-bottom: 0 !important; 162 padding-bottom: 0 !important; 163 } 164 .holiday-legend { 165 margin-top: 0 !important; 166 border-top: 0 !important; 167 } 168</style> 169<style> 170 .bg-layanan-ver1 { 171 background-image: url('https://www.sunjayaabadi.com/default/sunjaya/images/bg/bg.png'); 172 background-size: cover; 173 color: white; 174 font-family: 'Plus Jakarta Sans', sans-serif; 175 } 176 177 .bg-birthday { 178 background-image: url('https://www.sunjayaabadi.com/default/sunjaya/images/bg/bg-birthday.png'); 179 /* URL untuk gambar transparan */ 180 background-size: cover; 181 background-position: center; 182 background-repeat: no-repeat; 183 } 184 185 .card-birthday { 186 background: linear-gradient(209.37deg, #FEFCE8 15.92%, #FEF9C3 80.67%); 187 border: 1px solid #CA8A041A; 188 box-shadow: 0px 4px 10px -2px #FEF08A40; 189 box-shadow: 0px 2px 2px -1px #FEF08A40; 190 box-shadow: 0px -1px 4px 0px #0000000D inset; 191 color: #A16207; 192 } 193 194 .img-position { 195 background: url('https://www.sunjayaabadi.com/default/sunjaya/images/icon/horray.png'); 196 background-position: bottom right; 197 background-size: 80px; 198 background-repeat: no-repeat; 199 } 200 201 .card-layanan-ver1 { 202 background-color: rgba(0, 0, 0, 0.5); 203 } 204 205 .img-layanan { 206 max-width: 200px; 207 margin: auto; 208 } 209 210 .img-layanan-ver2 { 211 position: absolute; 212 width: 179.3px; 213 height: 119.5px; 214 left: 146.31px; 215 top: 1061.75px; 216 } 217 218 #popInfoImg { 219 border-radius: 8px; 220 } 221
222 .modal-pop-info { 223 background: rgb(0 0 0 / 69%); 224 } 225 226 .modal-pop-info>.modal-dialog>.modal-content { 227 border: none !important; 228 background: transparent !important; 229 } 230 231 .close-pop-info { 232 position: absolute; 233 right: 7px; 234 top: -18px; 235 cursor: pointer; 236 font-size: 26px; 237 } 238 239 .br-99 { 240 border-radius: 99px; 241 } 242 243 .slider .slide-item { 244 display: block; 245 margin-right: 10px; 246 } 247 248 .slider img { 249 width: 100%; 250 display: block; 251 } 252</style> 253 254 </head> 255 <body> 256 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 256-257
256 257<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
257GTM-P72R58ZN
vendor: 91 bytes, lines 257-259
257" 258 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 259
259<!-- End Google Tag Manager (noscript) --> 260 261 262 263 <!-- SCRIPTS --> 264 <!-- jquery --> 265
265<script src="https://www.sunjayaabadi.com/default/sunjaya/js/jquery-3.3.1.min.js?v=3.0"></script>
265 266 <!-- bootstrap tooltips --> 267
267<script src="https://www.sunjayaabadi.com/default/sunjaya/js/popper.min.js?v=3.0" ></script>
267 268 <!-- bootstrap --> 269
269<script src="https://www.sunjayaabadi.com/default/sunjaya/js/bootstrap.min.js?v=3.0"></script>
269 270 <!-- flatpickr --> 271
271<script src="https://www.sunjayaabadi.com/default/sunjaya/js/flatpickr.js?v=3.0"></script>
271 272
272<script type="text/javascript" src="https://www.sunjayaabadi.com/global/js/flatpickr.id.js?v=3.0" ></script>
272 273 <!-- slimselect --> 274
274<script src="https://www.sunjayaabadi.com/default/sunjaya/js/slimselect.min.js?v=3.0" ></script>
274 275 <!-- filterinput --> 276
276<script src="https://www.sunjayaabadi.com/default/sunjaya/js/filterinput.js?v=3.0" ></script>
276 277
277<script src="https://www.sunjayaabadi.com/global/js/moment.js?v=3.0" ></script>
277 278
278<script type="text/javascript" src="https://www.sunjayaabadi.com/global/js/date-id.js?v=3.0"></script>
278 279 280
280<script type="text/javascript"> 281 function applyPcapital(root) { 282 var container = root || document; 283 var elements = container.querySelectorAll ? container.querySelectorAll('.pcapital') : []; 284 285 function titleCaseText(value) { 286 return value.toLowerCase().replace(/(^|[\s\-\/(])([a-z])/g, function(match, prefix, letter) { 287 return prefix + letter.toUpperCase(); 288 }); 289 } 290 291 function transformTextNodes(node) { 292 if (node.nodeType === 3) { 293 if (node.nodeValue.replace(/\s/g, '') !== '') { 294 node.nodeValue = titleCaseText(node.nodeValue); 295 } 296 return; 297 } 298 299 if (node.nodeType !== 1 || /^(script|style|textarea|input)$/i.test(node.nodeName)) { 300 return; 301 } 302 303 for (var i = 0; i < node.childNodes.length; i++) { 304 transformTextNodes(node.childNodes[i]); 305 } 306 } 307 308 for (var i = 0; i < elements.length; i++) { 309 transformTextNodes(elements[i]); 310 } 311 } 312 313 document.addEventListener("DOMContentLoaded", function() { 314 applyPcapital(); 315 316 $('#close-alert-copy').click(function(){ 317 $('#alert-copy').removeClass('d-block'); 318 }); 319 }); 320 321 function copyTeks(){ 322 var textToCopy = $("#kode-bayar").select().val(); 323 // navigator clipboard api needs a secure context (https) 324 if (navigator.clipboard && window.isSecureContext) { 325 // navigator clipboard api method' 326 $('#alert-copy').addClass('d-block'); 327 return navigator.clipboard.writeText(textToCopy); 328 } else { 329 // text area method 330 let textArea = document.createElement("textarea"); 331 textArea.value = textToCopy; 332 // make the textarea out of viewport 333 textArea.style.position = "fixed"; 334 textArea.style.left = "-999999px"; 335 textArea.style.top = "-999999px"; 336 document.body.appendChild(textArea); 337 textArea.focus(); 338 textArea.select(); 339 $('#alert-copy').addClass('d-block'); 340 return new Promise((res, rej) => { 341 // here the magic happens 342 document.execCommand('copy') ? res() : rej(); 343 textArea.remove(); 344 }); 345 } 346 } 347 348 function handleEmailClick(email) { 349 const s = encodeURIComponent("Hallo Sunjaya Tours & Travel"); 350 const b = encodeURIComponent("Saya ingin bertanya"); 351 352 const mailto = `mailto:${email}?subject=${s}&body=${b}`; 353 const gmailWeb = `https://mail.google.com/mail/?view=cm&fs=1&to=${email}&su=${s}&body=${b}`; 354 355 const ua = navigator.userAgent; 356 const isMobile = /Android|iPhone|iPad|iPod/i.test(ua); 357 const isChromeDesktop = ua.includes("Chrome") && !ua.includes("Mobile"); 358 const isEdgeDesktop = ua.includes("Edg") && !ua.includes("Mobile"); 359 360 // MOBILE â gunakan MAILTO (ini satu-satunya yang buka compose) 361 if (isMobile) { 362 window.location.href = mailto; 363 return; 364 } 365 366 // DESKTOP Chrome / Edge 367 if (isChromeDesktop || isEdgeDesktop) { 368 window.open(gmailWeb, "_blank"); 369 return; 370 } 371 372 // DESKTOP lain: mailto â fallback Gmail 373 window.location.href = mailto; 374 375 setTimeout(() => { 376 if (!document.hidden) window.open(gmailWeb, "_blank"); 377 }, 700); 378 } 379 </script>
379 380 381 382 <!-- Info Header --> 383<div class="container-fluid bg-white info-header text-center p-3 fs-14 d-block d-xl-none"> 384 <p class="mb-0"> 385 <span data-i18n="navOfficialWebsitePrefix">Website Resmi</span> Sunjaya Tours & Travel, <span data-i18n="navDownloadAppAt">download aplikasinya di</span> 386 <a target="_blank" href="https://www.sunjayaabadi.com/download/app" data-i18n="navDownloadLink">link berikut</a> 387 </p> 388</div> 389 390<nav class="navbar navbar-expand-xl navbar-light bg-light sticky-top" style="box-shadow: 0 0px 7px #505050cc;"> 391 <div class="container-fluid px-3 px-xl-5"> 392 <!-- Bagian Kiri: Logo + Download App --> 393 <div class="d-flex align-items-center" style="flex: 1;"> 394 <a class="navbar-brand p-0 m-0" href="https://www.sunjayaabadi.com"> 395 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo.png" class="img-fluid logo-navbar" style="height: 45px;"> 396 </a> 397 </div> 398 399 <!-- Tombol Toggler untuk mobile --> 400 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation" style="outline:none"> 401 <span class="navbar-toggler-icon"></span> 402 </button> 403 404 <!-- Bagian Tengah & Kanan (Collapse) --> 405 <div class="collapse navbar-collapse" id="navbarColor03"> 406 <!-- Bagian Tengah: Primary Menu --> 407 <ul class="navbar-nav mx-auto font-bold-o" style="flex: 2; justify-content: center;"> 408 <li class="nav-item 409 "> 410 <a class="nav-link 411 " 412 href="https://www.sunjayaabadi.com/tentang" data-i18n-id="Tentang" data-i18n-en="Tentang">Tentang 413 </a> 414 </li> 415 <li class="nav-item 416 "> 417 <a class="nav-link 418 " 419 href="https://www.sunjayaabadi.com/outlet" data-i18n-id="Outlet" data-i18n-en="Outlet">Outlet 420 </a> 421 </li> 422 <li class="nav-item "> 423 <div class="dropdown"> 424 <a class="nav-link dropdown-toggle" role="button" id="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 425 <span data-i18n-id="Info" data-i18n-en="Info">Info</span> 426 </a> 427 <div class="dropdown-menu dropdown-menu-right mx-0 px-2" aria-labelledby=""> 428 <a class="dropdown-item nav-link px-2 font-weight-normal" href="https://www.sunjayaabadi.com/blog"> 429 <span data-i18n-id="Blog" data-i18n-en="Blog">Blog</span> 430 </a> 431 <a class="dropdown-item nav-link px-2 font-weight-normal" href="https://www.sunjayaabadi.com/promo"> 432 <span data-i18n-id="Promo" data-i18n-en="Promo">Promo</span> 433 </a> 434 <a class="dropdown-item nav-link px-2 font-weight-normal" href="https://www.sunjayaabadi.com/pembayaran"> 435 <span data-i18n-id="Cara Bayar" data-i18n-en="Payment Guide">Cara Bayar</span> 436 </a> 437 </div> 438 </div> 439 </li> 440 <li class="nav-item 441 "> 442 <a class="nav-link 443 " 444 href="https://www.sunjayaabadi.com/kontak" data-i18n-id="Kontak" data-i18n-en="Kontak">Kontak 445 </a> 446 </li> 447 </ul> 448
449 <!-- Bagian Kanan: Cek Tiket + Masuk --> 450 <div class="d-flex align-items-center justify-content-between justify-content-xl-end" style="flex: 1;"> 451 <form class="form-inline my-2 my-lg-0"> 452 <!-- Tombol Cek Tiket --> 453 <a class="nav-link btn-secondary text-white bubble-inline btn-sm my-2 my-sm-0 btn-tiket mr-3" 454 href="https://www.sunjayaabadi.com/book/cekbook" 455 style="font-size: 1rem;"> 456 <img src="https://www.sunjayaabadi.com/global/images/icon/ticket-percent.svg" alt="" width="20" 457 class="img-fluid mr-1 icon-discount"> 458 <span data-i18n="navCheckTicket">Cek Tiket</span> 459 </a> 460 461 <!-- Menu Akun / Masuk --> 462 <li class="nav-item" style="list-style: none;"> 463 <a href="https://www.sunjayaabadi.com/masuk" class="nav-link ddaccount btn-masuk"> 464 <i class="fa fa-user-circle pr-2"></i> 465 <span data-i18n="navRegisterLogin">Daftar/Masuk</span> 466 </a> 467 </li> 468 </form> 469 </div> 470 </div> 471 </div> 472</nav> 473 474 475<div class="modal fade dark-backdrop" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModal"> 476 <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> 477 <div class="modal-content"> 478 <div class="modal-body text-center"> 479 <p class="pb-0 mb-0" data-i18n="logoutConfirmation">Yakin Ingin Keluar ?</p> 480 </div> 481 <div class="modal-footer border-0 mx-auto"> 482 <button class="btn btn-danger f0kom9 px-4 py-1" data-dismiss="modal" data-i18n="commonNo">Tidak</button> 483 <button class="btn btn-primary f0kom9 px-4 py-1" onclick="logout()" data-i18n="commonYes">Ya</button> 484 </div> 485 </div> 486 </div> 487</div> 488
489<script> 490 async function logout() { 491 try { 492 // ⿡ Panggil endpoint Laravel untuk hapus session backend 493 await fetch("https://www.sunjayaabadi.com/logout", { 494 method: 'POST', 495 headers: { 496 'X-CSRF-TOKEN': 'aILWq6bNhm5hFkgCMxwmt4wtsrrS9f2FsIWweMd3', 497 }, 498 }); 499 } catch (e) { 500 console.warn('Gagal logout backend (session Laravel), lanjut hapus di frontend.'); 501 } 502 503 // ⿢ Hapus semua cookie yang berkaitan dengan login 504 document.cookie = "tokenLoginMember=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 505 document.cookie = "user_info_telp=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 506 document.cookie = "user_info_login=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 507 508 // ⿣ Bersihkan localStorage & sessionStorage 509 localStorage.clear(); 510 sessionStorage.clear(); 511 512 // ⿤ Redirect ke halaman login 513 window.location.replace("https://www.sunjayaabadi.com/masuk"); 514 } 515</script>
515 516
516<script> 517 document.addEventListener('DOMContentLoaded', function () { 518 if (!window.matchMedia('(hover: hover) and (pointer: fine)').matches) { 519 return; 520 } 521 522 document.querySelectorAll('.navbar .dropdown-toggle').forEach(function (toggle) { 523 if (toggle.textContent.trim().toLowerCase() !== 'info') { 524 return; 525 } 526 527 var dropdown = toggle.closest('.dropdown'); 528 var menu = dropdown ? dropdown.querySelector('.dropdown-menu') : null; 529 530 if (!dropdown || !menu) { 531 return; 532 } 533 534 dropdown.addEventListener('mouseenter', function () { 535 dropdown.classList.add('show'); 536 menu.classList.add('show'); 537 toggle.setAttribute('aria-expanded', 'true'); 538 }); 539 540 dropdown.addEventListener('mouseleave', function () { 541 dropdown.classList.remove('show'); 542 menu.classList.remove('show'); 543 toggle.setAttribute('aria-expanded', 'false'); 544 }); 545 }); 546 }); 547</script>
547 548 549 <div class="container-fluid px-0" style="min-height: 80vh"> 550 <div class="mycontainer"> 551 <style> 552 @media (min-width: 576px) { 553 .modal-dialog{ 554 max-width: 700px !important; 555 } 556 } 557 558 .tombol-login-popup{ 559 cursor: pointer; 560 border: 1px solid #E1E1E1; 561 border-radius: 10px; 562 } 563 564 .close-pop-info-login{ 565 position: absolute; 566 right: 10px; 567 top: 10px; 568 } 569</style> 570 571<div class="modal modal-pop-info fade" id="popLogin" tabindex="-1" aria-labelledby="popInfoLabel" aria-hidden="true"> 572 <div class="modal-dialog modal-dialog-set modal-dialog-centered"> 573 <div class="modal-content text-center" style="background: transparent; box-shadow: unset !important;"> 574 <div class="row"> 575 <div class="col-12 mx-auto relative"> 576 577 <div class="row mx-0"> 578 <div class="col-md-6 my-auto pb-2 pb-md-0"> 579 <img 580 style="border-radius: 20px;" 581 class="img-fluid" 582 src="https://www.sunjayaabadi.com/default/sunjaya/images/popup-login-sunjaya.jpg" 583 srcset=" 584 https://www.sunjayaabadi.com/default/sunjaya/images/popup-login-sunjaya.jpg 480w, 585 https://www.sunjayaabadi.com/default/sunjaya/images/popup-login-sunjaya.jpg 768w, 586 https://www.sunjayaabadi.com/default/sunjaya/images/popup-login-sunjaya.jpg 1200w 587 " 588 sizes="(max-width: 480px) 100vw, 589 (max-width: 768px) 80vw, 590 1200px" 591 fetchpriority="high" 592 /> 593 </div> 594 <div class="col-md-6 mx-auto bg-white" style="border-radius:20px; min-height:200px;"> 595 596 <i class="fa fa-times-circle text-danger fs-18 close-pop-info-login"></i> 597 <div class="px-2 pt-4 pb-3" style="text-align:left;"> 598 <p class="mb-2">Registrasi di Website</p> 599 600 601 <div class="d-flex tombol-login-popup p-2 mb-2" id="btnPopupPhone"> 602 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"> 603 <path d="M9.20841 12.7355L7.66675 14.2772C7.34175 14.6022 6.82508 14.6022 6.49175 14.2855C6.40008 14.1938 6.30841 14.1105 6.21675 14.0188C5.35841 13.1522 4.58341 12.2438 3.89175 11.2938C3.20841 10.3438 2.65841 9.39385 2.25841 8.45218C1.86675 7.50218 1.66675 6.59385 1.66675 5.72718C1.66675 5.16051 1.76675 4.61885 1.96675 4.11885C2.16675 3.61051 2.48341 3.14385 2.92508 2.72718C3.45841 2.20218 4.04175 1.94385 4.65841 1.94385C4.89175 1.94385 5.12508 1.99385 5.33341 2.09385C5.55008 2.19385 5.74175 2.34385 5.89175 2.56051L7.82508 5.28551C7.97508 5.49385 8.08341 5.68551 8.15841 5.86885C8.23341 6.04385 8.27508 6.21885 8.27508 6.37718C8.27508 6.57718 8.21675 6.77718 8.10008 6.96885C7.99175 7.16051 7.83341 7.36051 7.63341 7.56051L7.00008 8.21885C6.90841 8.31051 6.86675 8.41885 6.86675 8.55218C6.86675 8.61885 6.87508 8.67718 6.89175 8.74385C6.91675 8.81051 6.94175 8.86051 6.95841 8.91051C7.10841 9.18551 7.36675 9.54385 7.73341 9.97718C8.10841 10.4105 8.50841 10.8522 8.94175 11.2938C9.02508 11.3772 9.11675 11.4605 9.20008 11.5438C9.53341 11.8688 9.54175 12.4022 9.20841 12.7355Z" fill="#2A4DA1"/> 604 <path d="M18.3083 15.5525C18.3083 15.7859 18.2667 16.0275 18.1833 16.2609C18.1583 16.3275 18.1333 16.3942 18.1 16.4609C17.9583 16.7609 17.775 17.0442 17.5333 17.3109C17.125 17.7609 16.675 18.0859 16.1667 18.2942C16.1583 18.2942 16.15 18.3025 16.1417 18.3025C15.65 18.5025 15.1167 18.6109 14.5417 18.6109C13.6917 18.6109 12.7833 18.4109 11.825 18.0025C10.8667 17.5942 9.90833 17.0442 8.95833 16.3525C8.63333 16.1109 8.30833 15.8692 8 15.6109L10.725 12.8859C10.9583 13.0609 11.1667 13.1942 11.3417 13.2859C11.3833 13.3025 11.4333 13.3275 11.4917 13.3525C11.5583 13.3775 11.625 13.3859 11.7 13.3859C11.8417 13.3859 11.95 13.3359 12.0417 13.2442L12.675 12.6192C12.8833 12.4109 13.0833 12.2525 13.275 12.1525C13.4667 12.0359 13.6583 11.9775 13.8667 11.9775C14.025 11.9775 14.1917 12.0109 14.375 12.0859C14.5583 12.1609 14.75 12.2692 14.9583 12.4109L17.7167 14.3692C17.9333 14.5192 18.0833 14.6942 18.175 14.9025C18.2583 15.1109 18.3083 15.3192 18.3083 15.5525Z" fill="#2A4DA1"/> 605 </svg> 606 <div class="fs-14 ml-2"> 607 Menggunakan Nomor Telepon 608 </div> 609 </div> 610 611 612 <div class="d-flex tombol-login-popup p-2 mb-2" id="bt
612nPopupWa"> 613 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 614 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6843 2.46528C12.5416 2.55657 14.2723 3.32248 15.5942 4.64524C17.0042 6.05613 17.7803 7.93157 17.7795 9.92602C17.7779 14.0418 14.4273 17.3905 10.3113 17.3905C8.76351 17.3905 7.53352 16.9149 6.73932 16.482L2.78027 17.52L3.83981 13.6519C3.18625 12.5198 2.84236 11.2358 2.84289 9.9201C2.84455 5.80447 6.19481 2.45605 10.3112 2.45605L10.6843 2.46528ZM6.92273 15.1306L7.14943 15.2651C8.10248 15.8303 9.19492 16.1294 10.3088 16.1299H10.3113C13.7326 16.1299 16.5172 13.3466 16.5186 9.9256C16.5192 8.26783 15.8742 6.70904 14.7022 5.53634C13.5302 4.36357 11.9717 3.71734 10.3138 3.7168C6.88982 3.7168 4.1052 6.49979 4.10384 9.92053C4.10337 11.0929 4.43153 12.2346 5.05289 13.2223L5.20048 13.4571L4.57341 15.7466L6.92273 15.1306ZM14.0737 11.7011C14.0271 11.6232 13.9027 11.5766 13.7161 11.4832C13.5295 11.3898 12.6121 10.9386 12.441 10.8763C12.27 10.8142 12.1456 10.7831 12.0212 10.9697C11.8968 11.1564 11.5392 11.5766 11.4303 11.7011C11.3215 11.8255 11.2126 11.8411 11.026 11.7478C10.8394 11.6544 10.2381 11.4574 9.52538 10.822C8.97063 10.3274 8.59612 9.71667 8.48726 9.52994C8.37844 9.34325 8.47565 9.24227 8.56907 9.1493C8.65303 9.0657 8.75571 8.93144 8.84901 8.82253C8.94232 8.71365 8.97339 8.6358 9.03562 8.51137C9.09781 8.38687 9.0667 8.27799 9.02006 8.18463C8.97339 8.09123 8.60021 7.17316 8.44472 6.79971C8.29322 6.43605 8.13937 6.48528 8.02484 6.47954C7.91612 6.47415 7.7916 6.47297 7.66722 6.47297C7.5428 6.47297 7.34064 6.51961 7.16959 6.70638C6.99854 6.89307 6.51647 7.34435 6.51647 8.26234C6.51647 9.18044 7.18515 10.0673 7.27845 10.1918C7.37175 10.3163 8.59429 12.2001 10.4662 13.0081C10.9114 13.2003 11.259 13.315 11.53 13.401C11.9771 13.5429 12.3838 13.5229 12.7054 13.4749C13.0639 13.4213 13.8094 13.0237 13.9649 12.588C14.1204 12.1523 14.1204 11.7788 14.0737 11.7011Z" fill="#EEEEEE"/> 615 <mask id="mask0_344_279" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="3" width="13" height="14"> 616 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.92266 15.1306L7.14936 15.265C8.1024 15.8303 9.19484 16.1294 10.3087 16.1299H10.3112C13.7325 16.1299 16.5171 13.3466 16.5185 9.92559C16.5191 8.26783 15.8741 6.70903 14.7021 5.53633C13.5302 4.36356 11.9717 3.71734 10.3137 3.7168C6.88974 3.7168 4.10513 6.49978 4.10376 9.92053C4.10329 11.0929 4.43145 12.2346 5.05282 13.2223L5.20041 13.4571L4.57333 15.7466L6.92266 15.1306ZM14.0737 11.7011C14.027 11.6232 13.9027 11.5766 13.716 11.4832C13.5294 11.3898 12.612 10.9386 12.441 10.8763C12.2699 10.8142 12.1455 10.7831 12.0211 10.9697C11.8967 11.1564 11.5391 11.5766 11.4302 11.7011C11.3214 11.8255 11.2125 11.8411 11.026 11.7477C10.8393 11.6544 10.2381 11.4574 9.5253 10.822C8.97055 10.3274 8.59604 9.71667 8.48718 9.52994C8.37836 9.34325 8.47558 9.24227 8.56899 9.1493C8.65295 9.0657 8.75563 8.93143 8.84894 8.82252C8.94224 8.71364 8.97332 8.63579 9.03554 8.51136C9.09773 8.38687 9.06662 8.27799 9.01999 8.18462C8.97332 8.09122 8.60014 7.17316 8.44464 6.7997C8.29314 6.43604 8.1393 6.48528 8.02476 6.47953C7.91605 6.47415 7.79152 6.47296 7.66714 6.47296C7.54273 6.47296 7.34056 6.51961 7.16951 6.70637C6.99846 6.89307 6.51639 7.34434 6.51639 8.26233C6.51639 9.18043 7.18507 10.0673 7.27837 10.1918C7.37168 10.3163 8.59421 12.2001 10.4661 13.0081C10.9113 13.2002 11.2589 13.315 11.5299 13.4009C11.977 13.5429 12.3838 13.5229 12.7053 13.4749C13.0638 13.4213 13.8094 13.0236 13.9648 12.588C14.1203 12.1523 14.1203 11.7788 14.0737 11.7011Z" fill="black"/> 617 </mask> 618 <g mask="url(#mask0_344_279)"> 619 <path d="M20.5665 -0.416504H-0.416748V20.5668H20.5665V-0.416504Z" fill="url(#paint0_linear_344_279)"/> 620 </g> 621 <defs> 622 <linearGradient id="paint0_linear_344_279" x1="10.0749" y1="20.5668" x2="10.0749" y2="-0.416504" gradientUnits="userSpaceOnUse"> 623 <stop stop-color="#25CF43"/> 624 <stop offset="1" stop-color="#61FD7D"/> 625 </linearGradient> 626 </defs> 627 </svg> 628 <div class="fs-14 ml-2"> 629 Menggunakan Whatsapp 630 </div> 631 </div> 632 633 634 635 636 637 <div class="d-flex tombol-login-popup p-2" id="bt
637nPopupGoogle"> 638 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 639 <path fill-rule="evenodd" clip-rule="evenodd" d="M16.8 10.1608C16.8 9.65851 16.7549 9.17555 16.6712 8.71191H10V11.4519H13.8121C13.6479 12.3373 13.1489 13.0875 12.3987 13.5898V15.367H14.6879C16.0273 14.1339 16.8 12.318 16.8 10.1608Z" fill="#4285F4"/> 640 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 17.0832C11.9126 17.0832 13.516 16.4489 14.688 15.3671L12.3988 13.5898C11.7645 14.0148 10.9531 14.266 10.0001 14.266C8.15521 14.266 6.59366 13.0199 6.03665 11.3457H3.67017V13.1809C4.8357 15.4959 7.23116 17.0832 10.0001 17.0832Z" fill="#34A853"/> 641 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.03664 11.3457C5.89497 10.9207 5.81448 10.4668 5.81448 9.99991C5.81448 9.53306 5.89497 9.07908 6.03664 8.65408V6.81885H3.67016C3.19042 7.7751 2.91675 8.85692 2.91675 9.99991C2.91675 11.1429 3.19042 12.2247 3.67016 13.181L6.03664 11.3457Z" fill="#FBBC05"/> 642 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 5.73374C11.0401 5.73374 11.9738 6.09113 12.7079 6.79303L14.7395 4.76139C13.5128 3.6184 11.9094 2.9165 10.0001 2.9165C7.23116 2.9165 4.8357 4.50382 3.67017 6.81878L6.03665 8.65401C6.59366 6.97977 8.15521 5.73374 10.0001 5.73374Z" fill="#EA4335"/> 643 </svg> 644 645 <div class="fs-14 ml-2"> 646 Menggunakan Google 647 </div> 648 </div> 649 650 <div class="py-2"> 651 <p class="text-secondary text-center mb-0">Atau</p> 652 </div> 653 654 <p class="mb-0">Registrasi di Aplikasi</p> 655 <div class="row mx-0"> 656 <div class="col-6 px-0" style="margin-left: -10px"> 657 <a target="_blank" href="https://play.google.com/store/apps/details?id=com.trust.android.sunjaya" ><img src="https://www.sunjayaabadi.com/images/playstore.png" class="img-fluid" ></a> 658 </div> 659 <div class="col-6 px-0"> 660 <a target="_blank" href="" ><img src="https://www.sunjayaabadi.com/images/appstore.png" class="img-fluid" ></a> 661 </div> 662 </div> 663 </div> 664 </div> 665 </div> 666 </div> 667 </div> 668 </div> 669 </div> 670</div> 671
672<script> 673 let popLoginAuth = 0; 674 let popLoginFeature = 0; 675 676 let isTriggered = false; //biar ga double trigger 677 678 $(document).ready(function() { 679 if(popLoginAuth == 0 && popLoginFeature == 1){ 680 showPopup(); 681 } 682 683 // CLOSE BUTTON 684 $(document).on('click', '.close-pop-info-login', function(){ 685 console.log('Close login popup (X clicked)'); 686 triggerNextPopup(); 687 $('#popLogin').modal('hide'); 688 }); 689 690 // BACKDROP CLICK 691 $('#popLogin').on('click', function(e){ 692 if ($(e.target).hasClass('modal')) { 693 console.log('Backdrop login popup clicked'); 694 triggerNextPopup(); 695 } 696 }); 697 698 }); 699 700 // ESC / BACKDROP / PROGRAMMATIC CLOSE 701 $('#popLogin').on('hidden.bs.modal', function () { 702 console.log('Modal login hidden'); 703 704 // fallback (kalau belum ke-trigger dari click) 705 if(!isTriggered){ 706 console.log('Trigger from hidden fallback'); 707 triggerNextPopup(); 708 } 709 710 // reset biar aman kalau dipakai lagi 711 isTriggered = false; 712 }); 713 714 function triggerNextPopup(){ 715 if(isTriggered) return; // cegah double 716 717 isTriggered = true; 718 719 console.log('Trigger loginDialogClosed'); 720 $(document).trigger('loginDialogClosed'); 721 } 722 723 // BUTTON ACTIONS 724 $('#btnPopupPhone').click(function(){ 725 window.location.href = "https://www.sunjayaabadi.com/masuk?t=telp"; 726 }); 727 728 $('#btnPopupGoogle').click(function(){ 729 window.location.href = "https://www.sunjayaabadi.com/masuk?t=google"; 730 }); 731 732 $('#btnPopupWa').click(function(){ 733 var link = "https://www.sunjayaabadi.com/whatsapp/login"; 734 window.open(link, '_blank'); 735 }); 736 737 function showPopup(){ 738 console.log('Show login popup'); 739 $('#popLogin').modal({ 740 backdrop: true, 741 keyboard: true, 742 show: true 743 }); 744 } 745</script>
745 <style> 746 .modal-content { 747 box-shadow: none !important; 748 } 749 750 @media (max-width: 400px){ 751 .modal-dialog-set { 752 max-width: 300px !important; 753 margin: 1.75rem auto; 754 } 755 } 756 757 @media (min-width: 401px && max-width:999px){ 758 .modal-dialog-set { 759 max-width: 300px !important; 760 margin: 1.75rem auto; 761 } 762 } 763 764 @media (min-width: 1000px){ 765 .modal-dialog-set { 766 max-width: 1000px; 767 margin: 1.75rem auto; 768 } 769 } 770</style> 771 772<div class="modal modal-pop-info fade" id="popInfo" tabindex="-1" aria-labelledby="popInfoLabel" aria-hidden="true"> 773 <div class="modal-dialog modal-dialog-set modal-dialog-centered"> 774 <div class="modal-content text-center"> 775 <div class="row"> 776 <div class="col-12 mx-auto relative"> 777 <i class="fa fa-times-circle text-danger fs-18 close-pop-info"></i> 778 <a href="" id="linkPopup" target="_blank" ><img src="" id="popInfoImg" class="img-fluid" ></a> 779 </div> 780 </div> 781 </div> 782 </div> 783</div> 784 785 786 787 <!-- Card Reservasi --> 788 <style> 789 .reservasi-section { 790 background-size: cover; 791 background-position: center; 792 background-image: url('default/sunjaya/images/bg/bg-reservasi.png'); 793 color: #ffffff; 794 border-radius: 20px; 795 position: relative; 796 height: 400px; 797 } 798 799 #header-title { 800 font-size: 1.8rem; 801 } 802 803 #header-desc { 804 color: #ffffff; 805 opacity: 0.7; 806 } 807 808 .section-form { 809 margin-bottom: -15rem; 810 } 811 812 .ss-main .ss-single-selected { 813 margin-top: -15px; 814 } 815 816 @media (max-width: 991.98px) { 817 .reservasi-section { 818 height: auto; 819 } 820 821 #header-title { 822 font-size: 1.3rem; 823 } 824 825 .section-form { 826 margin-bottom: 0; 827 } 828 } 829</style> 830 831<section class="container-fluid mt-3 px-md-5" style="margin-bottom: 10rem;"> 832 <div class="py-5 reservasi-section d-flex align-items-center"> 833 <div class="container"> 834 <h1 class="font-weight-bold mb-2" id="header-title">Perjalanan Premium Antarkota di Kalimantan Timur bersama Sunjaya</h1> 835 <p class="mb-0" id="header-desc">Pesan tiket travel dengan fasilitas nyaman rute Balikpapan, Samarinda, Bontang, dan Sangatta. Cari jadwal dan pilih kursi Anda sekarang!</p> 836 837 <form action="https://www.sunjayaabadi.com/book/tiket" method="get"> 838 <input type="hidden" name="_token" value="aILWq6bNhm5hFkgCMxwmt4wtsrrS9f2FsIWweMd3"> 839 <div class="row mx-0 mt-4"> 840 <div class="col-12 px-lg-0 section-form"> 841 <div class="card p-4 px-lg-5 pb-lg-5 pt-lg-4"> 842 <div class="form-row text-muted"> 843 <div class="form-group col-lg-4 pr-lg-5 mb-0 mt-3 order-1 order-lg-1"> 844 <p class="mb-1" data-i18n="bookingDeparture">Keberangkatan</p> 845 <select name="asal" class="form-control form-pp" id="asal"> 846 <option value="" data-i18n="bookingSelectDeparture">Pilih Keberangkatan</option> 847 <optgroup label ='BALIKPAPAN'> <option value='26'>BALIKPAPAN</option> <option value='25'>BANDARA BALIKPAPAN</option> </optgroup><optgroup label ='BONTANG'> <option value='21'>SIMP3 BONTANG</option> </optgroup><optgroup label ='KUTAI TIMUR'> <option value='20'> SANGATTA</option> <option value='88'>S3BONTANG (PERTASHOP)</option> </optgroup><optgroup label ='SAMARINDA'> <option value='24'>SAMARINDA AREA</option> <option value='23'>SAMARINDA YAMIN</option> <option value='22'>SUNJAYA BANDARA APT SAMARINDA</option> </optgroup> 848 </select> 849 </div> 850 <div class="form-group col-lg-4 pr-lg-5 mb-0 mt-3 order-2 order-lg-2"> 851 <p class="mb-1"><span data-i18n="bookingDestination">Tujuan</span><img class="loadKeberangkatan ml-2 d-none" src="https://www.sunjayaabadi.com/global/images/loading//loader.gif" width="15px"></p> 852 <select name="tujuan" class="form-control form-pp" id="tujuan"> 853 <option value="" data-i18n="bookingSelectDestination">Pilih Tujuan</option> 854 </select> 855 </div> 856 <div class="form-group col-lg-4 pr-lg-5 mb-0 mt-3 order-3 order-lg-4"> 857 <p class="mb-1" data-i18n="bookingDepartureDate">Tanggal Pergi</p> 858 <input type="text" name="tglberangkat" id="tanggal_pergi" class="form-control form-pp datepicker"> 859 </div> 860 <div class="form-group col-lg-4 pr-lg-5 mb-0 mt-3 order-4 order-lg-5"> 861 <label class="mb-1 mr-2" for="sw" data-i18n="bookingReturnDate">Tanggal Pulang</label> 862 <div class="custom-control custom-switch d-inline" id="sw"> 863 <input type="checkbox" class="custom-control-input" id="is_pp"> 864 <label class="custom-control-label" for="is_pp"></label> 865 <input type="hidden" name="ispp" id="ispp"> 866 </div> 867 <input type="text" name="tglpulang" id="tanggal_pulang" class="form-control form-pp datepicker tglpulang"> 868 </div> 869 <div class="form-group col-lg-4 pr-lg-5 mb-0 mt-3 order-5 order-lg-3"> 870 <p class="mb-1" data-i18n="bookingPassenger">Penumpang</p> 871 <select name="jmlpenumpang" id="jmlpenumpang" class="form-control form-pp"> 872 <option value="1" >1 Orang</option> 873 <option value="2" >2 Orang</option> 874 <option value="3" >3 Orang</option> 875 <option value="4" >4 Orang</option> 876 <option value="5" >5 Orang</option> 877 <option value="6" >6 Orang</option> 878 <option value="7" >7 Orang</option> 879 </select> 880 </div> 881 <div class="form-group col-lg-4 pr-lg-5 mb-0 mt-auto order-6 order-lg-6"> 882 <input type="hidden" name="namaasal" id="namaasal"> 883 <input type="hidden" name="namatujuan" id="namatujuan"> 884 <button onclick="return cek()" class="btn btn-block btn-lg btn-cari mt-3 mt-md-none"><i class="fa fa-search pr-2"></i> Cari</button> 885 </div> 886 </div> 887 </div> 888 </div> 889 </div> 890 </form> 891 </div> 892 </div> 893</div> 894 895 <!-- Slider Banner --> 896 <style> 897 .slider { 898 position: relative; 899 } 900 901 .slick-dots li.slick-active button:before { 902 color: #E3030E !important; 903 } 904 905 .slick-prev-custom, 906 .slick-next-custom { 907 position: absolute; 908 top: 50%; 909 transform: translateY(-50%); 910 z-index: 10; 911 912 width: 36px; 913 height: 36px; 914 915 border-radius: 50%; 916 border: 3px solid #FFFFFF; 917 918 background: #E3030E; 919 color: #FAFAFA; 920 921 font-size: 28px; 922 line-height: 1; 923 924 display: flex; 925 align-items: center; 926 justify-content: center; 927 } 928 929 .slick-prev-custom { 930 left: -15px; 931 } 932 933 .slick-next-custom { 934 right: -15px; 935 } 936 937 @media (max-width: 768px) { 938 939 .slick-prev-custom, 940 .slick-next-custom { 941 display: none !important; 942 } 943 } 944</style> 945 946<section class="container-fluid px-md-5 my-5"> 947 <div class=" mb-3"> 948 <h2 class="section-title">Promo Terbaik Sunjaya Tours & Travel</h2> 949 </div> 950 951 <div class="mb-4"> 952 <div class="row">
953 <div class="col-12 px-0 br-card mb-2"> 954 <div class="slider"> 955 <div class="slide-item"> 956 <a href="https://www.sunjayaabadi.com/masuk?utm_source=website&utm_medium=banner" target="_blank"> 957 <img src="https://www.sunjayaabadi.com/uploads/slider/slider20220203130925.png" class="img-fluid outline-none br-card shadow" alt="Banner" 958 srcset="https://www.sunjayaabadi.com/uploads/slider/slider20220203130925.png 600w" 959 sizes="100vw" 960 fetchpriority="high"> 961 </a> 962 </div> 963 </div> 964 </div> 965 </div> 966 </div> 967</section> 968 <!-- Info --> 969 <style> 970 .product-scroll { 971 display: flex; 972 gap: 10px; 973 overflow-x: auto; 974 scrollbar-width: none; 975 -webkit-overflow-scrolling: touch; 976 } 977 978 .product-scroll::-webkit-scrollbar {
979 display: none; 980 } 981 982 .product-scroll .btn-product { 983 flex-shrink: 0; 984 white-space: nowrap; 985 } 986 987 .btn-product { 988 background-color: #FFE2E2; 989 color: #E3030E; 990 } 991 992 .btn-product.active { 993 background-color: #E3030E; 994 color: #FAFAFA; 995 } 996 997 .card-section-info { 998 transition: transform 0.2s ease; 999 cursor: pointer; 1000 border-radius: 24px; 1001 overflow: hidden; 1002 } 1003 1004 .card-section-info-img-top { 1005 height: 132px; 1006 object-fit: cover; 1007 width: 100%; 1008 } 1009 1010 .card-section-info-body { 1011 padding: 12px; 1012 } 1013 1014 .card-section-info-img-blog { 1015 display: block; 1016 height: auto; 1017 width: 100%; 1018 } 1019 1020 .card-section-info-title { 1021 font-size: 14px; 1022 font-family: 'Primary' !important; 1023 margin: 0; 1024 line-height: 1.4; 1025 font-weight: 600; 1026 1027 /* Ellipsis untuk 2 baris */ 1028 display: -webkit-box; 1029 -webkit-line-clamp: 2; 1030 -webkit-box-orient: vertical; 1031 overflow: hidden; 1032 text-overflow: ellipsis; 1033 word-break: break-word; 1034 } 1035 1036 .info-slider-wrapper { 1037 position: relative; 1038 } 1039 1040 .info-slider { 1041 display: flex; 1042 gap: 24px; 1043 overflow-x: auto; 1044 scroll-behavior: smooth; 1045 scrollbar-width: none; 1046 } 1047 1048 .info-slider::-webkit-scrollbar {
1049 display: none; 1050 } 1051 1052 .berita-item { 1053 flex: 0 0 calc(25% - 18px); 1054 } 1055 1056 .slider-arrow { 1057 position: absolute; 1058 top: 50%; 1059 transform: translateY(-50%); 1060 z-index: 2; 1061 width: 36px; 1062 height: 36px; 1063 border-radius: 50%; 1064 border: 3px solid #FFFFFF; 1065 background: #E3030E; 1066 color: #FAFAFA; 1067 font-size: 28px; 1068 line-height: 1; 1069 } 1070 1071 .slider-prev { 1072 left: -18px; 1073 } 1074 1075 .slider-next { 1076 right: -18px; 1077 } 1078 1079 .slider-indicator { 1080 display: flex; 1081 justify-content: center; 1082 gap: 8px; 1083 margin-top: 20px; 1084 } 1085 1086 .slider-dot { 1087 width: 5px; 1088 height: 5px; 1089 min-width: 5px; 1090 min-height: 5px; 1091 padding: 0; 1092 border-radius: 50%; 1093 background: #FFE2E2; 1094 border: none; 1095 appearance: none; 1096 -webkit-appearance: none; 1097 transition: all .2s ease; 1098 } 1099 1100 .slider-dot.active { 1101 background: #E3030E; 1102 transform: scale(1.2); 1103 } 1104 1105 @media (max-width: 991px) { 1106 .berita-item { 1107 flex: 0 0 calc(50% - 12px); 1108 } 1109 } 1110 1111 @media (max-width: 575px) { 1112 .berita-item { 1113 flex: 0 0 85%; 1114 } 1115 1116 .slider-arrow { 1117 display: none; 1118 } 1119 } 1120</style> 1121 1122<section class="container-fluid px-md-5 my-5"> 1123 <div class=" mb-3"> 1124 <h2 class="section-title">Info Sunjaya Tours & Travel</h2> 1125 </div> 1126 1127 <div class="mb-4 product-scroll"> 1128 <button 1129 class="btn btn-product filter-product active" 1130 data-product="1"> 1131 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/travel.png" alt="" width="25"> 1132 <b>Travel</b> 1133 </button> 1134 <button 1135 class="btn btn-product filter-product " 1136 data-product="2"> 1137 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/paket.png" alt="" width="25"> 1138 <b>Paket</b> 1139 </button> 1140 <button 1141 class="btn btn-product filter-product " 1142 data-product="3"> 1143 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/kargo.png" alt="" width="25"> 1144 <b>Kargo</b> 1145 </button> 1146 <button 1147 class="btn btn-product filter-product " 1148 data-product="4"> 1149 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/pariwisata.png" alt="" width="25"> 1150 <b>Pariwisata</b> 1151 </button> 1152 <button 1153 class="btn btn-product filter-product " 1154 data-product="5"> 1155 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/pesawat.png" alt="" width="25"> 1156 <b>Pesawat</b> 1157 </button> 1158 </div> 1159 1160 <div class="info-slider-wrapper"> 1161 <button class="slider-arrow slider-prev" type="button">â¹</button> 1162 1163 <div class="info-slider" id="infoSlider"> 1164 <div class="berita-item" data-product="1"> 1165 <a href="https://www.sunjayaabadi.com/blog/travel-sangatta-balikpapan"> 1166 <div class="card-section-info border shadow-none"> 1167 <img 1168 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/20260807175258_travel-sangatta-balikpapan.webp" 1169 class="card-section-info-img-blog" 1170 alt="travel-sangatta-balikpapan" 1171 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1172 <div class="card-section-info-body px-3"> 1173 <h3 class="card-section-info-title" data-i18n-id="Travel Sangatta-Balikpapan, Banyak Pilihan Jadwal" data-i18n-en="Travel Sangatta-Balikpapan, Banyak Pilihan Jadwal">Travel Sangatta-Balikpapan, Banyak Pilihan Jadwal</h3> 1174 </div> 1175 </div> 1176 </a> 1177 </div> 1178 <div class="berita-item" data-product="1"> 1179 <a href="https://www.sunjayaabadi.com/blog/travel-bontang-samarinda"> 1180 <div class="card-section-info border shadow-none"> 1181 <img 1182 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/20260706162445_travel-bontang-samarinda.webp" 1183 class="card-section-info-img-blog" 1184 alt="travel-bontang-samarinda" 1185 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1186 <div class="card-section-info-body px-3"> 1187 <h3 class="card-section-info-title" data-i18n-id="Jadwal Travel Bontang-Samarinda Lengkap: Harga & Fasilitas" data-i18n-en="Jadwal Travel Bontang-Samarinda Lengkap: Harga & Fasilitas">Jadwal Travel Bontang-Samarinda Lengkap: Harga & Fasilitas</h3> 1188 </div> 1189 </div> 1190 </a> 1191 </div> 1192 <div class="berita-item" data-product="1"> 1193 <a href="https://www.sunjayaabadi.com/blog/travel-bontang-balikpapan"> 1194 <div class="card-section-info border shadow-none"> 1195 <img 1196 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/20260713170454_travel-bontang-balikpapan.webp" 1197 class="card-section-info-img-blog" 1198 alt="travel-bontang-balikpapan" 1199 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1200 <div class="card-section-info-body px-3"> 1201 <h3 class="card-section-info-title" data-i18n-id="Jadwal Travel Bontang-Balikpapan, Berangkat Hampir Setiap Jam" data-i18n-en="Jadwal Travel Bontang-Balikpapan, Berangkat Hampir Setiap Jam">Jadwal Travel Bontang-Balikpapan, Berangkat Hampir Setiap Jam</h3> 1202 </div> 1203 </div> 1204 </a> 1205 </div> 1206 <div class="berita-item" data-product="1"> 1207 <a href="https://www.sunjayaabadi.com/blog/travel-balikpapan-sangatta"> 1208 <div class="card-section-info border shadow-none"> 1209 <img 1210 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/20260721180325_travel-balikpapan-sangatta.webp" 1211 class="card-section-info-img-blog" 1212 alt="travel-balikpapan-sangatta" 1213 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1214 <div class="card-section-info-body px-3"> 1215 <h3 class="card-section-info-title" data-i18n-id="Info Travel Balikpapan-Sangatta, Jadwal Pagi hingga Malam" data-i18n-en="Info Travel Balikpapan-Sangatta, Jadwal Pagi hingga Malam">Info Travel Balikpapan-Sangatta, Jadwal Pagi hingga Malam</h3> 1216 </div> 1217 </div> 1218 </a> 1219 </div> 1220 <div class="berita-item" data-product="1"> 1221 <a href="https://www.sunjayaabadi.com/blog/travel-samarinda-bontang"> 1222 <div class="card-section-info border shadow-none"> 1223 <img 1224 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/_local_20230512132700_banner-sunjaya-01.jpg" 1225 class="card-section-info-img-blog" 1226 alt="travel-samarinda-bontang" 1227 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1228 <div class="card-section-info-body px-3"> 1229 <h3 class="card-section-info-title" data-i18n-id="Sunjaya Travel: Rekomendasi Travel Samarinda Bontang Lengkap dengan Jadwal, Rute, dan Harganya!" data-i18n-en="Sunjaya Travel: Rekomendasi Travel Samarinda Bontang Lengkap dengan Jadwal, Rute, dan Harganya!">Sunjaya Travel: Rekomendasi Travel Samarinda Bontang Lengkap dengan Jadwal, Rute, dan Harganya!</h3> 1230 </div> 1231 </div> 1232 </a> 1233 </div> 1234 <div class="berita-item" data-product="1"> 1235 <a href="https://www.sunjayaabadi.com/blog/rute-travel-balikpapan-bontang-sunjaya"> 1236 <div class="card-section-info border shadow-none"> 1237 <img 1238 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/20240912135322_travel-balikpapan-bontang.webp" 1239 class="card-section-info-img-blog" 1240 alt="rute-travel-balikpapan-bontang-sunjaya"
1241 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1242 <div class="card-section-info-body px-3"> 1243 <h3 class="card-section-info-title" data-i18n-id="Sunjaya Travel: Rute Travel Balikpapan Bontang, Cek Jadwal dan Tarif Di Sini!" data-i18n-en="Sunjaya Travel: Rute Travel Balikpapan Bontang, Cek Jadwal dan Tarif Di Sini!">Sunjaya Travel: Rute Travel Balikpapan Bontang, Cek Jadwal dan Tarif Di Sini!</h3> 1244 </div> 1245 </div> 1246 </a> 1247 </div> 1248 <div class="berita-item" data-product="1"> 1249 <a href="https://www.sunjayaabadi.com/blog/travel-balikpapan-samarinda"> 1250 <div class="card-section-info border shadow-none"> 1251 <img 1252 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/_local_20230512134948_sunjaya-travel-balikpapan-samarinda.jpg" 1253 class="card-section-info-img-blog" 1254 alt="travel-balikpapan-samarinda" 1255 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1256 <div class="card-section-info-body px-3"> 1257 <h3 class="card-section-info-title" data-i18n-id="Sunjaya Travel: Rekomendasi Travel Balikpapan - Samarinda PP" data-i18n-en="Sunjaya Travel: Rekomendasi Travel Balikpapan - Samarinda PP">Sunjaya Travel: Rekomendasi Travel Balikpapan - Samarinda PP</h3> 1258 </div> 1259 </div> 1260 </a> 1261 </div> 1262 <div class="berita-item" data-product="1"> 1263 <a href="https://www.sunjayaabadi.com/blog/travel-bandara-balikpapan"> 1264 <div class="card-section-info border shadow-none"> 1265 <img 1266 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/_local_20230512135747_banner-sunjaya-04.jpg" 1267 class="card-section-info-img-blog" 1268 alt="travel-bandara-balikpapan" 1269 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1270 <div class="card-section-info-body px-3"> 1271 <h3 class="card-section-info-title" data-i18n-id="Sunjaya Travel: Rekomendasi Travel dari Bandara Balikpapan de
1271ngan Banyak Pilihan Keberangkatan" data-i18n-en="Sunjaya Travel: Rekomendasi Travel dari Bandara Balikpapan dengan Banyak Pilihan Keberangkatan">Sunjaya Travel: Rekomendasi Travel dari Bandara Balikpapan dengan Banyak Pilihan Keberangkatan</h3> 1272 </div> 1273 </div> 1274 </a> 1275 </div> 1276 <div class="berita-item" data-product="1"> 1277 <a href="https://www.sunjayaabadi.com/blog/travel-samarinda-ke-balikpapan"> 1278 <div class="card-section-info border shadow-none"> 1279 <img 1280 src="https://webasset.b-cdn.net/webprofile/default-sunjaya/berita/20240816114432_samarinda-ke-balikpapan.webp" 1281 class="card-section-info-img-blog" 1282 alt="travel-samarinda-ke-balikpapan" 1283 onerror="this.onerror=null;this.src='https://www.sunjayaabadi.com/global/images/default-news.svg';"> 1284 <div class="card-section-info-body px-3"> 1285 <h3 class="card-section-info-title" data-i18n-id="Sunjaya Travel Samarinda Balikpapan, Jadwal, dan Harga" data-i18n-en="Sunjaya Travel Samarinda Balikpapan, Jadwal, dan Harga">Sunjaya Travel Samarinda Balikpapan, Jadwal, dan Harga</h3> 1286 </div> 1287 </div> 1288 </a> 1289 </div> 1290 </div> 1291 1292 <button class="slider-arrow slider-next" type="button">âº</button> 1293 </div> 1294 1295 <div class="slider-indicator" id="sliderIndicator"></div> 1296</section> 1297
1298<script> 1299 document.addEventListener('DOMContentLoaded', function() { 1300 const buttons = document.querySelectorAll('.filter-product'); 1301 const beritaItems = document.querySelectorAll('.berita-item'); 1302 1303 function filterBerita(productId) { 1304 beritaItems.forEach(item => { 1305 item.style.display = item.dataset.product == productId ? 'block' : 'none'; 1306 }); 1307 } 1308 1309 if (buttons.length > 0) { 1310 filterBerita(buttons[0].dataset.product); 1311 } 1312 1313 buttons.forEach(button => { 1314 button.addEventListener('click', function() { 1315 buttons.forEach(btn => btn.classList.remove('active')); 1316 this.classList.add('active'); 1317 1318 filterBerita(this.dataset.product); 1319 }); 1320 }); 1321 }); 1322</script>
1322 1323
1324<script> 1325 document.addEventListener('DOMContentLoaded', function() { 1326 const buttons = document.querySelectorAll('.filter-product'); 1327 const beritaItems = document.querySelectorAll('.berita-item'); 1328 const slider = document.getElementById('infoSlider'); 1329 const indicator = document.getElementById('sliderIndicator'); 1330 const prevBtn = document.querySelector('.slider-prev'); 1331 const nextBtn = document.querySelector('.slider-next'); 1332 1333 let activeItems = []; 1334 1335 function getCardWidth() { 1336 const firstItem = activeItems[0]; 1337 if (!firstItem) return 300; 1338 1339 return firstItem.offsetWidth + 24; 1340 } 1341 1342 function renderIndicator() { 1343 indicator.innerHTML = ''; 1344 1345 const visibleCards = window.innerWidth < 576 ? 1 : 1346 window.innerWidth < 992 ? 2 : 4; 1347 1348 const totalSlides = Math.ceil(activeItems.length / visibleCards); 1349 1350 for (let index = 0; index < totalSlides; index++) { 1351 const dot = document.createElement('button'); 1352 1353 dot.className = 'slider-dot'; 1354 1355 if (index === 0) { 1356 dot.classList.add('active'); 1357 } 1358 1359 dot.addEventListener('click', function() { 1360 slider.scrollLeft = index * slider.offsetWidth; 1361 }); 1362 1363 indicator.appendChild(dot); 1364 } 1365 } 1366 1367 function updateIndicator() { 1368 const dots = document.querySelectorAll('.slider-dot'); 1369 1370 if (!dots.length) return; 1371 1372 const maxScroll = slider.scrollWidth - slider.clientWidth; 1373 const currentScroll = slider.scrollLeft; 1374 1375 let index = Math.round( 1376 (currentScroll / maxScroll) * (dots.length - 1) 1377 ); 1378 1379 if (currentScroll >= maxScroll - 5) { 1380 index = dots.length - 1; 1381 } 1382 1383 dots.forEach(dot => dot.classList.remove('active')); 1384 1385 if (dots[index]) { 1386 dots[index].classList.add('active'); 1387 } 1388 } 1389 1390 function filterBerita(productId) { 1391 activeItems = []; 1392 1393 beritaItems.forEach(item => { 1394 if (item.dataset.product == productId) { 1395 item.style.display = 'block'; 1396 activeItems.push(item); 1397 } else { 1398 item.style.display = 'none'; 1399 } 1400 }); 1401 1402 slider.scrollLeft = 0; 1403 renderIndicator(); 1404 updateIndicator(); 1405 } 1406 1407 if (buttons.length > 0) { 1408 filterBerita(buttons[0].dataset.product); 1409 } 1410 1411 buttons.forEach(button => { 1412 button.addEventListener('click', function() { 1413 buttons.forEach(btn => btn.classList.remove('active')); 1414 this.classList.add('active'); 1415 1416 filterBerita(this.dataset.product); 1417 }); 1418 }); 1419 1420 nextBtn.addEventListener('click', function() { 1421 slider.scrollLeft += getCardWidth(); 1422 }); 1423 1424 prevBtn.addEventListener('click', function() { 1425 slider.scrollLeft -= getCardWidth(); 1426 }); 1427 1428 slider.addEventListener('scroll', updateIndicator); 1429 }); 1430</script>
1430 1431 1432 1433 <!-- Tentang --> 1434 <section class="section-bg-tentang"> 1435 <div class="container py-5 mb-3"> 1436 <div class="row"> 1437 <div class="col-lg-6 align-self-center d-flex justify-content-center"> 1438 <img class="img-fluid img-about rounded-10 rounded img-tentang-ver1" 1439 src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo2.png" 1440 srcset=" 1441 https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo2.png 480w, 1442 https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo2.png 768w, 1443 https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo2.png 1200w 1444 " 1445 sizes="(max-width: 480px) 100vw, 1446 (max-width: 768px) 80vw, 1447 1200px" 1448 alt="image" 1449 loading="lazy" 1450 decoding="async"> 1451 </div> 1452 <div class="col-lg-6 align-self-center"> 1453 <h2 class="section-title text-center text-lg-left">Tentang Sunjaya Tours & Travel</h2> 1454 <p class="font-weight-bold fs-20"></p> 1455 1456 <p class="text-muted">Sunjaya Tours & Travel adalah perusahaan Jasa Pariwisata yang melayani Penjualan tiket pesawat, Tour dalam dan luar negeri, Hotel Reservation, Rental Car yang berlokasi di Samarinda. PT. Sun Jaya Abadi Tours & Travel didirikan pada 27 Oktober 2008 berkomitmen mengutamakan pelayanan terbaik yang selalu melayani dengan hati.</p> 1457 </div> 1458 </div> 1459 </div> 1460</section> 1461 1462 <!-- Fasilitas --> 1463 <div class="container-fluid px-md-5 mt-5"> 1464 <style> 1465 /* Opsional: Menambah jarak antar kolom saat mode mobile */ 1466 @media (max-width: 767.98px) { 1467 .divider-bottom { 1468 display: none; 1469 } 1470 } 1471</style> 1472 1473<div class="pt-5 pb-4"> 1474 <div class="text-center mb-4"> 1475 <h2>Fasilitas Sunjaya Tours & Travel</h2> 1476 <p class="text-muted">Nikmati perjalanan nyaman dengan fasilitas terbaik dari Sunjaya Tours & Travel:</p> 1477 <hr class="divider-bottom"> 1478 </div> 1479 <div class="row justify-content-center mb-4"> 1480 <div class="col-md-4 col-sm-6 mb-3 d-flex justify-content-center"> 1481 <div class="card p-4 border" style="border-radius: 24px; box-shadow: none !important;"> 1482 <div class="pb-3 d-flex"> 1483 <div class="d-flex justify-content-center align-items-center rounded-fasilitas" style="width: 64px; height: 64px;"> 1484 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/fasilitas/pesawat.png" alt="Pesawat" width="40" height="40"> 1485 </div> 1486 </div> 1487 <div class="pb-1"> 1488 <h3 class="font-weight-bold fs-22">Pesawat</span> 1489 </div> 1490 <div> 1491 <p class="text-muted">Pemesanan tiket domestik & internasional dengan proses cepat dan harga terbaik.</span> 1492 </div> 1493 </div> 1494 </div> 1495 <div class="col-md-4 col-sm-6 mb-3 d-flex justify-content-center"> 1496 <div class="card p-4 border" style="border-radius: 24px; box-shadow: none !important;"> 1497 <div class="pb-3 d-flex"> 1498 <div class="d-flex justify-content-center align-items-center rounded-fasilitas" style="width: 64px; height: 64px;"> 1499 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/fasilitas/subagent.png" alt="Sub Agent" width="40" height="40"> 1500 </div> 1501 </div> 1502 <div class="pb-1"> 1503 <h3 class="font-weight-bold fs-22">Sub Agent</span> 1504 </div> 1505 <div> 1506 <p class="text-muted">Kesempatan kemitraan terpercaya dengan sistem mudah dan dukungan penuh.</span> 1507 </div> 1508 </div> 1509 </div> 1510 <div class="col-md-4 col-sm-6 mb-3 d-flex justify-content-center"> 1511 <div class="card p-4 border" style="border-radius: 24px; box-shadow: none !important;"> 1512 <div class="pb-3 d-flex"> 1513 <div class="d-flex justify-content-center align-items-center rounded-fasilitas" style="width: 64px; height: 64px;"> 1514 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/fasilitas/hotel.png" alt="Hotel" width="40" height="40"> 1515 </div> 1516 </div> 1517 <div class="pb-1"> 1518 <h3 class="font-weight-bold fs-22">Hotel</span> 1519 </div> 1520 <div> 1521 <p class="text-muted">Booking hotel terbaik dengan harga terjangkau dan lokasi strategis.</span> 1522 </div> 1523 </div> 1524 </div> 1525 </div> 1526 <div class="row justify-content-center mb-4"> 1527 <div class="col-md-4 col-sm-6 mb-3 d-flex justify-content-center"> 1528 <div class="card p-4 border" style="border-radius: 24px; box-shadow: none !important;"> 1529 <div class="pb-3 d-flex"> 1530 <div class="d-flex justify-content-center align-items-center rounded-fasilitas" style="width: 64px; height: 64px;"> 1531 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/fasilitas/transport.png" alt="Transport" width="40" height="40"> 1532 </div> 1533 </div> 1534 <div class="pb-1"> 1535 <h3 class="font-weight-bold fs-22">Transport</span> 1536 </div> 1537 <div> 1538 <p class="text-muted">Layanan shuttle & carter nyaman untuk berbagai kebutuhan perjalanan.</span> 1539 </div> 1540 </div> 1541 </div> 1542 <div class="col-md-4 col-sm-6 mb-3 d-flex justify-content-center"> 1543 <div class="card p-4 border" style="border-radius: 24px; box-shadow: none !important;"> 1544 <div class="pb-3 d-flex"> 1545 <div class="d-flex justify-content-center align-items-center rounded-fasilitas" style="width: 64px; height: 64px;"> 1546 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/fasilitas/kirim_paket.png" alt="Kirim Paket" width="40" height="40"> 1547 </div> 1548 </div> 1549 <div class="pb-1"> 1550 <h3 class="font-weight-bold fs-22">Kirim Paket</span> 1551 </div> 1552 <div> 1553 <p class="text-muted">
1553Pengiriman paket cepat, aman, dan tepat waktu ke berbagai tujuan.</span> 1554 </div> 1555 </div> 1556 </div> 1557 <div class="col-md-4 col-sm-6 mb-3 d-flex justify-content-center"> 1558 <div class="card p-4 border" style="border-radius: 24px; box-shadow: none !important;"> 1559 <div class="pb-3 d-flex"> 1560 <div class="d-flex justify-content-center align-items-center rounded-fasilitas" style="width: 64px; height: 64px;"> 1561 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/fasilitas/tour_mice.png" alt="Tour & MICE" width="40" height="40"> 1562 </div> 1563 </div> 1564 <div class="pb-1"> 1565 <h3 class="font-weight-bold fs-22">Tour & MICE</span> 1566 </div> 1567 <div> 1568 <p class="text-muted">Melayani wisata, gathering, study tour, hingga event perusahaan.</span> 1569 </div> 1570 </div> 1571 </div> 1572 </div> 1573 </div> 1574 </div> 1575 1576 <!-- Kelebihan --> 1577 <style> 1578 /* Styling Dasar Card */ 1579 .card-kelebihan { 1580 transition: all 0.3s ease; 1581 /* Transisi halus saat hover */ 1582 cursor: pointer; 1583 } 1584 1585 /* State Hover */ 1586 .card-kelebihan:hover { 1587 background-color: #E3030E !important; 1588 transform: translateY(-5px); 1589 } 1590 1591 /* Perubahan warna teks saat card di-hover */ 1592 .card-kelebihan:hover h3, 1593 .card-kelebihan:hover p, 1594 .card-kelebihan:hover .text-muted { 1595 color: #FAFAFA !important; 1596 } 1597 1598 /* Opsional: Menambah jarak antar kolom saat mode mobile */ 1599 @media (max-width: 767.98px) { 1600 .col-left-content { 1601 margin-bottom: 2rem; 1602 } 1603 } 1604</style> 1605 1606<section class="container-fluid px-md-5 mt-5"> 1607 <div class="row align-items-stretch"> 1608 1609 <div class="col-12 col-md-6 flex-column col-left-content"> 1610 <h2 class="section-title mb-0 mb-md-4 text-center text-md-left">Kenapa Harus Memilih Kami?</h2> 1611 <p class="text-muted mb-4 text-center text-md-left">Kami berkomitmen memberikan standar pelayanan transportasi terbaik untuk kelancaran mobilitas Anda.</p> 1612 1613 <div class="card border-0 shadow-sm p-4 mb-3 card-kelebihan" style="border-radius: 30px;"> 1614 <div class="d-flex align-items-start"> 1615 <div class="mt-1"> 1616 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/cepat.png" 1617 alt="Cepat" 1618 style="width: 24px; height: 24px; object-fit: contain;"> 1619 </div> 1620 1621 <div class="ml-3"> 1622 <h3 class="fw-bold mb-1 text-dark" style="font-size: 1.25rem; font-family: 'SemiBold' !important;"> 1623 Cepat 1624 </h3> 1625 <div class="kelebihan-desc"> 1626 <p class="mb-0 text-muted" style="line-height: 1.6;"> 1627 Rute optimal dan efisien untuk memangkas waktu tempuh Anda di jalan. 1628 </p> 1629 </div> 1630 </div> 1631 </div> 1632 </div> 1633 <div class="card border-0 shadow-sm p-4 mb-3 card-kelebihan" style="border-radius: 30px;"> 1634 <div class="d-flex align-items-start"> 1635 <div class="mt-1"> 1636 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/tepat_waktu.png" 1637 alt="Tepat Waktu" 1638 style="width: 24px; height: 24px; object-fit: contain;"> 1639 </div> 1640 1641 <div class="ml-3"> 1642 <h3 class="fw-bold mb-1 text-dark" style="font-size: 1.25rem; font-family: 'SemiBold' !important;"> 1643 Tepat Waktu 1644 </h3> 1645 <div class="kelebihan-desc"> 1646 <p class="mb-0 text-muted" style="line-height: 1.6;"> 1647 Disiplin jadwal keberangkatan untuk memastikan Anda tidak pernah terlambat. 1648 </p> 1649 </div> 1650 </div> 1651 </div> 1652 </div> 1653 <div class="card border-0 shadow-sm p-4 mb-3 card-kelebihan" style="border-radius: 30px;"> 1654 <div class="d-flex align-items-start"> 1655 <div class="mt-1"> 1656 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/murah.png" 1657 alt="Murah" 1658 style="width: 24px; height: 24px; object-fit: contain;"> 1659 </div> 1660 1661 <div class="ml-3"> 1662 <h3 class="fw-bold mb-1 text-dark" style="font-size: 1.25rem; font-family: 'SemiBold' !important;"> 1663 Murah 1664 </h3> 1665 <div class="kelebihan-desc"> 1666 <p class="mb-0 text-muted" style="line-height: 1.6;"> 1667 Layanan berkualitas tinggi dengan tarif yang pas di kantong semua kalangan. 1668 </p> 1669 </div> 1670 </div> 1671 </div> 1672 </div> 1673 </div> 1674 1675 1676 <div class="col-12 col-md-6 d-flex pb-3"> 1677 <div class="w-100"> 1678 <img class="img-fluid w-100" 1679 src="https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/logo.png" 1680 srcset=" 1681 https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/logo.png 480w, 1682 https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/logo.png 768w, 1683 https://www.sunjayaabadi.com/default/sunjaya/images/kelebihan/logo.png 1200w 1684 "
1685 sizes="(max-width: 480px) 100vw, 1686 (max-width: 768px) 80vw, 1687 1200px" 1688 alt="image" 1689 loading="lazy" 1690 1691 style="border-radius: 24px; object-fit: cover; min-height: 300px; height: 100%;" 1692 decoding="async"> 1693 </div> 1694 </div> 1695 </div> 1696</section> 1697 <!-- Payment Channel --> 1698 <section class=""> 1699 <div class="container py-5"> 1700 <div class="row"> 1701 <div class="col-md-6 col-lg-7 pr-lg-5"> 1702 <img src="https://www.sunjayaabadi.com/global/images/salespayment2.webp" alt="" class="img-fluid" loading="lazy" decoding="async"> 1703 </div> 1704 <div class="col-md-6 col-lg-5 pt-4 my-auto"> 1705 <h2 class="heading-title mb-4 text-sales-payment section-title"> 1706 Pembayaran Fleksibel, Perjalanan Lebih Mudah 1707 </h2> 1708 <p class="text-muted mb-5"> 1709 Nikmati kemudahan pembayaran dengan 20+ metode, mulai dari dompet digital, transfer bank, 1710 hingga pembayaran di gerai retail. Pilih yang paling nyaman untukmu! 1711 </p> 1712 <a href="https://www.sunjayaabadi.com/pembayaran" class="btn first-bg-color bt
1712n-payment btn-outline-cari text-white px-3 py-2"> 1713 Jelajahi Opsi Pembayaran 1714 <i class="fa fa-arrow-right ml-2"></i> 1715 </a> 1716 </div> 1717 </div> 1718 </div> 1719</section> 1720 1721 <!-- Download --> 1722 <style> 1723 .bg-net { 1724 position: relative; 1725 background-image: url('https://www.sunjayaabadi.com/default/sunjaya/images/bg/bg-download-new.png'), 1726 url('https://www.sunjayaabadi.com/default/sunjaya/images/bg/bg-download-1.png'); 1727 background-size: cover, cover; 1728 background-repeat: no-repeat, no-repeat; 1729 background-position: center, center; 1730 color: #EC1D25; 1731 border-radius: 20px; 1732 height: 512px !important; 1733 } 1734 1735 .bg-net::after { 1736 content: ''; 1737 position: absolute; 1738 top: 0; 1739 left: 0; 1740 width: 100%; 1741 height: 100%; 1742 background-image: url('https://www.sunjayaabadi.com/default/sunjaya/images/bg/bg-download-1.png'); 1743 background-size: 90%; 1744 background-repeat: no-repeat; 1745 background-position: right; 1746 border-radius: 20px; 1747 z-index: 0; 1748 } 1749 1750 .bg-net .row { 1751 position: relative; 1752 z-index: 2; 1753 } 1754 1755 .img-phone { 1756 height: 548px; 1757 margin-top: -83px; 1758 margin-right: -111px; 1759 position: relative; 1760 z-index: 10; 1761 } 1762 1763 .img-store { 1764 width: 150px; 1765 } 1766 1767 .img-downloads { 1768 height: 45px; 1769 } 1770 1771 .title-downloads { 1772 font-size: 56px; 1773 font-weight: bold; 1774 line-height: 1; 1775 } 1776 1777 .desc-downloads { 1778 font-size: 36px; 1779 font-weight: bold; 1780 } 1781 1782 .downloads { 1783 font-size: 20px; 1784 } 1785 1786 @media screen and (max-width: 1400px) { 1787 .img-store { 1788 width: 120px; 1789 } 1790 1791 .title-downloads { 1792 font-size: 46px; 1793 } 1794 1795 .desc-downloads { 1796 font-size: 25px; 1797 } 1798 } 1799 1800 @media screen and (max-width: 768px) { 1801 .bg-net { 1802 height: auto !important; 1803 padding-bottom: 0; 1804 display: flex; 1805 align-items: flex-end; 1806 } 1807 1808 .bg-net::after { 1809 background-image: url('https://www.sunjayaabadi.com/default/sunjaya/images/bg/bg-download-1-phone.png'); 1810 background-size: 100% !important; 1811 background-position: center bottom !important; 1812 background-repeat: no-repeat; 1813 top: auto; 1814 bottom: 0; 1815 height: 100%; 1816 } 1817 1818 .bg-net .row { 1819 flex-direction: column; 1820 width: 100%; 1821 margin: 0 !important; 1822 } 1823 1824 .img-phone { 1825 height: auto; 1826 width: 100%; 1827 margin-top: 0 !important; 1828 margin-right: 0; 1829 margin-bottom: 0; 1830 position: relative; 1831 display: block; 1832 margin-left: auto; 1833 margin-right: auto; 1834 bottom: 0; 1835 } 1836 1837 .title-downloads { 1838 font-size: 28px !important; 1839 text-align: center; 1840 } 1841 1842 .desc-downloads { 1843 font-size: 20px !important; 1844 text-align: center; 1845 } 1846 1847 .downloads { 1848 font-size: 16px; 1849 text-align: center; 1850 } 1851 1852 .img-store { 1853 width: 100px !important; 1854 } 1855 1856 .img-downloads { 1857 height: 35px; 1858 } 1859 1860 .col-lg-8, 1861 .col-lg-4 { 1862 padding-left: 15px !important; 1863 padding-right: 15px !important; 1864 } 1865 1866 .ml-lg-n5, 1867 .ml-xl-n2 { 1868 margin-left: 0 !important; 1869 } 1870 1871 .mb-0 { 1872 text-align: center; 1873 } 1874 1875 .pl-xl-5 { 1876 padding-left: 15px !important; 1877 } 1878 } 1879</style> 1880 1881<section class="container-fluid mb-4 mb-md-5 px-md-5"> 1882 <div class="bg-net col-lg-12 mx-auto pt-5"> 1883 <div class="row mx-0"> 1884 <div class="col-lg-8 col-xl-7 mt-xl-5 text-center text-lg-left pr-0 pl-xl-5 mb-4 mb-md-none"> 1885 <p class="title-downloads mb-4" data-i18n="operatorDownloadTitle">Nikmati Perjalanan Berkualitas Dengan Sunjaya!</p> 1886 <p class="desc-downloads mb-3 mb-xl-5" data-i18n="operatorDownloadDescription">Aplikasi Tersedia untuk Anda</p> 1887 <p class="downloads font-weight-bold mb-2" data-i18n="operatorDownloadCallToAction">Download Sekarang!</p> 1888 <p class="mb-0"> 1889 <a href="https://www.sunjayaabadi.com/download/app" target="_blank"> 1890 <img src="https://www.sunjayaabadi.com/images/download/d-sunjaya.png" alt="" class="img-downloads"> 1891 </a> 1892 <a href="https://play.google.com/store/apps/details?id=com.trust.android.sunjaya" target="_blank"> 1893 <img src="global/images/playstore.png" alt="Playstore" class="img-store ml-2"> 1894 </a> 1895 <a href="https://apps.apple.com/app/sunjaya/id6474664953" target="_blank"> 1896 <img src="global/images/appstore.png" alt="Appstore" class="img-store ml-2"> 1897 </a> 1898 </p> 1899 </div> 1900 <div class="col-lg-4 col-xl-5 text-center pl-0 ml-lg-n5 ml-xl-n2"> 1901 <img class="img-phone" src="https://www.sunjayaabadi.com/images/phone-download/d-sunjaya.png" alt=""> 1902 </div> 1903 </div> 1904 </div> 1905</section> 1906 1907 <div class="modal fade" id="modalConfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" onclick="$('#modalConfirm').modal('hide')">
1908 <div class="modal-dialog modal-dialog-centered modal-success" role="dialog"> 1909 <div class="modal-content" style="background-color: #fff4cf"> 1910 <div class="modal-body"> 1911 <button type="button" class="close" data-dismiss="modal" aria-label="Tutup" data-i18n-aria-label="commonClose"> 1912 <span aria-hidden="true">×</span> 1913 </button> 1914 1915 <div class="modal-text"> 1916 </div> 1917 </div> 1918 </div> 1919 </div> 1920</div> 1921</div> 1922 1923 </div> 1924 1925 1926 <footer class="pagefooter bg-footer"> 1927 <div class="bg-pattern-footer"> 1928 <div class="container px-xl-0"> 1929 <div class="row py-3"> 1930 <!-- Mobile: Logo di paling atas (tanpa copyright) --> 1931 <div class="col-12 d-lg-none text-center mb-3"> 1932 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo.png" alt="Logo Footer" width="150"> 1933 </div> 1934 1935 <div class="col-lg-3 col-xl-3 mt-3"> 1936 <h4 class="text-white font-weight-bold">Sunjaya Tours & Travel</h4> 1937 <h6 class="underlines mt-3"></h6> 1938 <h6 class="mt-3"> 1939 <a href="https://www.sunjayaabadi.com" class="text-white" data-i18n="navHome">Beranda</a> 1940 </h6> 1941 <h6 class="mt-3"> 1942 <a href="https://www.sunjayaabadi.com/pembayaran" class="text-white" data-i18n="footerPaymentMethod">Metode Pembayaran</a> 1943 </h6> 1944 <h6 class="mt-3"> 1945 <a href="https://www.sunjayaabadi.com/syarat-dan-ketentuan" class="text-white" data-i18n="footerTerms">Syarat & Ketentuan</a> 1946 </h6> 1947 <h6 class="mt-3"> 1948 <a href="https://www.sunjayaabadi.com/kontak" class="text-white" data-i18n="footerContact">Kontak</a> 1949 </h6> 1950 <h6 class="mt-3"> 1951 <a href="https://www.sunjayaabadi.com/kebijakan-privasi" class="text-white" data-i18n="footerPrivacyPolicy">Kebijakan Privasi</a> 1952 </h6> 1953 </div> 1954 <div class="col-lg-3 col-xl-3 mt-3"> 1955 <h4 class="text-white font-weight-bold" data-i18n="footerInformation">Informasi</h4> 1956 <h6 class="underlines mt-3"></h6> 1957 <h6 class="mt-3"> 1958 <a class="text-white"><i class="fa fa-envelope mr-2"></i> [email protected]</span></a> 1959 </h6> 1960 <h6 class="mt-3"> 1961 <a class="text-white" target="_blank" href=""> 1962 <i class="fa fa-phone mr-2"></i> 1963 Call Center : 05417779292 1964 </a> 1965 </h6> 1966 </div> 1967 <div class="col-lg-2 col-xl-3 mt-3"> 1968 <h4 class="text-white font-weight-bold" data-i18n="footerSocialMedia">Media Sosial</h4> 1969 <h6 class="underlines mt-3"></h6> 1970 <h6 class="mt-3"> 1971 <a target="_blank" href="https://www.instagram.com/sunjayatravel/" class="text-white"> 1972 <div class="d-flex mb-2 justify-content-start"> 1973 <div class="mr-1 my-auto"> 1974 <div class="icon-medsos"> 1975 <img 1976 src="https://www.sunjayaabadi.com/global/images/sosmed/instagram-white.webp" 1977 class="img-fluid" 1978 alt="icon"> 1979 </div> 1980 </div> 1981 <div class="footer-text text-center text-lg-left"> 1982 @sunjayatravel 1983 </div> 1984 </div> 1985 </a> 1986 </h6> 1987 <h6 class="mt-3"> 1988 <a target="_blank" href="https://www.facebook.com/sunjayaabadi" class="text-white"> 1989 <div class="d-flex mb-2 justify-content-start"> 1990 <div class="mr-1 my-auto"> 1991 <div class="icon-medsos"> 1992 <img 1993 src="https://www.sunjayaabadi.com/global/images/sosmed/facebook-white.webp" 1994 class="img-fluid" 1995 alt="icon"> 1996 </div> 1997 </div> 1998 <div class="footer-text text-center text-lg-left"> 1999 @sunjayaabadi 2000 </div> 2001 </div> 2002 </a> 2003 </h6> 2004 <h6 class="mt-3"> 2005 <a target="_blank" href="https://x.com/sunjayatravel" class="text-white"> 2006 <div class="d-flex mb-2 justify-content-start"> 2007 <div class="mr-1 my-auto"> 2008 <div class="icon-medsos"> 2009 <img 2010 src="https://www.sunjayaabadi.com/global/images/sosmed/x-white.webp" 2011 class="img-fluid" 2012 alt="icon"> 2013 </div> 2014 </div> 2015 <div class="footer-text text-center text-lg-left"> 2016 @sunjayatravel 2017 </div> 2018 </div> 2019 </a> 2020 </h6> 2021 </div> 2022 <!-- Desktop: Logo dan copyright di paling kanan --> 2023 <div class="col-lg-4 col-xl-3 mt-auto mb-auto pt-2 pt-lg-0 mt-3 px-lg-0 text-center text-lg-right ml-lg-auto"> 2024 <img src="https://www.sunjayaabadi.com/default/sunjaya/images/icon/logo.png" alt="Logo Footer" width="150" class="mb-4 d-none d-lg-inline-block"> 2025 <p class="footer-text d-none d-lg-block"> 2026 Copyright 2027 @ 2028 2025 2029 </p> 2030 </div> 2031 </div> 2032 </div> 2033 </div> 2034</footer> 2035 2036 <div class="modal fade" id="modal-load" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modal-load-label" aria-hidden="true"> 2037 <div class="modal-dialog modal-dialog-centered"> 2038 <div class="spinner-border m-auto text-light" role="status" style="width: 60px; height:60px;">
2039 <span class="sr-only" data-i18n="commonLoading">Loading...</span> 2040 </div> 2041 </div> 2042</div> 2043
2044<script> 2045 // Tracks the loading modal's fade-in transition so a hide requested while 2046 // it is still animating is not silently dropped by Bootstrap 4. 2047 var _loadPageTransitioning = false; 2048 var _loadPageHidePending = false; 2049 2050 function showLoadPage(){ 2051 _loadPageHidePending = false; 2052 $('#modal-load').modal({ 2053 show: true 2054 }) 2055 } 2056 2057 function hideLoadPage(){ 2058 // Bootstrap 4 ignores .modal('hide') while the show animation is still 2059 // running (it early-returns when _isTransitioning is true). When an AJAX 2060 // call resolves faster than the fade-in (e.g. right after the captcha 2061 // succeeds), the hide is dropped and the loading overlay stays stuck. 2062 // Defer the hide until the modal has finished showing in that case. 2063 if (_loadPageTransitioning) { 2064 _loadPageHidePending = true; 2065 } else { 2066 $('#modal-load').modal('hide'); 2067 } 2068 } 2069 2070 function resetModalPagePadding(){ 2071 if ($('.modal.show').length === 0) { 2072 $('body').removeClass('modal-open').css('padding-right', ''); 2073 $('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top').each(function(){ 2074 const element = $(this); 2075 const originalPaddingRight = element.data('padding-right'); 2076 const originalMarginRight = element.data('margin-right'); 2077 2078 if (originalPaddingRight !== undefined) { 2079 element.css('padding-right', originalPaddingRight).removeData('padding-right'); 2080 } 2081 2082 if (originalMarginRight !== undefined) { 2083 element.css('margin-right', originalMarginRight).removeData('margin-right'); 2084 } 2085 }); 2086 2087 $('.sticky-top.mr-0').each(function(){ 2088 this.style.removeProperty('padding-right'); 2089 this.style.removeProperty('margin-right'); 2090 }); 2091 $('.modal-backdrop').remove(); 2092 } 2093 } 2094 2095 $('#modal-load') 2096 .on('show.bs.modal', function(){ 2097 _loadPageTransitioning = true; 2098 _loadPageHidePending = false; 2099 }) 2100 .on('shown.bs.modal', function(){ 2101 _loadPageTransitioning = false; 2102 if (_loadPageHidePending) { 2103 _loadPageHidePending = false; 2104 $('#modal-load').modal('hide'); 2105 } 2106 }); 2107 2108 $(window).on('pageshow', function(){ 2109 _loadPageTransitioning = false; 2110 _loadPageHidePending = false; 2111 $('#modal-load').removeClass('show').hide(); 2112 resetModalPagePadding(); 2113 }); 2114 2115 $(document).on('hidden.bs.modal', function(){ 2116 resetModalPagePadding(); 2117 }); 2118</script>
2118 2119 2120 2121 2122 2123
2123<script type="text/javascript" src="https://www.sunjayaabadi.com/default/sunjaya/js/slick.min.js"></script>
vendor: 1 bytes, line 2123
2123
2124<script src="https://www.sunjayaabadi.com/global/js/numeral.js"></script>
vendor: 1 bytes, line 2124
2124
2125<script src="https://www.sunjayaabadi.com/global/js/flatpickr-holiday.js?ver=1"></script>
vendor: 1 bytes, line 2125
2125
2126<script type="text/javascript"> 2127 $(document).ready(function() { 2128 2129 2130 2131 2132 $('.slider').slick({ 2133 slidesToShow: 2, 2134 slidesToScroll: 2, 2135 dots: true, 2136 autoplay: true, 2137 autoplaySpeed: 5000, 2138 infinite: true, 2139 2140 prevArrow: ` 2141 <button type="button" class="slick-prev-custom"> 2142 ⹠2143 </button> 2144 `, 2145 2146 nextArrow: ` 2147 <button type="button" class="slick-next-custom"> 2148 ⺠2149 </button> 2150 `, 2151 2152 responsive: [{ 2153 breakpoint: 1024, 2154 settings: { 2155 centerMode: false, 2156 centerPadding: '0px', 2157 slidesToShow: 1, 2158 slidesToScroll: 1, 2159 infinite: true, 2160 dots: true 2161 } 2162 }, 2163 { 2164 breakpoint: 600, 2165 settings: { 2166 centerMode: false, 2167 centerPadding: '0px', 2168 slidesToShow: 1, 2169 slidesToScroll: 1 2170 } 2171 }, 2172 { 2173 breakpoint: 480, 2174 settings: { 2175 centerMode: false, 2176 centerPadding: '0px', 2177 slidesToShow: 1, 2178 slidesToScroll: 1 2179 } 2180 } 2181 ] 2182 }); 2183 2184 $('.slider-galeri').slick({ 2185 slidesToShow: 3, 2186 slidesToScroll: 3, 2187 dots: true, 2188 variableWidth: false, 2189 autoplay: true, 2190 infinite: true, 2191 centerMode: false, 2192 responsive: [{ 2193 breakpoint: 900, 2194 settings: {
2195 nextArrow: false, 2196 prevArrow: false, 2197 slidesToScroll: 2, 2198 slidesToShow: 2, 2199 arrows: false, 2200 } 2201 }, 2202 { 2203 breakpoint: 480, 2204 settings: { 2205 nextArrow: false, 2206 prevArrow: false, 2207 slidesToScroll: 2, 2208 slidesToShow: 2, 2209 arrows: false, 2210 centerMode: true, 2211 slidesToShow: 1 2212 } 2213 } 2214 ] 2215 }); 2216 2217 $('.layanan').slick({ 2218 infinite: false, 2219 speed: 300, 2220 slidesToShow: 1, 2221 dots: true, 2222 autoplay: false, 2223 autoplaySpeed: 2000, 2224 variableWidth: true, 2225 prevArrow: false, 2226 nextArrow: false, 2227 2228 responsive: [{ 2229 breakpoint: 1024, 2230 settings: { 2231 centerMode: false, 2232 centerPadding: '0px', 2233 slidesToShow: 1, 2234 slidesToScroll: 1, 2235 infinite: true, 2236 dots: false 2237 } 2238 }, 2239 { 2240 breakpoint: 600, 2241 settings: { 2242 centerMode: false, 2243 centerPadding: '0px', 2244 slidesToShow: 1, 2245 slidesToScroll: 1 2246 } 2247 }, 2248 { 2249 breakpoint: 480, 2250 settings: { 2251 2252 centerMode: false, 2253 centerPadding: '0px', 2254 slidesToShow: 1, 2255 slidesToScroll: 1 2256 } 2257 } 2258 ] 2259 }); 2260 2261 $('.slider-info-promo').slick({ 2262 slidesToShow: 4, 2263 slidesToScroll: 4, 2264 dots: true, 2265 autoplay: true, 2266 infinite: $('.slider-info-promo .slider-item').length >= 4, // Only enable infinite loop if 4 or more slides 2267 variableWidth: false, // Ensure uniform widths 2268 centerMode: false, // Disable centering 2269 responsive: [{ 2270 breakpoint: 900, 2271 settings: {
2272 nextArrow: false, 2273 prevArrow: false, 2274 slidesToScroll: 2, 2275 slidesToShow: 2, 2276 arrows: false, 2277 } 2278 }, 2279 { 2280 breakpoint: 480, 2281 settings: { 2282 nextArrow: false, 2283 prevArrow: false, 2284 slidesToScroll: 1, 2285 slidesToShow: 1, 2286 arrows: false, 2287 centerMode: false, 2288 } 2289 } 2290 ] 2291 }); 2292 2293 document.querySelectorAll('.card-fasilitas').forEach(function(card) { 2294 let img = card.querySelector('.fasilitas-icon'); 2295 2296 // Menangani event hover (mouseenter) 2297 card.addEventListener('mouseenter', function() { 2298 let hoverSrc = img.getAttribute('data-hover'); 2299 img.setAttribute('src', hoverSrc); 2300 }); 2301 2302 // Menangani event keluar hover (mouseleave) 2303 card.addEventListener('mouseleave', function() { 2304 let defaultSrc = img.getAttribute('data-default'); 2305 img.setAttribute('src', defaultSrc); 2306 }); 2307 }); 2308 2309 }); 2310 2311 function detailCustomer() { 2312 var url = "https://www.sunjayaabadi.com"; 2313 $.ajax({ 2314 url: url + "/detail-login", 2315 type: "get", 2316 data: {}, 2317 success: function(response) { 2318 if (response.status === "OK") { 2319 var tgl_lahir = response.results.user.tgl_lahir, 2320 jenis_kelamin = response.results.user.jenis_kelamin 2321 2322 if (tgl_lahir == '' || tgl_lahir === "0000-00-00" || tgl_lahir === null) { 2323 $('#birthdayPop').modal('show') 2324 } 2325 2326 var isUltah = isSameMonth(tgl_lahir); 2327 if (isUltah) { 2328 $('.reservasi-section').addClass('bg-birthday') 2329 } 2330 } 2331 }, 2332 error: function(xhr) {} 2333 }); 2334 } 2335 2336 function isSameMonth(tgl) { 2337 const currentDate = new Date(); // Tanggal saat ini 2338 const inputDate = new Date(tgl); // Tanggal dari variabel tgl 2339 2340 // Periksa apakah bulan dan tahun sama 2341 return (inputDate.getMonth() === currentDate.getMonth()); 2342 } 2343</script>
2343 2344
2345<script> 2346 var url = 'https://www.sunjayaabadi.com'; 2347</script>
vendor: 1 bytes, line 2347
2347
2348<script type="text/javascript" src="https://www.sunjayaabadi.com/global/js/default-js-v1.js"></script>
2348 2349
2350<script> 2351 var dateFormatValue; 2352 var altFormatValue; 2353 dateFormatValue = 'd-m-Y'; 2354 altFormatValue = "l, j F Y"; 2355 2356 // Ambil data tanggal dari backend 2357 let rawMinDate = "2026-10-02"; // misal "2025-11-20" dari API 2358 let rawMaxDate = "2026-11-01"; // misal "2025-11-20" dari API 2359 2360 // Konversi ke format JS Date 2361 let parsedMinDate = null; 2362 if (rawMinDate && typeof rawMinDate === 'string') { 2363 const parts = rawMinDate.split('-'); 2364 if (parts.length === 3) { 2365 // Kalau format ISO (2025-11-20) 2366 if (parts[0].length === 4) { 2367 parsedMinDate = new Date(parts[0], parts[1] - 1, parts[2]); 2368 } 2369 // Kalau format Indonesia (20-11-2025) 2370 else if (parts[2].length === 4) { 2371 parsedMinDate = new Date(parts[2], parts[1] - 1, parts[0]); 2372 } 2373 } 2374 } 2375 2376 let parsedMaxDate = null; 2377 if (rawMaxDate && typeof rawMaxDate === 'string') { 2378 const parts = rawMaxDate.split('-'); 2379 if (parts.length === 3) { 2380 // Kalau format ISO (2025-11-20) 2381 if (parts[0].length === 4) { 2382 parsedMaxDate = new Date(parts[0], parts[1] - 1, parts[2]); 2383 } 2384 // Kalau format Indonesia (20-11-2025) 2385 else if (parts[2].length === 4) { 2386 parsedMaxDate = new Date(parts[2], parts[1] - 1, parts[0]); 2387 } 2388 } 2389 } 2390 2391 // Tentukan nilai awal dan batas 2392 let minDateConfig = parsedMinDate || 'today'; 2393 let initialDate1Value = parsedMinDate || new Date(); 2394 let maxDate = parsedMaxDate || new Date(); 2395 if (!parsedMaxDate) maxDate.setMonth(maxDate.getMonth() + 3); 2396 2397 var holidayCalendar = new FlatpickrHolidayCalendar({ 2398 endpoint: "https://www.sunjayaabadi.com/api/calendar/holidays" 2399 }); 2400 2401 var date1 = $("#tanggal_pergi").flatpickr(holidayCalendar.withHooks({ 2402 defaultDate: initialDate1Value, 2403 minDate: minDateConfig, 2404 locale: "id", 2405 altInput: true, 2406 altFormat: altFormatValue, 2407 dateFormat: dateFormatValue, 2408 disableMobile: "true", 2409 maxDate: maxDate, 2410 onChange: function(selectedDates, dateStr, instance) { 2411 // Update initialDate1Value saat tanggal dipilih 2412 initialDate1Value = selectedDates[0]; 2413 2414 // Update minDate based on checkbox status 2415 if ($("#is_pp").prop("checked")) { 2416 date2.set("minDate", initialDate1Value); 2417 2418 // Pastikan tanggal pergi tidak lebih besar dari tanggal pulang 2419 if (selectedDates[0] > date2.selectedDates[0]) { 2420 date2.setDate(selectedDates[0]); 2421 } 2422 } 2423 } 2424 })); 2425 2426 disableFlatpickr() 2427 2428 var date2 = $("#tanggal_pulang").flatpickr(holidayCalendar.withHooks({ 2429 minDate: minDateConfig, 2430 locale: "id", 2431 altInput: true, 2432 altFormat: altFormatValue, 2433 dateFormat: dateFormatValue, 2434 disableMobile: "true", 2435 defaultDate: initialDate1Value, 2436 maxDate: maxDate, 2437 onChange: function(selectedDates, dateStr, instance) { 2438 // Update maxDate based on checkbox status 2439 if ($("#is_pp").prop("checked")) { 2440 date1.set('maxDate', dateStr); 2441 2442 // Pastikan tanggal pulang tidak lebih kecil dari tanggal pergi 2443 if (selectedDates[0] < date1.selectedDates[0]) { 2444 date1.setDate(selectedDates[0]); 2445 } 2446 } 2447 } 2448 })); 2449 2450 function enableFlatpickr(callback) { 2451 $("#tglpulang-div").css("background-color", "transparent"); 2452 date2 = $("#tanggal_pulang").flatpickr(holidayCalendar.withHooks({ 2453 minDate: minDateConfig, 2454 locale: "id", 2455 altInput: true, 2456 altFormat: altFormatValue, 2457 dateFormat: dateFormatValue, 2458 disableMobile: "true", 2459 defaultDate: initialDate1Value, 2460 maxDate: maxDate, 2461 onChange: function(selectedDates, dateStr, instance) { 2462 // Pastikan tanggal pulang tidak lebih kecil dari tanggal pergi 2463 if ($("#is_pp").prop("checked")) { 2464 date1.set('maxDate', dateStr); 2465 if (selectedDates[0] < date1.selectedDates[0]) { 2466 date1.setDate(selectedDates[0]); 2467 } 2468 } 2469 } 2470 })); 2471 2472 // Atur minDate setelah date2 diinisialisasi 2473 date2.set("minDate", initialDate1Value); 2474 2475 // Panggil callback setelah inisialisasi selesai 2476 callback(date2); 2477 } 2478 2479 function disableFlatpickr() { 2480 if (date2) { 2481 date2.destroy(); 2482 $("#tanggal_pulang").html(" ") 2483 } 2484 } 2485 2486 // checkbox is_pp 2487 if ($('#is_pp').is(':checked')) { 2488 $('#ispp').val(true) 2489 enableFlatpickr() 2490 $('.tglpulang').attr('disabled', false) 2491 } else { 2492 $('#ispp').val(false) 2493 disableFlatpickr() 2494 $('.tglpulang').attr('disabled', true) 2495 } 2496 2497 $("#is_pp").on('change', function() { 2498 if ($(this).is(':checked')) { 2499 $('#ispp').val(true) 2500 enableFlatpickr(function(date2) { 2501 $('.tglpulang').attr('disabled', false); 2502 }); 2503 } else { 2504 $('#ispp').val(false) 2505 disableFlatpickr() 2506 $('.tglpulang').attr('disabled', true) 2507 date1.set('maxDate', maxDate); 2508 } 2509 }); 2510 2511 function cek() { 2512 if ($('#asal').val() == "") { 2513 $('.modal-text').html('Silahkan Pilih Keberangkatan') 2514 $('#modalConfirm').modal('show') 2515 return false;
2516 } 2517 2518 if ($('#tujuan').val() == "") { 2519 $('.modal-text').html('Silahkan Pilih Tujuan') 2520 $('#modalConfirm').modal('show') 2521 return false; 2522 } 2523 2524 if ($('#is_pp').is(':checked')) { 2525 if ($('#tanggal_pergi').val() == "") { 2526 $('.modal-text').html('Silahkan Pilih Tanggal Pergi') 2527 $('#modalConfirm').modal('show') 2528 return false; 2529 } 2530 2531 if ($('#tanggal_pulang').val() == "") { 2532 $('.modal-text').html("Silahkan Pilih Tanggal Pulang") 2533 $('#modalConfirm').modal('show') 2534 return false; 2535 } 2536 } else { 2537 if ($('#tanggal_pergi').val() == "") { 2538 $('.modal-text').html('Silahkan Pilih Tanggal Pergi') 2539 $('#modalConfirm').modal('show') 2540 return false; 2541 } 2542 } 2543 2544 2545 showLoadPage(); 2546 return true; 2547 } 2548</script>
2548 2549
2550<script> 2551 var url_login = "https://www.sunjayaabadi.com/ceklogin" 2552 //set data tujuan 2553 $.get(url_login, function(data) {}).done(function(data) {}).fail(function(data) {}); 2554</script>
2554 2555 2556
2557<script> 2558 // ============================================ 2559 // PILIH MODE POPUP DI BAWAH INI: 2560 // ============================================ 2561 2562 // MODE 1: Popup muncul setiap 2 jam sekali (seperti sekarang) 2563 // MODE 2: Popup muncul setiap kali reload halaman (tidak pakai cookie) 2564 2565 const POPUP_MODE = 1; // Ganti angka ini: 1 atau 2 2566 2567 // ============================================ 2568 // JANGAN UBAH KODE DI BAWAH INI 2569 // ============================================ 2570 2571 // Check if the cookie popup is set 2572 var hiddenPopup = getCookie('hidden_popup_expired'); 2573 2574 var banner = '', 2575 indexImg = 0, 2576 imgPopup = JSON.parse('[]'), 2577 popLoginAuth = 0, 2578 popLoginFeature = 0; 2579 2580 if(screen.width < 576 ){ 2581 imgPopup = JSON.parse('[]') 2582 } 2583 2584 var popShownFromLoginClose = false; 2585 2586 function startInfoPopupFlow() { 2587 if(popLoginAuth == 0 && popLoginFeature == 1) { 2588 $(document).on('loginDialogClosed', function () { 2589 popShownFromLoginClose = true; 2590 // Show popup based on selected mode 2591 if (shouldShowPopup()) { 2592 showPop(); 2593 setPopupCookie(); 2594 } 2595 }); 2596 2597 // Safety fallback: kalau modal login gagal muncul/ke-init (race 2598 // condition asset loading, dsb) event 'loginDialogClosed' tidak 2599 // akan pernah fire dan banner jadi tidak pernah tampil. Untuk 2600 // MODE 2 (harus selalu tampil tiap reload), paksa tampil setelah 2601 // jeda singkat kalau belum ke-trigger dari penutupan modal login. 2602 if (POPUP_MODE === 2) { 2603 setTimeout(function () { 2604 if (!popShownFromLoginClose && shouldShowPopup()) { 2605 showPop(); 2606 setPopupCookie(); 2607 } 2608 }, 4000); 2609 } 2610 }else { 2611 // Show popup based on selected mode 2612 if (shouldShowPopup()) { 2613 showPop(); 2614 setPopupCookie(); 2615 } 2616 } 2617 2618 $('.close-pop-info').click(function(){ 2619 $('#popInfo').modal('hide') 2620 }) 2621 } 2622 2623 $( document ).ready(function() { 2624 if (window.deferInfoPopupForRegistMember) { 2625 $(document).one('registMemberPopupClosed', startInfoPopupFlow); 2626 return; 2627 } 2628 2629 startInfoPopupFlow(); 2630 }) 2631 2632 $('#popInfo').on('hidden.bs.modal', function (e) { 2633 if(indexImg < imgPopup.length){ 2634 indexImg = indexImg + 1 2635 // Defer to the next tick so Bootstrap can finish tearing down the 2636 // current modal (backdrop removal, body.modal-open, transition state) 2637 // before we re-open it for the next image. Showing synchronously here 2638 // gets swallowed and the next popup never appears. 2639 setTimeout(showPop, 300); 2640 } 2641 }) 2642 2643 function showPop(){ 2644 if(imgPopup.length > 0 && indexImg < imgPopup.length){ 2645 var data_banner = imgPopup[indexImg]['img'] 2646 $('#popInfoImg').attr('src', data_banner) 2647 $('#linkPopup').attr('href', imgPopup[indexImg]['link']) 2648 $('#popInfo').modal('show') 2649 } 2650 } 2651 2652 // ============================================ 2653 // FUNGSI BARU UNTUK MENGONTROL MODE POPUP 2654 // ============================================ 2655 2656 function shouldShowPopup() { 2657 if (POPUP_MODE === 2) { 2658 // MODE 2: Selalu tampilkan setiap reload 2659 return true; 2660 } else { 2661 // MODE 1: Tampilkan hanya jika cookie tidak ada (default) 2662 return !hiddenPopup; 2663 } 2664 } 2665 2666 function setPopupCookie() { 2667 if (POPUP_MODE === 1) { 2668 // MODE 1: Set cookie 2 jam 2669 setCookie('hidden_popup_expired', 1, 2); 2670 // setCookie('hidden_popup_expired', 1, 1/120); // 30 detik untuk testing 2671 } 2672 // MODE 2: Tidak perlu set cookie 2673 } 2674 2675 // ============================================ 2676 // FUNGSI COOKIE (TIDAK BERUBAH) 2677 // ============================================ 2678 2679 function getCookie(name) { 2680 let value = "; " + document.cookie; 2681 let parts = value.split("; " + name + "="); 2682 if (parts.length === 2) return parts.pop().split(";").shift(); 2683 } 2684 2685 // Function to set a cookie (HOURS) 2686 function setCookie(name, value, hours) { 2687 let expires = ""; 2688 if (hours) { 2689 let date = new Date(); 2690 date.setTime(date.getTime() + (hours * 60 * 60 * 1000)); 2691 expires = "; expires=" + date.toUTCString(); 2692 } 2693 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 2694 } 2695</script>
2695 2696 2697
2697<script> 2698 window.PORTAL_LANGUAGE = "id"; 2699 </script>
2699 2700
2700<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/23.7.6/i18next.min.js"></script>
2700 2701
2701<script src="https://www.sunjayaabadi.com/locales/default.js?v=1790045856"></script>
2701 2702 2703 2704 </body> 2705</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.