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="Banyumili"> 13 <meta property="og:site_name" content="Banyumili"> 14 <link rel="canonical" href="https://www.banyumilitravel.id"> 15 <meta name="csrf-token" content="IfbJ89LPYjcn24wKFA0ttINfVjZvCxk2uIIlUlTk"> 16 17 18 19 20 <!-- title --> 21 <title>Travel Balikpapan Samarinda Sangatta Bontang | HiAce Premio VIP Single Seat</title> 22 23 <meta name="description" content="Booking online travel Kalimantan Timur di website & aplikasi & dapatkan promo khususnya di sini! Bisa pilih kursi sendiri, nyaman & terpercaya."> 24 25 <meta name="keywords" content="banyumili 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-NDY6LN70BZ
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-NDY6LN70BZ
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-K8Q3ZF46
vendor: 8 bytes, lines 41-42
41'); 42
42</script>
42 43 <!-- End Google Tag Manager --> 44 45 46 47 <link href="https://www.banyumilitravel.id/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.banyumilitravel.id/default/banyumili/images/icon/favicon.png"> 53 <!-- bootstrap --> 54 <link href="https://www.banyumilitravel.id/default/banyumili/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.banyumilitravel.id/default/banyumili/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.banyumilitravel.id/default/banyumili/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.banyumilitravel.id/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.banyumilitravel.id/default/banyumili/css/custom.css?v=3.0" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 65 <link href="https://www.banyumilitravel.id/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.banyumilitravel.id/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.banyumilitravel.id/default/banyumili/css/slick-theme.css"> 156 <link rel="stylesheet" href="https://www.banyumilitravel.id/default/banyumili/css/slick.css"> 157 <link rel="stylesheet" href="https://www.banyumilitravel.id/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 .bg-layanan-ver1 { 169 background-image: url('https://www.banyumilitravel.id/default/banyumili/images/bg/bg.png'); 170 background-size: cover; 171 color: white; 172 font-family: 'Plus Jakarta Sans', sans-serif; 173 } 174 175 .bg-birthday { 176 background-image: url('https://www.banyumilitravel.id/default/banyumili/images/bg/bg-birthday.png'); /* URL untuk gambar transparan */ 177 background-size: cover; 178 background-position: center; 179 background-repeat: no-repeat; 180 } 181 182 .card-birthday { 183 background: linear-gradient(209.37deg, #FEFCE8 15.92%, #FEF9C3 80.67%); 184 border: 1px solid #CA8A041A; 185 box-shadow: 0px 4px 10px -2px #FEF08A40; 186 box-shadow: 0px 2px 2px -1px #FEF08A40; 187 box-shadow: 0px -1px 4px 0px #0000000D inset;
188 color: #A16207; 189 } 190 191 .img-position { 192 background: url('https://www.banyumilitravel.id/default/banyumili/images/icon/horray.png'); 193 background-position: bottom right; 194 background-size: 80px; 195 background-repeat: no-repeat; 196 } 197 198 .card-layanan-ver1 { 199 background-color: rgba(0, 0, 0, 0.5); 200 } 201 202 .img-layanan { 203 max-width: 200px; 204 margin: auto; 205 } 206 207 .img-layanan-ver2 { 208 position: absolute; 209 width: 179.3px; 210 height: 119.5px; 211 left: 146.31px; 212 top: 1061.75px; 213 } 214 215 #popInfoImg{ 216 border-radius: 8px; 217 } 218 .modal-pop-info{ 219 background: rgb(0 0 0 / 69%); 220 } 221 222 .modal-pop-info > .modal-dialog > .modal-content{ 223 border: none !important; 224 background: transparent !important; 225 } 226 227 .close-pop-info{ 228 position: absolute; 229 right: 7px; 230 top: -18px; 231 cursor: pointer; 232 font-size: 26px; 233 } 234 235 .br-99 { 236 border-radius: 99px; 237 } 238 239 .slider .slide-item { 240 display: block; 241 margin-right: 10px; 242 } 243 .slider img { 244 width: 100%; 245 display: block; 246 } 247 </style> 248 <!-- Style untuk slider binasarana --> 249 <!-- slider untuk banyumili --> 250 <style> 251 .slider-banyumili .slider .slick-prev, .slider-banyumili .slider .slick-next { 252 background: transparent; 253 border: none; 254 font-size: 24px; 255 color: #333; 256 position: absolute; 257 top: 50%; 258 transform: translateY(-50%); 259 z-index: 10; 260 cursor: pointer; 261 } 262 .slider-banyumili .slider .border-circle{ 263 border: 1px solid white; 264 background: #06429D; 265 color:white; 266 border-radius:50%; 267 padding:8px; 268 width:24px; 269 height:24px; 270 font-size:12px; 271 } 272 .slider-banyumili .slider .slick-prev { left: -10px; } 273 .slider-banyumili .slider .slick-next { right: -9px; } 274 275 .slider-banyumili .slider .slick-prev:before, .slider-banyumili .slider .slick-next:before { 276 content: '' !important; 277 } 278 .slider-banyumili .slider .border-arrow{ 279 background: rgba(204, 36, 37, 1); 280 color:white; 281 border: 4px solid #ffffff; 282 border-radius:60px; 283 padding: 4px 6px; 284 } 285 </style> 286 <!-- slider untuk marita --> 287 288 </head> 289 <body> 290 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 290-291
290 291<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
291GTM-K8Q3ZF46
vendor: 91 bytes, lines 291-293
291" 292 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 293
293<!-- End Google Tag Manager (noscript) --> 294 295 296 <style> 297 .close-fab { 298 position: absolute; 299 right: -8px; 300 top: -8px; 301 cursor: pointer; 302 font-size: 26px; 303 } 304 305 .container-fab { 306 position: fixed; 307 z-index: 999; 308 left: 25px; 309 bottom: 50px; 310 cursor: pointer; 311 } 312 313 .container-fab .fab { 314 border-radius:10px; 315 background-color: #ffffff; 316 width: 200px; 317 height: auto; 318 box-shadow: 0px 1px 18px rgba(217, 217, 217, 0.57); 319 text-align: center; 320 } 321 322 .fab-download { 323 border-radius: 0 0 10px 10px; 324 } 325</style> 326<div class="container-fab"> 327 <i class="fa fa-times-circle text-secondary fs-18 close-fab"></i> 328 <div class="fab"> 329 <div> 330 <div id="qrcode" class="py-4"></div> 331 </div> 332 <div class="fab-download first-bg-color text-white py-3 px-3"> 333 <p class="fs-12">Potongan untuk pengguna baru di aplikasi</p> 334 <a href="https://www.banyumilitravel.id/download/app" target="_blank" class="btn btn-block bg-white first-color fs-14 mt-2">Unduh Aplikasi</a> 335 </div> 336 </div> 337</div>
338<script src="https://www.banyumilitravel.id/global/js/jquery-3.3.1.min.js"></script>
vendor: 1 bytes, line 338
338
339<script type="text/javascript" src="https://unpkg.com/[email protected]/lib/qr-code-styling.js"></script>
vendor: 1 bytes, line 339
339
340<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/jquery.qrcode.min.js"></script>
vendor: 1 bytes, line 340
340
341<script> 342 document.addEventListener("DOMContentLoaded", function () { 343 let url = "https://www.banyumilitravel.id/download/app"; 344 let asset = "\/images\/download\/d-banyumili.png"; 345 let logo; 346 347 // Cek apakah asset kosong (string kosong atau null) 348 if (!asset || asset === "") { 349 logo = ""; 350 } else { 351 logo = "https://www.banyumilitravel.id/" + asset; 352 } 353 354 // Pastikan elemen qrcode tersedia 355 const qrElement = document.getElementById("qrcode"); 356 if (!qrElement) { 357 console.error("Element with ID 'qrcode' not found."); 358 return; 359 } 360 361 const qrCode = new QRCodeStyling({ 362 width: 150, 363 height: 150, 364 type: "svg", 365 data: url, 366 image: logo, 367 dotsOptions: { 368 color: "#000000", 369 type: "rounded" 370 }, 371 imageOptions: { 372 crossOrigin: "anonymous", 373 imageSize: 0.4, 374 margin: 5 375 } 376 }); 377 378 qrCode.append(qrElement); 379 380 // Fungsi untuk download QR 381 window.downloadQR = function () { 382 qrCode.download({ name: "qr", extension: "svg" }); 383 }; 384 385 // Close 386 const closeBtn = document.querySelector(".close-fab"); 387 const fabContainer = document.querySelector(".container-fab"); 388 if (closeBtn && fabContainer) { 389 closeBtn.addEventListener("click", function () { 390 fabContainer.style.display = "none"; 391 }); 392 } 393 }); 394</script>
394 395 <!-- SCRIPTS --> 396 <!-- jquery --> 397
397<script src="https://www.banyumilitravel.id/default/banyumili/js/jquery-3.3.1.min.js?v=3.0"></script>
397 398 <!-- bootstrap tooltips --> 399
399<script src="https://www.banyumilitravel.id/default/banyumili/js/popper.min.js?v=3.0" ></script>
399 400 <!-- bootstrap --> 401
401<script src="https://www.banyumilitravel.id/default/banyumili/js/bootstrap.min.js?v=3.0"></script>
401 402 <!-- flatpickr --> 403
403<script src="https://www.banyumilitravel.id/default/banyumili/js/flatpickr.js?v=3.0"></script>
403 404
404<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/flatpickr.id.js?v=3.0" ></script>
404 405 <!-- slimselect --> 406
406<script src="https://www.banyumilitravel.id/default/banyumili/js/slimselect.min.js?v=3.0" ></script>
406 407 <!-- filterinput --> 408
408<script src="https://www.banyumilitravel.id/default/banyumili/js/filterinput.js?v=3.0" ></script>
408 409
409<script src="https://www.banyumilitravel.id/global/js/moment.js?v=3.0" ></script>
409 410
410<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/date-id.js?v=3.0"></script>
410 411 412
412<script type="text/javascript"> 413 function applyPcapital(root) { 414 var container = root || document; 415 var elements = container.querySelectorAll ? container.querySelectorAll('.pcapital') : []; 416 417 function titleCaseText(value) { 418 return value.toLowerCase().replace(/(^|[\s\-\/(])([a-z])/g, function(match, prefix, letter) { 419 return prefix + letter.toUpperCase(); 420 }); 421 } 422 423 function transformTextNodes(node) { 424 if (node.nodeType === 3) { 425 if (node.nodeValue.replace(/\s/g, '') !== '') { 426 node.nodeValue = titleCaseText(node.nodeValue); 427 } 428 return; 429 } 430 431 if (node.nodeType !== 1 || /^(script|style|textarea|input)$/i.test(node.nodeName)) { 432 return; 433 } 434 435 for (var i = 0; i < node.childNodes.length; i++) { 436 transformTextNodes(node.childNodes[i]); 437 } 438 } 439 440 for (var i = 0; i < elements.length; i++) { 441 transformTextNodes(elements[i]); 442 } 443 } 444 445 document.addEventListener("DOMContentLoaded", function() { 446 applyPcapital(); 447 448 $('#close-alert-copy').click(function(){ 449 $('#alert-copy').removeClass('d-block'); 450 }); 451 }); 452 453 function copyTeks(){ 454 var textToCopy = $("#kode-bayar").select().val(); 455 // navigator clipboard api needs a secure context (https) 456 if (navigator.clipboard && window.isSecureContext) { 457 // navigator clipboard api method' 458 $('#alert-copy').addClass('d-block'); 459 return navigator.clipboard.writeText(textToCopy); 460 } else { 461 // text area method 462 let textArea = document.createElement("textarea"); 463 textArea.value = textToCopy; 464 // make the textarea out of viewport 465 textArea.style.position = "fixed"; 466 textArea.style.left = "-999999px"; 467 textArea.style.top = "-999999px"; 468 document.body.appendChild(textArea); 469 textArea.focus(); 470 textArea.select(); 471 $('#alert-copy').addClass('d-block'); 472 return new Promise((res, rej) => { 473 // here the magic happens 474 document.execCommand('copy') ? res() : rej(); 475 textArea.remove(); 476 }); 477 } 478 } 479 480 function handleEmailClick(email) { 481 const s = encodeURIComponent("Hallo Banyumili"); 482 const b = encodeURIComponent("Saya ingin bertanya"); 483 484 const mailto = `mailto:${email}?subject=${s}&body=${b}`; 485 const gmailWeb = `https://mail.google.com/mail/?view=cm&fs=1&to=${email}&su=${s}&body=${b}`; 486 487 const ua = navigator.userAgent; 488 const isMobile = /Android|iPhone|iPad|iPod/i.test(ua); 489 const isChromeDesktop = ua.includes("Chrome") && !ua.includes("Mobile"); 490 const isEdgeDesktop = ua.includes("Edg") && !ua.includes("Mobile"); 491 492 // MOBILE â gunakan MAILTO (ini satu-satunya yang buka compose) 493 if (isMobile) { 494 window.location.href = mailto; 495 return; 496 } 497 498 // DESKTOP Chrome / Edge 499 if (isChromeDesktop || isEdgeDesktop) { 500 window.open(gmailWeb, "_blank"); 501 return; 502 } 503 504 // DESKTOP lain: mailto â fallback Gmail 505 window.location.href = mailto; 506 507 setTimeout(() => { 508 if (!document.hidden) window.open(gmailWeb, "_blank"); 509 }, 700); 510 } 511 </script>
511 512 513 514 <style> 515 .gap-6{ 516 gap:6px; 517 } 518 519 #download-apps { 520 border-radius: 6px; 521 padding: 4px 8px; 522 width: auto; 523 } 524</style> 525 526 <div class=" sticky-top mr-0 "> 527 528 <nav aria-label="Navigasi Utama" data-i18n-aria-label="navPrimaryAria" class="navbar navbar-expand-xl navbar-light bg-light " style="box-shadow: 0 0px 7px #505050cc;"> 529 <a class="navbar-brand ml-lg-5 d-flex" href="https://www.banyumilitravel.id"> 530 <div class="align-content-center"> 531 <img src="https://www.banyumilitravel.id/default/banyumili/images/icon/logo.png" class="img-fluid logo-navbar "> 532 </div> 533 </a> 534 <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"> 535 <span class="navbar-toggler-icon"></span> 536 </button> 537 538 <div class="collapse navbar-collapse" id="navbarColor03"> 539 <ul class="navbar-nav mr-auto font-bold-o"> 540 <li class="nav-item ml-lg-2"> 541 <a target="_blank" href="https://www.banyumilitravel.id/download/app" 542 class="nav-link d-inline-block pointer cursor-pointer" 543 id="download-apps" 544 > 545 <i class="fa fa-mobile pr-1"></i> 546 <span class="pointer cursor-pointer" data-i18n="navDownloadApp">Download App</span> 547 </a> 548 </li> 549 </ul> 550 551 <ul class="navbar-nav ml-auto font-bold-o"> 552 553 554 <li class="nav-item 555 556 active 557 "> 558 <a class="nav-link 559 " 560 href="https://www.banyumilitravel.id" 561 data-i18n-id="Beranda" 562 data-i18n-en="Beranda">Beranda 563 </a> 564 </li> 565 <li class="nav-item 566 "> 567 <a class="nav-link 568 " 569 href="https://www.banyumilitravel.id/outlet" 570 data-i18n-id="Outlet" 571 data-i18n-en="Outlet">Outlet 572 </a> 573 </li> 574 <li class="nav-item 575 "> 576 <a class="nav-link 577 " 578 href="https://www.banyumilitravel.id/blog" 579 data-i18n-id="Blog" 580 data-i18n-en="Blog">Blog 581 </a> 582 </li> 583 <li class="nav-item 584 "> 585 <a class="nav-link 586 " 587 href="https://www.banyumilitravel.id/pembayaran" 588 data-i18n-id="Cara Bayar" 589 data-i18n-en="Cara Bayar">Cara Bayar 590 </a> 591 </li> 592 <li class="nav-item 593 "> 594 <a class="nav-link 595 " 596 href="https://www.banyumilitravel.id/paket/cekpaket" 597 data-i18n-id="Lacak Paket" 598 data-i18n-en="Lacak Paket">Lacak Paket 599 </a> 600 </li> 601 <li class="nav-item 602 "> 603 <a class="nav-link 604 " 605 href="https://www.banyumilitravel.id/kontak" 606 data-i18n-id="Kontak" 607 data-i18n-en="Kontak">Kontak 608 </a> 609 </li> 610 611 <form class="form-inline my-2 my-lg-0"> 612 <li class="nav-item order-2"> 613 <a href="https://www.banyumilitravel.id/masuk" class="nav-link ddaccount btn-masuk"> 614 <i class="fa fa-user-circle pr-2"></i>
615 <span data-i18n="navRegisterLogin">Daftar/Masuk</span> 616 </a> 617 </li> 618 619 <a class="nav-link btn-secondary text-white bubble-inline btn-sm my-2 my-sm-0 font-bold-o btn-tiket order-1 mr-3" 620 href="https://www.banyumilitravel.id/book/cekbook" 621 style="font-size: 1rem;"> 622 <i class="fas fa-ticket-alt pr-2" aria-hidden="true"></i><span data-i18n="navCheckTicket">Cek Tiket</span> 623 </a> 624 </ul> 625 </form> 626 </div> 627 </nav> 628 629 </div> 630 631 632<nav class="d-none d-lg-block nav-border" style="border-bottom: 2px solid #ebebeb;"> 633 <div class="container"> 634 <div class="d-flex"> 635 </div> 636 </div> 637</nav> 638 639 640 641<div class="modal fade dark-backdrop" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="logoutModal"> 642 <div class="modal-dialog modal-dialog-centered modal-sm" role="document"> 643 <div class="modal-content"> 644 <div class="modal-body text-center"> 645 <p class="pb-0 mb-0" data-i18n="logoutConfirmation">Yakin Ingin Keluar ?</p> 646 </div> 647 <div class="modal-footer border-0 mx-auto"> 648 <button class="btn btn-danger f0kom9 px-4 py-1" data-dismiss="modal" data-i18n="commonNo">Tidak</button> 649 <button class="btn btn-primary f0kom9 px-4 py-1" onclick="logout()" data-i18n="commonYes">Ya</button> 650 </div> 651 </div> 652 </div> 653</div> 654
655<script> 656 async function logout() { 657 try { 658 // ⿡ Panggil endpoint Laravel untuk hapus session backend 659 await fetch("https://www.banyumilitravel.id/logout", { 660 method: 'POST', 661 headers: { 662 'X-CSRF-TOKEN': 'IfbJ89LPYjcn24wKFA0ttINfVjZvCxk2uIIlUlTk', 663 }, 664 }); 665 } catch (e) { 666 console.warn('Gagal logout backend (session Laravel), lanjut hapus di frontend.'); 667 } 668 669 // ⿢ Hapus semua cookie yang berkaitan dengan login 670 document.cookie = "tokenLoginMember=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 671 document.cookie = "user_info_telp=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 672 document.cookie = "user_info_login=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; 673 674 // ⿣ Bersihkan localStorage & sessionStorage 675 localStorage.clear(); 676 sessionStorage.clear(); 677 678 // ⿤ Redirect ke halaman login 679 window.location.replace("https://www.banyumilitravel.id/masuk"); 680 } 681</script>
681 682 683 <div class="container-fluid px-0" style="min-height: 80vh"> 684 <div class="mycontainer"> 685 <style> 686 @media (min-width: 576px) { 687 .modal-dialog{ 688 max-width: 700px !important; 689 } 690 } 691 692 .tombol-login-popup{ 693 cursor: pointer; 694 border: 1px solid #E1E1E1; 695 border-radius: 10px; 696 } 697 698 .close-pop-info-login{ 699 position: absolute; 700 right: 10px; 701 top: 10px; 702 } 703</style> 704 705<div class="modal modal-pop-info fade" id="popLogin" tabindex="-1" aria-labelledby="popInfoLabel" aria-hidden="true"> 706 <div class="modal-dialog modal-dialog-set modal-dialog-centered"> 707 <div class="modal-content text-center" style="background: transparent; box-shadow: unset !important;"> 708 <div class="row"> 709 <div class="col-12 mx-auto relative"> 710 711 <div class="row mx-0"> 712 <div class="col-md-6 my-auto pb-2 pb-md-0"> 713 <img 714 style="border-radius: 20px;" 715 class="img-fluid" 716 src="https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png" 717 srcset=" 718 https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png 480w, 719 https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png 768w, 720 https://www.banyumilitravel.id/default/banyumili/images/popup-login-banyumili.png 1200w 721 " 722 sizes="(max-width: 480px) 100vw, 723 (max-width: 768px) 80vw, 724 1200px" 725 fetchpriority="high" 726 /> 727 </div> 728 <div class="col-md-6 mx-auto bg-white" style="border-radius:20px; min-height:200px;"> 729 730 <i class="fa fa-times-circle text-danger fs-18 close-pop-info-login"></i> 731 <div class="px-2 pt-4 pb-3" style="text-align:left;"> 732 <p class="mb-2">Registrasi di Website</p> 733 734 735 <div class="d-flex tombol-login-popup p-2 mb-2" id="btnPopupPhone"> 736 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"> 737 <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"/> 738 <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"/> 739 </svg> 740 <div class="fs-14 ml-2"> 741 Menggunakan Nomor Telepon 742 </div> 743 </div> 744 745 746 <div class="d-flex tombol-login-popup p-2 mb-2" id="bt
746nPopupWa"> 747 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 748 <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"/> 749 <mask id="mask0_344_279" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="3" width="13" height="14"> 750 <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"/> 751 </mask> 752 <g mask="url(#mask0_344_279)"> 753 <path d="M20.5665 -0.416504H-0.416748V20.5668H20.5665V-0.416504Z" fill="url(#paint0_linear_344_279)"/> 754 </g> 755 <defs> 756 <linearGradient id="paint0_linear_344_279" x1="10.0749" y1="20.5668" x2="10.0749" y2="-0.416504" gradientUnits="userSpaceOnUse"> 757 <stop stop-color="#25CF43"/> 758 <stop offset="1" stop-color="#61FD7D"/> 759 </linearGradient> 760 </defs> 761 </svg> 762 <div class="fs-14 ml-2"> 763 Menggunakan Whatsapp 764 </div> 765 </div> 766 767 768 769 770 771 <div class="d-flex tombol-login-popup p-2" id="bt
771nPopupGoogle"> 772 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 773 <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"/> 774 <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"/> 775 <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"/> 776 <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"/> 777 </svg> 778 779 <div class="fs-14 ml-2"> 780 Menggunakan Google 781 </div> 782 </div> 783 784 <div class="py-2"> 785 <p class="text-secondary text-center mb-0">Atau</p> 786 </div> 787 788 <p class="mb-0">Registrasi di Aplikasi</p> 789 <div class="row mx-0"> 790 <div class="col-6 px-0" style="margin-left: -10px"> 791 <a target="_blank" href="https://play.google.com/store/apps/details?id=id.co.tbk.android.banyumili" ><img src="https://www.banyumilitravel.id/images/playstore.png" class="img-fluid" ></a> 792 </div> 793 <div class="col-6 px-0"> 794 <a target="_blank" href="https://apps.apple.com/app/banyumili/id6498587668" ><img src="https://www.banyumilitravel.id/images/appstore.png" class="img-fluid" ></a> 795 </div> 796 </div> 797 </div> 798 </div> 799 </div> 800 </div> 801 </div> 802 </div> 803 </div> 804</div> 805
806<script> 807 let popLoginAuth = 0; 808 let popLoginFeature = 0; 809 810 let isTriggered = false; //biar ga double trigger 811 812 $(document).ready(function() { 813 if(popLoginAuth == 0 && popLoginFeature == 1){ 814 showPopup(); 815 } 816 817 // CLOSE BUTTON 818 $(document).on('click', '.close-pop-info-login', function(){ 819 console.log('Close login popup (X clicked)'); 820 triggerNextPopup(); 821 $('#popLogin').modal('hide'); 822 }); 823 824 // BACKDROP CLICK 825 $('#popLogin').on('click', function(e){ 826 if ($(e.target).hasClass('modal')) { 827 console.log('Backdrop login popup clicked'); 828 triggerNextPopup(); 829 } 830 }); 831 832 }); 833 834 // ESC / BACKDROP / PROGRAMMATIC CLOSE 835 $('#popLogin').on('hidden.bs.modal', function () { 836 console.log('Modal login hidden'); 837 838 // fallback (kalau belum ke-trigger dari click) 839 if(!isTriggered){ 840 console.log('Trigger from hidden fallback'); 841 triggerNextPopup(); 842 } 843 844 // reset biar aman kalau dipakai lagi 845 isTriggered = false; 846 }); 847 848 function triggerNextPopup(){ 849 if(isTriggered) return; // cegah double 850 851 isTriggered = true; 852 853 console.log('Trigger loginDialogClosed'); 854 $(document).trigger('loginDialogClosed'); 855 } 856 857 // BUTTON ACTIONS 858 $('#btnPopupPhone').click(function(){ 859 window.location.href = "https://www.banyumilitravel.id/masuk?t=telp"; 860 }); 861 862 $('#btnPopupGoogle').click(function(){ 863 window.location.href = "https://www.banyumilitravel.id/masuk?t=google"; 864 }); 865 866 $('#btnPopupWa').click(function(){ 867 var link = "https://www.banyumilitravel.id/whatsapp/login"; 868 window.open(link, '_blank'); 869 }); 870 871 function showPopup(){ 872 console.log('Show login popup'); 873 $('#popLogin').modal({ 874 backdrop: true, 875 keyboard: true, 876 show: true 877 }); 878 } 879</script>
879 <style> 880 .modal-content { 881 box-shadow: none !important; 882 } 883 884 @media (max-width: 400px){ 885 .modal-dialog-set { 886 max-width: 300px !important; 887 margin: 1.75rem auto; 888 } 889 } 890 891 @media (min-width: 401px && max-width:999px){ 892 .modal-dialog-set { 893 max-width: 300px !important; 894 margin: 1.75rem auto; 895 } 896 } 897 898 @media (min-width: 1000px){ 899 .modal-dialog-set { 900 max-width: 1000px; 901 margin: 1.75rem auto; 902 } 903 } 904</style> 905 906<div class="modal modal-pop-info fade" id="popInfo" tabindex="-1" aria-labelledby="popInfoLabel" aria-hidden="true"> 907 <div class="modal-dialog modal-dialog-set modal-dialog-centered"> 908 <div class="modal-content text-center"> 909 <div class="row"> 910 <div class="col-12 mx-auto relative"> 911 <i class="fa fa-times-circle text-danger fs-18 close-pop-info"></i> 912 <a href="" id="linkPopup" target="_blank" ><img src="" id="popInfoImg" class="img-fluid" ></a> 913 </div> 914 </div> 915 </div> 916 </div> 917</div> 918 919 920 921 <style> 922 .reservasi-section{ 923 background-size: cover; 924 background-position: center; 925 } 926 927 .card-form, .br-12 { 928 border-radius: 12px !important; 929 } 930 .card-form.shadow{ 931 box-shadow: 0px 4px 10px 0px #5151510D; 932 } 933 934 .tab-reservation { 935 border-radius: 16px; 936 padding: 14px 32px 0 32px; 937 } 938 .mx-auto{ 939 margin-left: auto; 940 margin-right: auto; 941 } 942 .primary-dark{ 943 color:#095C83; 944 } 945 .slider-header .slick-prev:before, .slider-header .slick-next:before { 946 font-size: 30px !important; 947 } 948 .bg-white-20{ 949 background-color: rgba(255, 255, 255, 0.9) !important; 950 } 951 .circle-exchange{ 952 background-color: #ffffff; 953 box-shadow: -2px 3px 3px 0px #272A2B17; 954 border-radius: 12px; 955 padding: 8px; 956 display:flex; 957 cursor: pointer; 958 } 959 .ss-single-selected span{ 960 font-size:12px; 961 color:#71747D; 962 } 963 .datepicker.fs-12{ 964 font-size:12px !important; 965 color:#71747D !important; 966 } 967 .btn-pink{ 968 background-color:#D91A82; 969 } 970 .tab-reservation .border-bottom{ 971 border-bottom:0 !important; 972 } 973 .py-10{ 974 padding-top:12rem; 975 padding-bottom:12rem; 976 } 977 .pt-6{ 978 padding-top:5rem 979 } 980 981 .pb-8{ 982 padding-bottom:5rem; 983 } 984 985 .reservasi-v2 .title-reservasi{ 986 font-size:36px; 987 font-weight:700; 988 color:#FAFAFA 989 } 990 .reservasi-v2 .title-reservasi-desc{ 991 font-size:18px; 992 font-weight:400; 993 color:#FAFAFA; 994 } 995 996 .card-form .title-reservasi-incard{ 997 text-align: left; 998 color: #373285; 999 font-size: 20px; 1000 font-weight: 700; 1001 margin-bottom: 12px; 1002 } 1003 1004 .reservasi-v2 .tab-reservation .card-form .form-group p, 1005 .reservasi-v2 .tab-reservation .card-form .form-group label 1006 { 1007 color:#6F6F6F; 1008 } 1009 @media (max-width:1200px){ 1010 .padding-0-mobile{ 1011 padding:0 !important; 1012 } 1013 } 1014 @media(max-width:992px){ 1015 .tab-reservation .border-right{ 1016 border-right: 0 !important; 1017 } 1018 .tab-reservation .border-bottom{ 1019 border-bottom: 1px solid rgba(113, 116, 125, 1) !important; 1020 } 1021 } 1022 @media screen and (max-width:768px) { 1023 .tab-reservation { 1024 padding: 14px 10px 0 10px; 1025 } 1026 .slider-header .slick-next { 1027 right: -3px; 1028 } 1029 .slider-header .slick-prev { 1030 left: -14px; 1031 } 1032 .custom-bg-reservasi.py-10{ 1033 padding-top:3rem; 1034 padding-bottom:3rem; 1035 } 1036 } 1037 1038 .vidio-reservasi { 1039 position: absolute; 1040 top: 0; 1041 left: 0; 1042 width: 100%; 1043 height: 100%; 1044 object-fit: cover; 1045 z-index: 0; 1046 border-radius: 24px; 1047 } 1048</style> 1049 1050<section> 1051 <div class="reservasi-v2"> 1052 <div class="reservasi-section first-bg-color custom-bg-reservasi align-content-center pt-6 pb-8"> 1053 <section> 1054 <div class="text-center col-lg-8 mx-auto"> 1055 <h1 class="title-reservasi pb-2 mb-0 ">Banyumili: Travel Balikpapan Bontang Samarinda Sangatta</h1> 1056 <p class="title-reservasi-desc mb-3">
1056Nikmati kemudahan dan kemewahan dengan fasilitas premium Banyumili<br> 1057 Nikmati fasilitas premium dan kenyamanan eksklusif untuk rute Balikpapan, Samarinda, Bontang, hingga Sangatta.</p> 1058 </div> 1059 </section> 1060 <section> 1061 <div class="container mx-auto"> 1062 <div class="col-12 px-0"> 1063 <form action="https://www.banyumilitravel.id/book/tiket" method="get"> 1064 <input type="hidden" name="_token" value="IfbJ89LPYjcn24wKFA0ttINfVjZvCxk2uIIlUlTk"> 1065 <div class="row change-jadwal"> 1066 <div class="col-12"> 1067 <div class="tab-reservation"> 1068 <div class="card-form shadow bg-white form-row mx-0 py-5 px-3"> 1069 <div class="form-group mb-0 col-lg-2 pl-lg-0 py-1 py-sm-3 py-lg-0 align-content-center"> 1070 <div class="d-flex"> 1071 <div class="pl-2 w-100"> 1072 <p class="mb-1 label-reservation" data-i18n="bookingDeparture">Keberangkatan</p> 1073 <div class="d-flex align-content-center"> 1074 <select name="asal" class="form-pp" id="asal"> 1075 <option value="" class="d-flex" data-i18n="bookingSelectDeparture"> 1076 Pilih Keberangkatan 1077 </option> 1078 <optgroup label ='BALIKPAPAN'> <option value='60'>BALIKPAPAN BANDARA</option> <option value='78'>BALIKPAPAN KOTA</option> </optgroup><optgroup label ='BONTANG'> <option value='72'>BONTANG SIMPANG 3 BONTANG</option> </optgroup><optgroup label ='KUTAI TIMUR'> <option value='57'>SANGATTA</option> </optgroup><optgroup label ='SAMARINDA'> <option value='66'>SAMARINDA BANDARA</option> <option value='82'>SAMARINDA KOTA</option> </optgroup> 1079 </select> 1080 </div> 1081 </div> 1082 </div> 1083 </div> 1084 <!-- <div class="form-group mb-0 align-content-center d-flex justify-content-center"> 1085 <div class="align-content-center"> 1086 <div class="circle-exchange "> 1087 <i class="fas fa-exchange-alt" style="color:#057EB3"></i> 1088 </div> 1089 </div> 1090 </div> --> 1091 <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center "> 1092 <div class="d-flex "> 1093 <div class="pl-2 w-100"> 1094 <p class="mb-1 label-reservation">Tujuan<img class="loadKeberangkatan ml-2 d-none" src="https://www.banyumilitravel.id/global/images/loading//loader.gif" width="15px" ></p> 1095 <div class="d-flex align-content-center"> 1096 <select name="tujuan" class="form-pp" id="tujuan"> 1097 <option value="" class="d-flex" data-i18n="bookingSelectDestination"> 1098 Pilih Tujuan 1099 </option> 1100 </select> 1101 </div> 1102 </div> 1103 </div> 1104 </div> 1105 <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center "> 1106 <div class="d-flex"> 1107 <div class="pl-2"> 1108 <p class="mb-1 label-reservation" data-i18n="bookingDepartureDate">Tanggal Pergi</p> 1109 <div class="d-flex align-items-center form-pp"> 1110 <input type="text" name="tglberangkat" id="tanggal_pergi"> 1111 </div> 1112 </div> 1113 </div> 1114 </div> 1115 <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center "> 1116 <div class="d-flex"> 1117 <div class="pl-2"> 1118 <label class="mb-1 mr-2 label-reservation" for="sw" data-i18n="bookingReturnDate">Tanggal Pulang</label> 1119 <div class="custom-control custom-switch d-inline" id="sw"> 1120 <input type="checkbox" class="custom-control-input" id="is_pp"> 1121 <label class="custom-control-label" for="is_pp"></label> 1122 <input type="hidden" name="ispp" id="ispp"> 1123 </div> 1124 <div class="d-flex align-items-center form-pp" id="tglpulang-div"> 1125 <input type="text" name="tglpulang" id="tanggal_pulang" class="datepicker tglpulang"> 1126 </div> 1127 </div> 1128 </div> 1129 </div> 1130 <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-center"> 1131 <div class="pr-2 d-flex"> 1132 <div class="pl-2 w-100"> 1133 <p class="mb-1 label-reservation" data-i18n="bookingPassenger">Penumpang</p> 1134 <div class="d-flex align-content-center form-pp"> 1135 <select name="jmlpenumpang" id="jmlpenumpang" > 1136 <option value="1"> 1137 1 Orang</option> 1138 <option value="2"> 1139 2 Orang</option> 1140 <option value="3"> 1141 3 Orang</option> 1142 <option value="4"> 1143 4 Orang</option> 1144 <option value="5"> 1145 5 Orang</option> 1146 <option value="6"> 1147 6 Orang</option> 1148 <option value="7"> 1149 7 Orang</option> 1150 </select> 1151 </div> 1152 </div> 1153 </div> 1154 </div> 1155 <div class="form-group mb-0 col-lg-2 py-1 py-sm-3 py-lg-0 align-content-end"> 1156 <input type="hidden" name="namaasal" id="namaasal"> 1157 <input type="hidden" name="namatujuan" id="namatujuan"> 1158 <button class="btn btn-block btn-cari text-white shadow br-12 fs-18" type="submit" onclick="return cek()"><i class="fas fa-search pr-2 fs-12"></i>Cari</button> 1159 </div> 1160 </div> 1161 </div> 1162 </div> 1163 </div> 1164 </form> 1165 </div> 1166 </div> 1167 </section> 1168 </div> 1169 </div> 1170 </section>
1171<script type="text/javascript" src="https://www.banyumilitravel.id/default/banyumili/js/slick.min.js"></script>
vendor: 1 bytes, line 1171
1171
1172<script> 1173 1174 $('.slider-header').slick({ 1175 slidesToShow: 3, 1176 slidesToScroll: 1, 1177 dots: false, 1178 autoplay:true, 1179 infinite:true, 1180 prevArrow: '<button class="slick-prev"></i></button>', 1181 nextArrow: '<button class="slick-next"></i></button>', 1182 responsive: [ 1183 { 1184 breakpoint: 991, 1185 settings: { 1186 slidesToShow: 2, 1187 slidesToScroll: 2 1188 } 1189 }, 1190 { 1191 breakpoint: 768, 1192 settings: { 1193 slidesToShow: 1, 1194 slidesToScroll: 1 1195 } 1196 }, 1197 { 1198 breakpoint: 480, 1199 settings: { 1200 slidesToShow: 1, 1201 slidesToScroll: 1 1202 } 1203 } 1204 ] 1205 }); 1206 1207 $(document).ready(function(){ 1208 $(".circle-exchange").click(function(e){ 1209 e.preventDefault(); 1210 1211 let asal = $("#asal").val(); 1212 let tujuan = $("#tujuan").val(); 1213 console.log("Sebelum Tukar -> Asal: " + asal + ", Tujuan: " + tujuan); // Debugging 1214 1215 // Tukar nilai 1216 $("#asal").val(tujuan).change(); 1217 $("#tujuan").val(asal).change(); 1218 1219 console.log("Setelah Tukar -> Asal: " + $("#asal").val() + ", Tujuan: " + $("#tujuan").val()); // Debugging 1220 }); 1221 }); 1222</script>
1222 1223 1224 1225 1226 1227 <section class=" 1228 mt-3 "> 1229 <div class="container "> 1230 <div class=" mb-lg-5 "> 1231 <div class="row"> 1232 <div class=" slider-banyumili px-0 col-12 py-0 br-card mb-2"> 1233 1234 1235 <div class="slider-container position-relative"> 1236 <div class="slider outline-none shadow-sm br-card mx-3 "> 1237 1238 <div class="slide-item"> 1239 <a href="https://www.banyumilitravel.id/blog/diskon-20-ribu-pengguna-baru?utm_source=website&utm_medium=article&utm_campaign=bm_aja_diskon_pengguna_baru" target="_blank"> 1240 <img src="https://www.banyumilitravel.id/uploads/slider/slider20260416115447.diskon-pengguna-baru.webp" class="img-fluid outline-none br-card shadow" alt="Banner" 1241 srcset="https://www.banyumilitravel.id/uploads/slider/slider20260416115447.diskon-pengguna-baru.webp 600w" 1242 sizes="100vw" 1243 fetchpriority="high"> 1244 </a> 1245 </div> 1246 1247 <div class="slide-item"> 1248 <img src="https://www.banyumilitravel.id/uploads/slider/slider20240723115136.blob" 1249 class="img-fluid br-card outline-none " 1250 alt="Banner" 1251 fetchpriority="high" 1252 srcset="https://www.banyumilitravel.id/uploads/slider/slider20240723115136.blob 600w" 1253 sizes="100vw"> 1254 </div> 1255 1256 <div class="slide-item"> 1257 <img src="https://www.banyumilitravel.id/uploads/slider/slider20240524092516.blob" 1258 class="img-fluid br-card outline-none " 1259 alt="Banner" 1260 fetchpriority="high" 1261 srcset="https://www.banyumilitravel.id/uploads/slider/slider20240524092516.blob 600w" 1262 sizes="100vw"> 1263 </div> 1264 </div> 1265 1266 </div> 1267 1268 1269 </div> 1270 </div> 1271 </div> 1272 </div> 1273 </section> 1274 1275 1276 1277 1278 1279 1280 <style> 1281 .btn-readmore-promo { 1282 border-radius: 100px; 1283 background-color: #020617; 1284 color: #ffffff !important; 1285 } 1286 1287 .slider-promo-news .slick-prev, .slider-promo-news .slick-next { 1288 background: transparent; 1289 border: none; 1290 font-size: 24px; 1291 color: #333; 1292 position: absolute; 1293 top: 50%; 1294 transform: translateY(-50%); 1295 z-index: 10; 1296 cursor: pointer; 1297 } 1298 .slider-promo-news .border-circle{ 1299 border: 1px solid white; 1300 background: #06429D; 1301 color:white; 1302 border-radius:50%; 1303 padding:8px; 1304 width:24px; 1305 height:24px; 1306 font-size:12px; 1307 } 1308 .slider-promo-news .slick-prev { left: -10px; } 1309 .slider-promo-news .slick-next { right: -9px; } 1310 .slider-promo-news .slick-list{padding:0 20% 0 0 !important;} 1311 .slider-promo-news .slick-prev:before, .slider-promo-news .slick-next:before { 1312 content: '' !important; 1313 } 1314 .slider-promo-news .border-arrow{ 1315 background: rgba(204, 36, 37, 1); 1316 color:white; 1317 border: 4px solid #ffffff; 1318 border-radius:60px; 1319 padding: 4px 6px; 1320 } 1321 .slider-promo-news .slick-slide { 1322 transition: transform 0.3s ease-in-out; 1323 } 1324 .slider-promo-news .card { 1325 padding: 0 !important; 1326 overflow: hidden; 1327 } 1328 .img-promo-news img{ 1329 width: 48px; 1330 } 1331 .title-promo-news-v2{ 1332 font-size:36px; 1333 } 1334 .br-t-12 { 1335 border-top-left-radius: 12px; 1336 border-top-right-radius: 12px; 1337 } 1338 .button-product{ 1339 opacity: 1; 1340 padding-top: 8px; 1341 padding-right: 18px; 1342 padding-bottom: 8px; 1343 padding-left: 18px; 1344 border-radius: 100px; 1345 border-width: 1px; 1346 background: rgba(250, 250, 250, 1); 1347 border: 1px solid #E5E7EB; 1348 text-transform: capitalize; 1349 } 1350 .button-product.active{ 1351 background: linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) 1352 ,linear-gradient(0deg, #0339B6, #0339B6); 1353 border: 1px solid var(--Primary, rgba(3, 57, 182, 1)); 1354 color: #0339B6; 1355 } 1356 1357 .slider-promo-news .img-berita{ 1358 display: block; 1359 width: 100%; 1360 height: auto; 1361 margin: 0 !important; 1362 aspect-ratio: 1170 / 550; 1363 object-fit: contain; 1364 } 1365 .slider-promo-news .berita-title{ 1366 min-height: 64px; 1367 } 1368 1369 .line-clamp-2 { 1370 display: -webkit-box; 1371 -webkit-line-clamp: 2; 1372 -webkit-box-orient: vertical; 1373 overflow: hidden; 1374 } 1375 @media (max-width:768px) { 1376 .slider-promo-news .slick-list{padding:0 30% 0 0 !important;} 1377 .bg-pattern { 1378 background-position: right -100px top; /* Gambar tetap di kanan atas di mobile */ 1379 background-size: 250px, 200px; /* Sesuaikan ukuran background jika perlu */ 1380 } 1381 .slider-promo-news .berita-title{ 1382 min-height: 64px; 1383 } 1384 .promo-news-title{ 1385 font-size:18px; 1386 } 1387 1388 .img-promo-news img{ 1389 width: 30px; 1390 } 1391 .title-promo-news-v2{ 1392 font-size:18px; 1393 } 1394 } 1395</style> 1396 1397 <section class="my-5"> 1398 <div class="container"> 1399 <div class="row"> 1400 <div class="col-10 col-lg-6"> 1401 <h2 class="mb-3 color-black font-weight-bold title-promo-news-v2">Info Buat Kamu</h2> 1402 </div> 1403 <div class="col-2 col-lg-6 text-right d-flex justify-content-end align-items-center"> 1404 <a href="https://www.banyumilitravel.id/blog" class="btn btn-cari d-md-block w-fit d-flex justify-content-center"><span class="d-none d-lg-inline" data-i18n="homepageViewAll">Lihat Semua</span> <i class="fa fa-chevron-right pl-md-2"></i></a> 1405 </div> 1406 </div> 1407 <div > 1408 <div class="col-lg-12 list-product mb-3 px-0"> 1409 1410 <div class="row mx-0 hide-scrollbar p-2" style="flex-wrap: nowrap;"> 1411 <button class="btn button-product mr-2 active" data-product_id="0" data-i18n="homepageAll"> 1412 Semua 1413 </button> 1414 1415 <button class="btn button-product mr-2" data-product_id=""> 1416 promo 1417 </button> 1418 1419 <button class="btn button-product mr-2" data-product_id="1"> 1420 berita 1421 </button> 1422 </div> 1423 1424 </div> 1425 1426 1427 <!-- <div class="col-sm-12"><p class="fs-18 mb-3 color-black font-weight-bold text-middle-spacing title_product"></p></div> --> 1428 <div class="slider-promo-news col-12 px-0"> 1429 </div> 1430 1431 1432 </div> 1433 </div> 1434 </section> 1435
1436<script> 1437 var defaultNewsImage = "https:\/\/www.banyumilitravel.id\/global\/images\/default-news.svg"; 1438 1439 function initSliderPromo() { 1440 if ($('.slider-promo-news').length) { 1441 $('.slider-promo-news').slick({ 1442 slidesToShow: 3, 1443 slidesToScroll: 3, 1444 dots: true, 1445 autoplay: false, 1446 infinite: false, 1447 prevArrow: '<button class="slick-prev"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>', 1448 nextArrow: '<button class="slick-next"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>', 1449 responsive: [ 1450 { 1451 breakpoint: 998, 1452 settings: { 1453 centerMode: false, 1454 centerPadding: '0px', 1455 slidesToShow: 2, 1456 slidesToScroll: 2 1457 } 1458 }, 1459 { 1460 breakpoint: 768, 1461 settings: { 1462 centerMode: false, 1463 centerPadding: '0px', 1464 slidesToShow: 1, 1465 slidesToScroll: 1 1466 } 1467 }, 1468 { 1469 breakpoint: 480, 1470 settings: { 1471 centerMode: false, 1472 centerPadding: '0px', 1473 slidesToShow: 1, 1474 slidesToScroll: 1 1475 } 1476 }] 1477 }); 1478 } 1479 } 1480 1481 $('.button-product').click(function(){ 1482 // remove and set active class 1483 $('.button-product').removeClass('active'); 1484 $(this).addClass('active'); 1485 1486 id = $(this).data('product_id') 1487 productName = $(this).data('product_name') 1488 1489 getListBlog(id, productName) 1490 }) 1491 1492 function getListBlog(idproduct, nameproduct) { 1493 var url = "/blog-product", 1494 id = idproduct 1495 productName = nameproduct 1496 1497 // get list blog based on selected product 1498 $.get(url+"?kategori_berita="+id, function(data){ 1499 }).done(function(data){ 1500 if ($('.slider-promo-news').hasClass('slick-initialized')) { 1501 $('.slider-promo-news').slick('unslick'); 1502 } 1503 var html = "" 1504 if(data.length > 0){ 1505 $.each( data, function( key, value ) { 1506 var imageUrl = value.berita_photo ? value.berita_photo : defaultNewsImage; 1507 html += ` 1508 <div> 1509 <div class="card br-12 h-100 mx-2 mb-2"> 1510 <img src="` + imageUrl + `" class="img-fluid br-t-12 img-berita" onerror="this.onerror=null;this.src='` + defaultNewsImage + `';"> 1511 <div class=""> 1512 <div class="berita-title text-container"> 1513 <p class="text-justify px-3 mb-0 py-2 ellipsis-text"> 1514 <a class="color-black line-clamp-2" href="` + value.berita_url + `">` + value.berita_judul + `</a> 1515 </p> 1516 </div> 1517 </div> 1518 </div> 1519 </div>`; 1520 }); 1521 } 1522 $('.title_product').html(productName); 1523 $('.slider-promo-news').html(html).promise().done(function() { 1524 initSliderPromo() 1525 }) 1526 }).fail(function(data){ 1527 }) 1528 } 1529 1530 $(document).ready(function() { 1531 1532 getListBlog(0, 'Semua'); 1533 }); 1534</script>
1534 1535 1536 1537 1538 1539 1540 <style> 1541 @media (max-width: 767px) { 1542 .img-tentang { 1543 height: 350px !important; 1544 } 1545 } 1546</style> 1547 1548 1549 1550 1551 1552 1553 1554 <style> 1555 .title-layanan{ 1556 font-weight: 700; 1557 font-size: 36px; 1558 } 1559 .title-layanan-desc{ 1560 font-weight: 400; 1561 font-size: 18px; 1562 color:#71747D; 1563 } 1564 1565 .border-layanan-v8 { 1566 position: relative; 1567 z-index: 1; 1568 padding: 16px; 1569 border-radius: 32px; 1570 background-color: white; 1571 1572 display: flex; 1573 flex-direction: column; 1574 justify-content: flex-end; 1575 } 1576 1577 .border-layanan-v8::before { 1578 content: ''; 1579 position: absolute; 1580 inset: 0; 1581 border-radius: 32px; 1582 padding: 1px; 1583 background: linear-gradient(230.86deg, #0339B6 19.21%, #00A0FF 66.33%, #FFEE00 99.98%); 1584 -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); 1585 -webkit-mask-composite: xor; 1586 mask-composite: exclude; 1587 } 1588 1589 .border-layanan-v8:last-child { 1590 background-color: #FAFAFA; 1591 } 1592 1593 .border-layanan-v8:last-child::before { 1594 background: none; 1595 -webkit-mask: none; 1596 mask: none; 1597 } 1598 1599 .border-layanan-v8.available{ 1600 background: linear-gradient(0deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)), 1601 linear-gradient(0deg, #0339B6, #0339B6); 1602 } 1603 1604 .layanan-img { 1605 position: absolute; 1606 top: 27px; 1607 right: 73px; 1608 transform: translate(50%, -50%); 1609 } 1610 1611 .text-title-v8{ 1612 color:#0339B6; 1613 font-size:22px; 1614 font-weight:800; 1615 } 1616 .text-gray-v8{ 1617 color:#555555; 1618 } 1619 .gradient-comingsoon{ 1620 background: linear-gradient(90deg, #0339B6 0%, #0172DF 55.77%, #00A0FF 100%); 1621 padding-top: 4px; 1622 padding-right: 20px; 1623 padding-bottom: 4px; 1624 padding-left: 20px; 1625 border-radius: 999px; 1626 color:white; 1627 } 1628 1629 @media (max-width: 768px) { 1630 .title-layanan{ 1631 font-size: 24px; 1632 } 1633 .title-layanan-desc{ 1634 font-size: 16px; 1635 } 1636 .text-title-v8{ 1637 color:#0339B6; 1638 font-size:15px; 1639 } 1640 } 1641</style> 1642<section class="py-4"> 1643 <div class="container"> 1644 <div> 1645 <div> 1646 <div> 1647 <img src="/default/banyumili/images/layanan/islamic.png" alt="icon-layanan" class="img-fluid" width="56px" style="margin-bottom: -8px; margin-right: 8px;"> 1648 </div> 1649 </div> 1650 <div class="py-3"> 1651 <h2 class="text-black-v7 title-layanan">Layanan Banyumili</h2> 1652 </div> 1653 <div class="col-md-8 px-0 pb-3"> 1654 <p class="text-gray-v7 title-layanan-desc">Banyumili travel memiliki berbagai layanan buat Kamu. Semua urusan perjalanan, paket, dokumen, dan logistik beres bareng Banyumili. Tinggal klik, beres deh.</p> 1655 </div> 1656 </div> 1657 <div class="grid-cols-4 gap-22 my-4"> 1658 <a href="/blog/travel" target="_blank"> 1659 <div class="border-layanan-v8 h-100 available "> 1660 <img src="/default/banyumili/images/layanan/travel.png" alt="layanan-1" class="img-fluid layanan-img" width="101px"> 1661 <div class="mt-5"> 1662 <div class="d-flex align-items-center"> 1663 <h3 class="text-title-v8 ">Travel</h3> 1664 </div> 1665 <p class="text-gray-v8 fs-14 mb-0 ">Perjalanan antar kota makin nyaman dan tepat waktu bersama armada terbaik dari Banyumili.</p> 1666 </div> 1667 <button class="btn btn-cari w-fit d-none" data-i18n="homepageViewDetails">Lihat Detail</button> 1668 </div> 1669 </a> 1670 <a href="/paket/cekpaket" target="_blank"> 1671 <div class="border-layanan-v8 h-100 available "> 1672 <img src="/default/banyumili/images/layanan/paket.png" alt="layanan-1" class="img-fluid layanan-img" width="101px"> 1673 <div class="mt-5"> 1674 <div class="d-flex align-items-center"> 1675 <h3 class="text-title-v8 ">Paket</h3> 1676 </div> 1677 <p class="text-gray-v8 fs-14 mb-0 ">Kirim barang atau dokumen sameday/nextday! Banyumili Paket siap antar dengan cepat dan aman sampai tujuan, tanpa ribet.</p> 1678 </div> 1679 <button class="btn btn-cari w-fit d-none" data-i18n="homepageViewDetails">Lihat Detail</button> 1680 </div> 1681 </a> 1682 <a href="/blog/pariwisata" target="_blank"> 1683 <div class="border-layanan-v8 h-100 available "> 1684 <img src="/default/banyumili/images/layanan/pariwisata.png" alt="layanan-1" class="img-fluid layanan-img" width="101px"> 1685 <div class="mt-5"> 1686 <div class="d-flex align-items-center"> 1687 <h3 class="text-title-v8 ">Pariwisata</h3> 1688 </div> 1689 <p class="text-gray-v8 fs-14 mb-0 ">Ingin liburan bareng keluarga besar atau rombongan lebih seru dan berkesan? Kami menyediakan armada premium dan sopir berpengalaman.</p> 1690 </div> 1691 <button class="btn btn-cari w-fit d-none" data-i18n="homepageViewDetails">Lihat Detail</button> 1692 </div> 1693 </a> 1694 <a href="/" target="_blank"> 1695 <div class="border-layanan-v8 h-100 "> 1696 <img src="/default/banyumili/images/layanan/comingsoon.png" alt="layanan-1" class="img-fluid layanan-img" width="101px"> 1697 <div class="mt-5"> 1698 <div class="d-flex align-items-center"> 1699 <h3 class="text-title-v8 mb-0 mr-2 ">Lainnya</h3>
1700 <span class="gradient-comingsoon" data-i18n="homepageComingSoon">Coming Soon</span> 1701 </div> 1702 <p class="text-gray-v8 fs-14 mb-0 mb-0 ">Segera hadir layanan lengkap lainnya untuk memenuhi semua kebutuhan perjalanan Kamu: Tiket Pesawat, Booking Hotel, dan Tiket Kereta Api.</p> 1703 </div> 1704 </div> 1705 </a> 1706 </div> 1707 </div> 1708</section> 1709 1710 1711 1712 1713 1714 1715 <section 1716 class="my-5" 1717 > 1718 <div class="container-fluid px-0 bg-container" > 1719 <div class="container "> 1720 <style> 1721 .header-title-fasilitas{ 1722 font-size:36px; 1723 font-weight:700; 1724 } 1725 .item-desc-text{ 1726 color:#71747D; 1727 font-size:16px; 1728 } 1729 .title-desc-text{ 1730 color:#1F2937; 1731 font-size:16px; 1732 font-weight:700; 1733 } 1734 .fasilitas .card{ 1735 box-shadow: none !important; 1736 } 1737 .devide-fasilitas{ 1738 background: linear-gradient(180deg, #0339B6 0%, #00A0FF 100%); 1739 border-radius:99px; 1740 height:24px; 1741 width:3px; 1742 } 1743 1744 @media(max-width:768px){ 1745 .header-title-fasilitas{ 1746 font-size:28px; 1747 font-weight:700; 1748 } 1749 } 1750</style> 1751<div class="row py-5 px-3 px-md-0"> 1752 <div class="d-flex flex-column mx-auto text-center"> 1753 <div> 1754 <img src="/default/banyumili/images/layanan/islamic.png" alt="islamic" class="img-fluid" width="56px"> 1755 </div> 1756 <div class="mb-3 col-xl-9 col-12 mx-auto px-0"> 1757 <h2 class="header-title-fasilitas mb-2"> 1758 Fasilitas yang Tersedia 1759 </h2> 1760 <p class="fs-18 text-grey-dark-2 ">Banyumili travel menghadirkan kenyamanan dan keamanan terbaik dalam setiap perjalanan</p> 1761 </div> 1762 </div> 1763 <div class="grid-cols-3 fasilitas gap-40 py-5"> 1764 <div class="card p-2 br-25 leading-6" > 1765 <div class="pb-4 d-flex justify-content-center mx-auto"> 1766 <div class="w-full"> 1767 <img src="/default/banyumili/images/fasilitas/gps_tracker.png" alt="icon" class="img-fluid"> 1768 </div> 1769 </div> 1770 <div class="px-3 pb-3"> 1771 <div class="pb-1 d-flex gap-8"> 1772 <div class="devide-fasilitas"></div> 1773 <h3 class="title-desc-text">GPS Tracker</h3> 1774 </div> 1775 <div> 1776 <p class="item-desc-text">Pantau posisi armada secara real-time untuk memastikan keamanan perjalanan Anda.</p> 1777 </div> 1778 </div> 1779 </div> 1780 <div class="card p-2 br-25 leading-6" > 1781 <div class="pb-4 d-flex justify-content-center mx-auto"> 1782 <div class="w-full"> 1783 <img src="/default/banyumili/images/fasilitas/gps_speed.png" alt="icon" class="img-fluid"> 1784 </div> 1785 </div> 1786 <div class="px-3 pb-3"> 1787 <div class="pb-1 d-flex gap-8"> 1788 <div class="devide-fasilitas"></div> 1789 <h3 class="title-desc-text">GPS Speed Alert</h3> 1790 </div> 1791 <div> 1792 <p class="item-desc-text">Pembatasan kecepatan laju armada secara otomatis demi standar keamanan yang terjaga.</p> 1793 </div> 1794 </div> 1795 </div> 1796 <div class="card p-2 br-25 leading-6" > 1797 <div class="pb-4 d-flex justify-content-center mx-auto"> 1798 <div class="w-full"> 1799 <img src="/default/banyumili/images/fasilitas/usb_port.png" alt="icon" class="img-fluid"> 1800 </div> 1801 </div> 1802 <div class="px-3 pb-3"> 1803 <div class="pb-1 d-flex gap-8"> 1804 <div class="devide-fasilitas"></div> 1805 <h3 class="title-desc-text">USB Slot</h3> 1806 </div> 1807 <div> 1808 <p class="item-desc-text">Isi daya gadget Anda dengan slot USB di setiap kursi agar tetap terhubung sepanjang perjalanan..</p> 1809 </div> 1810 </div> 1811 </div> 1812 <div class="card p-2 br-25 leading-6" > 1813 <div class="pb-4 d-flex justify-content-center mx-auto"> 1814 <div class="w-full"> 1815 <img src="/default/banyumili/images/fasilitas/seat_belt.png" alt="icon" class="img-fluid"> 1816 </div> 1817 </div> 1818 <div class="px-3 pb-3"> 1819 <div class="pb-1 d-flex gap-8"> 1820 <div class="devide-fasilitas"></div> 1821 <h3 class="title-desc-text">Seat Belt</h3> 1822 </div> 1823 <div> 1824 <p class="item-desc-text">Keamanan prioritas utama dengan sabuk pengaman di seluruh kursi.</p> 1825 </div> 1826 </div> 1827 </div> 1828 <div class="card p-2 br-25 leading-6" > 1829 <div class="pb-4 d-flex justify-content-center mx-auto"> 1830 <div class="w-full"> 1831 <img src="/default/banyumili/images/fasilitas/adjust_seat.png" alt="icon" class="img-fluid"> 1832 </div> 1833 </div> 1834 <div class="px-3 pb-3"> 1835 <div class="pb-1 d-flex gap-8"> 1836 <div class="devide-fasilitas"></div> 1837 <h3 class="title-desc-text">Adjustment Seat</h3> 1838 </div> 1839 <div> 1840 <p class="item-desc-text">Atur posisi duduk senyaman mungkin dengan fitur reclining seat.</p> 1841 </div> 1842 </div> 1843 </div> 1844 <div class="card p-2 br-25 leading-6" > 1845 <div class="pb-4 d-flex justify-content-center mx-auto"> 1846 <div class="w-full"> 1847 <img src="/default/banyumili/images/fasilitas/leg_rest.png" alt="icon" class="img-fluid"> 1848 </div> 1849 </div> 1850 <div class="px-3 pb-3"> 1851 <div class="pb-1 d-flex gap-8"> 1852 <div class="devide-fasilitas"></div> 1853 <h3 class="title-desc-text">Leg Rest</h3> 1854 </div> 1855 <div> 1856 <p class="item-desc-text">Tetap nyaman istirahatkan kaki Anda dengan leg rest yang luas.</p> 1857 </div> 1858 </div> 1859 </div> 1860 <div class="card p-2 br-25 leading-6" > 1861 <div class="pb-4 d-flex justify-content-center mx-auto"> 1862 <div class="w-full"> 1863 <img src="/default/banyumili/images/fasilitas/head_room.png" alt="icon" class="img-fluid"> 1864 </div> 1865 </div> 1866 <div class="px-3 pb-3"> 1867 <div class="pb-1 d-flex gap-8"> 1868 <div class="devide-fasilitas"></div> 1869 <h3 class="title-desc-text">Head Room</h3> 1870 </div> 1871 <div> 1872 <p class="item-desc-text">
1872Ruang kabin yang tinggi memberikan kesan lega dan tidak sesak.</p> 1873 </div> 1874 </div> 1875 </div> 1876 <div class="card p-2 br-25 leading-6" > 1877 <div class="pb-4 d-flex justify-content-center mx-auto"> 1878 <div class="w-full"> 1879 <img src="/default/banyumili/images/fasilitas/bagasi.png" alt="icon" class="img-fluid"> 1880 </div> 1881 </div> 1882 <div class="px-3 pb-3"> 1883 <div class="pb-1 d-flex gap-8"> 1884 <div class="devide-fasilitas"></div> 1885 <h3 class="title-desc-text">Bagasi Luas</h3> 1886 </div> 1887 <div> 1888 <p class="item-desc-text">Bawa barang lebih banyak tanpa khawatir dengan kapasitas bagasi ekstra.</p> 1889 </div> 1890 </div> 1891 </div> 1892 <div class="card p-2 br-25 leading-6" > 1893 <div class="pb-4 d-flex justify-content-center mx-auto"> 1894 <div class="w-full"> 1895 <img src="/default/banyumili/images/fasilitas/air_mineral.png" alt="icon" class="img-fluid"> 1896 </div> 1897 </div> 1898 <div class="px-3 pb-3"> 1899 <div class="pb-1 d-flex gap-8"> 1900 <div class="devide-fasilitas"></div> 1901 <h3 class="title-desc-text">Air Mineral</h3> 1902 </div> 1903 <div> 1904 <p class="item-desc-text">Perjalanan tetap segar dengan air mineral gratis bagi penumpang.</p> 1905 </div> 1906 </div> 1907 </div> 1908 </div> 1909</div> </div> 1910 </div> 1911 </section> 1912 1913 1914 <style> 1915 .header-title-galeri{ 1916 font-size:36px; 1917 font-weight:700; 1918 } 1919 1920 .outlet-content{ 1921 gap: 8px; 1922 padding:12px; 1923 width: 260px; 1924 position: relative; 1925 border-radius: 12px; 1926 background-color: rgba(255, 255, 255, 0.85); 1927 justify-self:center; 1928 backdrop-filter: blur(8px) 1929 } 1930 .img-outlet img{ 1931 width:48px 1932 } 1933 .slider-galeri-banyumili .slick-prev, .slider-galeri-banyumili .slick-next { 1934 font-size: 24px; 1935 color: #333; 1936 position: absolute; 1937 top: 50%; 1938 z-index: 10; 1939 cursor: pointer; 1940 } 1941 .slider-galeri-banyumili .slick-prev::before, .slider-galeri-banyumili .slick-next::before{ 1942 content: ''; 1943 } 1944 .slider-galeri-banyumili .slick-prev { left: 0px; } 1945 .slider-galeri-banyumili .slick-next { right: 0px; } 1946 1947 .slider-galeri-banyumili .border-circle{ 1948 border: 1px solid white; 1949 background: #06429D; 1950 color:white; 1951 border-radius:50%; 1952 padding:8px; 1953 width:24px; 1954 height:24px; 1955 font-size:12px; 1956 } 1957 .slider-galeri-banyumili .slick-prev:hover, .slider-galeri-banyumili .slick-next:hover { 1958 color: black; /* Change color on hover */ 1959 } 1960 1961 .slider-galeri-banyumili img { 1962 max-height: 273px; 1963 object-fit: cover; 1964 } 1965 1966 @media (max-width: 992px) { 1967 .slider-galeri-banyumili img { 1968 max-height: 200px; 1969 } 1970 } 1971 1972 @media(max-width:768px){ 1973 .outlet-title{ 1974 font-size:18px; 1975 } 1976 .img-outlet img{ 1977 width:30px; 1978 } 1979 .header-title-galeri{ 1980 font-size:28px; 1981 font-weight:700; 1982 } 1983 .slider-galeri-banyumili img { 1984 max-height: 188px; 1985 } 1986 } 1987 </style> 1988 1989 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lightgallery.min.css"> 1990 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-zoom.min.css"> 1991 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-thumbnail.min.css"> 1992 <section> 1993 <div class="container-fluid py-5 text-center text-dark px-0"> 1994 <div> 1995 <img src="/default/banyumili/images/layanan/islamic.png" alt="islamic" class="img-fluid" width="56px"> 1996 </div> 1997 <div class="mb-3 col-xl-4 col-12 mx-auto px-0"> 1998 <h2 class="header-title-galeri mb-2"> 1999 <label class="color-primary font-bold mb-0 py-1 px-2 br-10">Galeri Banyumili</label> 2000 </h2> 2001 <p class="fs-18 text-grey-dark-2 px-1">Dari eksterior gagah sampai interior mewah, kami pastikan Anda menikmati setiap detik perjalanan bersama Banyumili.</p> 2002 </div> 2003 <div class="col-12"> 2004 <div class="slider-galeri-banyumili mt-2" id="lightgallery"> 2005 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1744173170blob"> 2006 <img src="https://www.banyumilitravel.id/uploads/galeri/1744173170blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2007 </div> 2008 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1751003056blob"> 2009 <img src="https://www.banyumilitravel.id/uploads/galeri/1751003056blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2010 </div> 2011 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717411blob"> 2012 <img src="https://www.banyumilitravel.id/uploads/galeri/1753717411blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2013 </div> 2014 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717806blob"> 2015 <img src="https://www.banyumilitravel.id/uploads/galeri/1753717806blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2016 </div> 2017 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717685blob"> 2018 <img src="https://www.banyumilitravel.id/uploads/galeri/1753717685blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2019 </div> 2020 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717719blob"> 2021 <img src="https://www.banyumilitravel.id/uploads/galeri/1753717719blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2022 </div> 2023 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1753717622blob"> 2024 <img src="https://www.banyumilitravel.id/uploads/galeri/1753717622blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2025 </div> 2026 <div class="px-2" data-src="https://www.banyumilitravel.id/uploads/galeri/1744173063blob"> 2027 <img src="https://www.banyumilitravel.id/uploads/galeri/1744173063blob" alt="Galeri" data-i18n-alt="galleryImageAlt" class="img-fluid w-100 mb-3 br-16 shadow-sm"> 2028 </div> 2029 </div> 2030 </div> 2031 </div> 2032 </section> 2033 2034
2034<script src="https://www.banyumilitravel.id/global/js/lightgallery.js"></script>
2034 2035
2035<script src="https://www.banyumilitravel.id/global/js/lightgallery-umd.js"></script>
2035 2036
2036<script src="https://www.banyumilitravel.id/global/js/lightgallery-zoom.js"></script>
2036 2037
2037<script type="text/javascript"> 2038 lightGallery(document.getElementById('lightgallery'), { 2039 plugins: [lgZoom, lgThumbnail] 2040 }); 2041 2042 $('.slider-galeri-banyumili').slick({ 2043 slidesToShow: 3, 2044 slidesToScroll: 3, 2045 dots: true, 2046 autoplay: false, 2047 infinite: false, 2048 prevArrow: '<button class="slick-prev"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>', 2049 nextArrow: '<button class="slick-next"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>', 2050 responsive: [ 2051 { 2052 breakpoint: 1200, 2053 settings: { 2054 slidesToShow: 3, 2055 slidesToScroll: 2, 2056 infinite: true, 2057 dots: false 2058 } 2059 }, 2060 { 2061 breakpoint: 992, 2062 settings: { 2063 slidesToShow: 2 , 2064 slidesToScroll: 2, 2065 infinite: true, 2066 dots: false 2067 } 2068 }, 2069 { 2070 breakpoint: 768, 2071 settings: { 2072 slidesToShow: 1, 2073 slidesToScroll: 1, 2074 infinite: true, 2075 dots: true, 2076 centerMode: true, 2077 centerPadding: '10%', 2078 prevArrow: '<button class="slick-prev d-none"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>', 2079 nextArrow: '<button class="slick-next d-none"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>', 2080 } 2081 } 2082 ] 2083 }); 2084 </script>
2084 2085 2086 <style> 2087 .header-title-member{ 2088 font-size:36px; 2089 font-weight:700; 2090 color:white; 2091 } 2092 .border-member{ 2093 background: linear-gradient(265.84deg,#EBF1FF 99.99%, #FFFFFF -0.01%); 2094 border: 2px solid #FFFFFF; 2095 width: 183; 2096 height: 48; 2097 border-radius: 999px; 2098 gap: 8px; 2099 padding-top: 12px; 2100 padding-right: 24px; 2101 padding-bottom: 12px; 2102 padding-left: 20px; 2103 color:#0339B6; 2104 2105 } 2106 2107 @media(max-width:768px){ 2108 .header-title-member{ 2109 font-size:28px; 2110 font-weight:700; 2111 } 2112 } 2113</style> 2114<section> 2115 <div class="container py-5 mb-3 px-md-0"> 2116 <div class="bg-member d-flex"> 2117 <div class="col-md-8 col-12 align-content-center d-flex flex-column justify-content-between gap-8 p-md-5 px-4 py-5 text-md-left text-center"> 2118 <h2 class="header-title-member font-weight-bold mb-2"> 2119 <label class="font-weight-bold mb-0 py-1 px-2 br-10">Yuk! Gabung Jadi Member Banyumili</label> 2120 </h2> 2121 <p class="fs-18 text-white ">Nikmati kemudahan, reward, dan promo eksklusif hanya untuk Kamu yang terdaftar sebagai member. Setiap perjalanan jadi lebih hemat, praktis, dan penuh keuntungan.</p> 2122 <div class="d-flex flex-column flex-md-row gap-8 text-md-left text-center"> 2123 <a href="https://wa.me/6282141864864" target="_blank" class="border-member w-full w-md-fit"> <i class="fab fa-whatsapp"></i> Hubungi Admin</a> 2124 <a href="https://www.banyumilitravel.id/member/detail" class="border-member w-full w-md-fit">Daftar Member <i class="fas fa-chevron-right ml-3"></i></a> 2125 </div> 2126 </div> 2127 </div> 2128 </div> 2129</section> 2130 <style> 2131 .header-title-partner{ 2132 font-size:36px; 2133 font-weight:700; 2134 } 2135 2136 @media(max-width:768px){ 2137 .header-title-partner{ 2138 font-size:28px; 2139 font-weight:700; 2140 } 2141 } 2142</style> 2143<section> 2144 <div class="container my-5"> 2145 <div class="text-center"> 2146 <h2 class="header-title-partner font-weight-bold mb-4"> 2147 <label class="font-weight-bold mb-0 py-1 px-2 br-10">Partner Kami</label> 2148 </h2> 2149 <div class="flex-wrap d-flex gap-40 justify-content-center"> 2150 <img src="/default/banyumili/images/partner/tiketux.png" alt="partner" class="img-fluid"> 2151 <img src="/default/banyumili/images/partner/traveloka.png" alt="partner" class="img-fluid"> 2152 <img src="/default/banyumili/images/partner/nucare.png" alt="partner" class="img-fluid"> 2153 <img src="/default/banyumili/images/partner/easybook.png" alt="partner" class="img-fluid"> 2154 </div> 2155 </div> 2156 </div> 2157</section> 2158 2159 2160 2161 2162 2163 2164 2165 <section class="my-5 "> 2166 <div class="container"> 2167 </div> 2168 </section> 2169 2170 2171 2172 2173 2174 2175 <section class=""> 2176 <div class="container py-5"> 2177 <div class="row"> 2178 <div class="col-md-6 col-lg-7 pr-lg-5"> 2179 <img src="https://www.banyumilitravel.id/global/images/salespayment.webp" alt="" class="img-fluid" loading="lazy" decoding="async"> 2180 </div> 2181 <div class="col-md-6 col-lg-5 pt-4 my-auto"> 2182 <div class="mb-4"> 2183 <img src="https://www.banyumilitravel.id/default/banyumili/images/layanan/islamic.png" alt="" class="img-fluid"> 2184 </div> 2185 <h2 class="heading-title mb-4 text-sales-payment "> 2186 Pembayaran Fleksibel, Perjalanan Lebih Mudah 2187 </h2> 2188 <p class="text-muted mb-5"> 2189 Nikmati kemudahan pembayaran dengan 20+ metode, mulai dari dompet digital, transfer bank, 2190 hingga pembayaran di gerai retail. Pilih yang paling nyaman untukmu! 2191 </p> 2192 <a href="https://www.banyumilitravel.id/pembayaran" class="btn first-bg-color bt
2192n-payment btn-outline-cari text-white px-3 py-2"> 2193 Jelajahi Opsi Pembayaran 2194 <i class="fas fa-chevron-right ml-2"></i> 2195 </a> 2196 </div> 2197 </div> 2198 </div> 2199</section> 2200 2201 2202 2203 <style> 2204 .download-flex{ 2205 display: flex; 2206 flex-direction: row; 2207 gap:24px; 2208 } 2209 .download-flex .text-cs{ 2210 align-self: start; 2211 } 2212 .download-text{ 2213 font-size: 40px; 2214 font-weight: 700; 2215 } 2216 .border-b{ 2217 border-bottom: 3px solid #71747D; 2218 width: 20%; 2219 } 2220 @media (max-width:768px) { 2221 .download-text{ 2222 font-size: 24px; 2223 font-weight: 700; 2224 } 2225 .download-flex{ 2226 flex-direction: column; 2227 gap:0; 2228 } 2229 .download-flex .justify-content-end{ 2230 justify-content: center !important; 2231 } 2232 .download-flex .w-50{ 2233 width: 100% !important; 2234 } 2235 .download-flex .text-cs{ 2236 align-self: center; 2237 } 2238 .mmt-20{ 2239 margin-top: -67px; 2240 } 2241 .border-b{ 2242 width: 50%; 2243 } 2244 } 2245</style> 2246<section class="pt-4 bg-download"> 2247 <div class="container"> 2248 <div class="download-flex justify-content-center pt-5"> 2249 <div class="gap-22 justify-content-center align-items-start w-50 py-5" style="z-index: 2"> 2250 <div class="text-white text-cs"> 2251 <div> 2252 <h2 class="download-text mb-0" data-i18n="operatorDownloadTitle">Nyaman di jalan, tenang di hati, berkah dalam tujuan. Yuk! Download Aplikasinya</h2> 2253 </div> 2254 </div> 2255 <div class="border-b my-5"></div> 2256 <div class="d-flex justify-content-start align-items-center text-cs"> 2257 <a href="https://www.banyumilitravel.id/download/app" target="_blank"> 2258 <img src="https://www.banyumilitravel.id/default/banyumili/images/icon/downloadlogo.png" alt="" class="img-downloads mr-2"> 2259 </a> 2260 <a href="https://play.google.com/store/apps/details?id=id.co.tbk.android.banyumili" target="_blank"> 2261 <img src="global/images/playstore.png" alt="Playstore" class="img-store mr-2 w-download"> 2262 </a> 2263 <a href="https://apps.apple.com/app/banyumili/id6498587668" target="_blank"> 2264 <img src="global/images/appstore.png" alt="Appstore" class="img-store mr-2 w-download"> 2265 </a> 2266 </div> 2267 </div> 2268 <div class="w-50 d-flex justify-content-center mmt-20"> 2269 <img src="https://www.banyumilitravel.id/default/banyumili/images/home/bg-phone.png" alt="phone" class="img-fluid"> 2270 2271 </div> 2272 </div> 2273 </div> 2274</section> 2275 2276 <div class="modal fade" id="modalConfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" onclick="$('#modalConfirm').modal('hide')"> 2277 <div class="modal-dialog modal-dialog-centered modal-success" role="dialog"> 2278 <div class="modal-content" style="background-color: #fff4cf"> 2279 <div class="modal-body"> 2280 <button type="button" class="close" data-dismiss="modal" aria-label="Tutup" data-i18n-aria-label="commonClose"> 2281 <span aria-hidden="true">×</span> 2282 </button> 2283 2284 <div class="modal-text"> 2285 </div> 2286 </div> 2287 </div> 2288 </div> 2289</div> 2290</div> 2291 2292 </div> 2293 2294 2295 <footer class="font-small new-page-footer pt-4 position-relative mycontainer"> 2296 <div class="container px-xl-5 text-center text-md-left pt-3"> 2297 <div class="row border-bottom-footer"> 2298 <div class="col-xl-4 mb-3 mt-2"> 2299 <img src="https://www.banyumilitravel.id/default/banyumili/images/icon/logo.png" alt="Logo" class="logo-footer mb-4"> 2300 2301 <a target="_blank" href="https://www.instagram.com/banyumilitravel" class="pb-2"> 2302 <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2"> 2303 <div class="mr-1 my-auto flex-shrink-0"> 2304 <div class="icon-medsos"> 2305 <img src="https://www.banyumilitravel.id/global/images/sosmed/instagram-eid.png" 2306 class="img-fluid" 2307 alt="icon" 2308 width="36"> 2309 </div> 2310 </div> 2311 <div class="footer-text text-center text-lg-left my-auto"> 2312 banyumilitravel 2313 </div> 2314 </div> 2315 </a> 2316 <a target="_blank" href="https://www.facebook.com/banyumilitrans" class="pb-2"> 2317 <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2"> 2318 <div class="mr-1 my-auto flex-shrink-0"> 2319 <div class="icon-medsos"> 2320 <img src="https://www.banyumilitravel.id/global/images/sosmed/facebook-eid.png" 2321 class="img-fluid" 2322 alt="icon" 2323 width="36"> 2324 </div> 2325 </div> 2326 <div class="footer-text text-center text-lg-left my-auto"> 2327 banyumilitrans 2328 </div> 2329 </div> 2330 </a> 2331 <a target="_blank" href="https://www.tiktok.com/@banyumilitravel" class="pb-2"> 2332 <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2"> 2333 <div class="mr-1 my-auto flex-shrink-0"> 2334 <div class="icon-medsos"> 2335 <img src="https://www.banyumilitravel.id/global/images/sosmed/tiktok-ei
2335d.png" 2336 class="img-fluid" 2337 alt="icon" 2338 width="36"> 2339 </div> 2340 </div> 2341 <div class="footer-text text-center text-lg-left my-auto"> 2342 @banyumilitravel 2343 </div> 2344 </div> 2345 </a> 2346 <a target="_blank" href="https://www.tiktok.com/@banyumilitravel" class="pb-2"> 2347 <div class="d-flex align-items-center justify-content-center justify-content-md-start mb-2"> 2348 <div class="mr-1 my-auto flex-shrink-0"> 2349 <div class="icon-medsos"> 2350 <img src="https://www.banyumilitravel.id/global/images/sosmed/youtube-eid.png" 2351 class="img-fluid" 2352 alt="icon" 2353 width="36"> 2354 </div> 2355 </div> 2356 <div class="footer-text text-center text-lg-left my-auto"> 2357 @banyumilitravel 2358 </div> 2359 </div> 2360 </a> 2361 2362 2363 <div class="d-flex align-items-start justify-content-center justify-content-md-start mb-2"> 2364 <div class="mr-1 flex-shrink-0"> 2365 <img src="https://www.banyumilitravel.id/global/images/sosmed/location-eid.png" alt="icon" width="36"> 2366 </div> 2367 <div> 2368 <p class="footer-text text-left mb-0"> 2369 Jl. Karya Etam No. 12, Sangatta Utara, Kec. Sangatta Utara, Kabupaten Kutai Timur, Kalimantan Timur 75683 2370 </p> 2371 </div> 2372 </div> 2373 </div> 2374 <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2 pl-xl-2"> 2375 <h5 class="footer-title pb-1" data-i18n="footerMainRoutes">Layanan Rute Utama</h5> 2376 <ul class="list-group" style="list-style: none;"> 2377 <li class="pb-2"> 2378 <a href="https://www.banyumilitravel.id/blog/travel-sangatta" class="footer-text">Travel Sangatta</a> 2379 </li> 2380 <li class="pb-2"> 2381 <a href="https://www.banyumilitravel.id/blog/travel-balikpapan" class="footer-text">Travel Balikpapan</a> 2382 </li> 2383 <li class="pb-2"> 2384 <a href="https://www.banyumilitravel.id/blog/travel-samarinda" class="footer-text">Travel Samarinda</a> 2385 </li> 2386 <li class="pb-2"> 2387 <a href="https://www.banyumilitravel.id/blog/travel-bontang" class="footer-text">Travel Bontang</a> 2388 </li> 2389 </ul> 2390 </div> 2391 <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2 pl-xl-5"> 2392 <h5 class="footer-title pb-1" data-i18n="footerOthers">Lainnya</h5> 2393 <ul class="list-group" style="list-style: none;"> 2394 <li class="pb-2"> 2395 <a href="https://www.banyumilitravel.id/outlet" class="footer-text" data-i18n="navOutlet">Outlet</a> 2396 </li> 2397 <li class="pb-2"> 2398 <a href="https://www.banyumilitravel.id/pembayaran" class="footer-text" data-i18n="footerPaymentGuide">Cara Bayar</a> 2399 </li> 2400 <li class="pb-2"> 2401 <a href="https://www.banyumilitravel.id/kontak" class="footer-text" data-i18n="footerContact">Kontak</a> 2402 </li> 2403 <li class="pb-2"> 2404 <a href="https://www.banyumilitravel.id/blog" class="footer-text" data-i18n="navBlog">Blog</a> 2405 </li> 2406 </ul> 2407 </div> 2408 <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2"> 2409 <h5 class="footer-title pb-1" data-i18n="footerCallCenter">Call Center</h5> 2410 <ul class="list-group" style="list-style: none;"> 2411 <li class="pb-2 footer-text"> 2412 <a class="footer-text" 2413 target="_blank" 2414 href="https://wa.me/6282141864864"> 2415 <div class="d-flex align-items-center justify-content-center justify-content-md-start"> 2416 <div class="mr-1 align-content-center flex-shrink-0"> 2417 <img src="https://www.banyumilitravel.id/global/images/sosmed/whatsapp-eid.png" 2418 class="img-fluid" 2419 alt="icon" 2420 width="36"> 2421 </div> 2422 <div> 2423 2424 <p class="mb-0 footer-title" style="font-size:16px !important;"> 2425 Admin Sangatta 2426 </p> 2427 2428 <div class="my-auto"> 2429 082141864864 2430 </div> 2431 </div> 2432 </div> 2433 </a> 2434 </li> 2435 <li class="pb-2 footer-text"> 2436 <a class="footer-text" 2437 target="_blank" 2438 href="https://wa.me/6282141864864"> 2439 <div class="d-flex align-items-center justify-content-center justify-content-md-start"> 2440 <div class="mr-1 align-content-center flex-shrink-0"> 2441 <img src="https://www.banyumilitravel.id/global/images/sosmed/whatsapp-eid.png" 2442 class="img-fluid" 2443 alt="icon" 2444 width="36"> 2445 </div> 2446 <div> 2447 2448 <p class="mb-0 footer-title" style="font-size:16px !important;"> 2449 Admin Balik Papan 2450 </p> 2451 2452 <div class="my-auto"> 2453 082141864864 2454 </div> 2455 </div> 2456 </div> 2457 </a> 2458 </li> 2459 </ul> 2460 </div> 2461 <div class="col-md-6 col-xl-2 mb-lg-0 mb-3 mt-2 pl-xl-5"> 2462 <h5 class="footer-title pb-1" data-i18n="footerDownloadApp">Unduh Aplikasi</h5> 2463 <a href="https://play.google.com/store/apps/details?id=id.co.tbk.android.banyumili" target="_blank"> 2464 <img src="https://www.banyumilitravel.id/global/images/playstore.png" 2465 alt="" 2466 class="img-fluid pb-2" 2467 width="120"> 2468 </a> 2469 <br> 2470 <a href="https://apps.apple.com/app/banyumili/id6498587668" target="_blank"> 2471 <img src="https://www.banyumilitravel.id/global/images/appstore.png" 2472 alt="" 2473 class="img-fluid pb-2" 2474 width="120"> 2475 </a> 2476 <br> 2477 </div> 2478 </div> 2479 </div> 2480 <div class="container"> 2481 <div class="row"> 2482 <div class="col-12"> 2483 <h6 class="text-center font-bold-o py-4 footer-text-bottom mb-0"> 2484 © 2026 Banyumili. <span data-i18n="footerAllRightsReserved">Semua Hak Dilindungi Undang-Undang</span> 2485 <br>
2486 <span data-i18n="footerEmail">Email</span>: [email protected] 2487 </h6> 2488 </div> 2489 </div> 2490 </div> 2491</footer> 2492 2493 <div class="modal fade" id="modal-load" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="modal-load-label" aria-hidden="true"> 2494 <div class="modal-dialog modal-dialog-centered"> 2495 <div class="spinner-border m-auto text-light" role="status" style="width: 60px; height:60px;"> 2496 <span class="sr-only" data-i18n="commonLoading">Loading...</span> 2497 </div> 2498 </div> 2499</div> 2500
2501<script> 2502 function showLoadPage(){ 2503 $('#modal-load').modal({ 2504 show: true 2505 }) 2506 } 2507 2508 function hideLoadPage(){ 2509 $('#modal-load').modal('hide') 2510 } 2511 2512 function resetModalPagePadding(){ 2513 if ($('.modal.show').length === 0) { 2514 $('body').removeClass('modal-open').css('padding-right', ''); 2515 $('.fixed-top, .fixed-bottom, .is-fixed, .sticky-top').each(function(){ 2516 const element = $(this); 2517 const originalPaddingRight = element.data('padding-right'); 2518 const originalMarginRight = element.data('margin-right'); 2519 2520 if (originalPaddingRight !== undefined) { 2521 element.css('padding-right', originalPaddingRight).removeData('padding-right'); 2522 } 2523 2524 if (originalMarginRight !== undefined) { 2525 element.css('margin-right', originalMarginRight).removeData('margin-right'); 2526 } 2527 }); 2528 2529 $('.sticky-top.mr-0').each(function(){ 2530 this.style.removeProperty('padding-right'); 2531 this.style.removeProperty('margin-right'); 2532 }); 2533 $('.modal-backdrop').remove(); 2534 } 2535 } 2536 2537 $(window).on('pageshow', function(){ 2538 $('#modal-load').removeClass('show').hide(); 2539 resetModalPagePadding(); 2540 }); 2541 2542 $(document).on('hidden.bs.modal', function(){ 2543 resetModalPagePadding(); 2544 }); 2545</script>
2545 2546 2547 2548 2549 2550
2550<script type="text/javascript" src="https://www.banyumilitravel.id/default/banyumili/js/slick.min.js"></script>
2550 2551
2551<script src="https://www.banyumilitravel.id/global/js/numeral.js"></script>
2551 2552
2552<script src="https://www.banyumilitravel.id/global/js/flatpickr-holiday.js?ver=1"></script>
2552 2553
2553<script type="text/javascript"> 2554 $(document).ready(function () { 2555 2556 2557 2558 2559 $('.slider').slick({ 2560 slidesToShow: 1, 2561 slidesToScroll: 1, 2562 dots: true, 2563 autoplay:true, 2564 infinite:true, 2565 prevArrow: '<button class="slick-prev"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-left"></i></div></button>', 2566 nextArrow: '<button class="slick-next"><div class="border-circle d-flex align-items-center"><i class="fas fa-chevron-right"></i></div></button>', 2567 responsive: [ 2568 { 2569 breakpoint: 1024, 2570 settings: { 2571 centerMode: false, 2572 centerPadding: '0px', 2573 slidesToShow: 1, 2574 slidesToScroll: 1, 2575 infinite: true, 2576 dots: true 2577 } 2578 }, 2579 { 2580 breakpoint: 600, 2581 settings: { 2582 centerMode: false, 2583 centerPadding: '0px', 2584 slidesToShow: 1, 2585 slidesToScroll: 1 2586 } 2587 }, 2588 { 2589 breakpoint: 480, 2590 settings: { 2591 centerMode: false, 2592 centerPadding: '0px', 2593 slidesToShow: 1, 2594 slidesToScroll: 1 2595 } 2596 } 2597 ] 2598 }); 2599 $('.slider-galeri').slick({ 2600 slidesToShow: 3, 2601 slidesToScroll: 3, 2602 dots:true, 2603 variableWidth: false, 2604 autoplay:true, 2605 infinite: true, 2606 centerMode: false, 2607 responsive: [ 2608 { 2609 breakpoint: 900, 2610 settings: { 2611 nextArrow:false, 2612 prevArrow:false, 2613 slidesToScroll: 2, 2614 slidesToShow: 2, 2615 arrows: false, 2616 } 2617 }, 2618 { 2619 breakpoint: 480, 2620 settings: { 2621 nextArrow:false, 2622 prevArrow:false, 2623 slidesToScroll: 2, 2624 slidesToShow: 2, 2625 arrows: false, 2626 centerMode: true, 2627 slidesToShow: 1 2628 } 2629 } 2630 ] 2631 }); 2632 2633 $('.layanan').slick({ 2634 infinite: false, 2635 speed: 300, 2636 slidesToShow: 1, 2637 dots:true, 2638 autoplay: false, 2639 autoplaySpeed: 2000, 2640 variableWidth: true, 2641 prevArrow:false, 2642 nextArrow:false, 2643 2644 responsive: [ 2645 { 2646 breakpoint: 1024, 2647 settings: { 2648 centerMode: false, 2649 centerPadding: '0px', 2650 slidesToShow: 1, 2651 slidesToScroll: 1, 2652 infinite: true, 2653 dots: false 2654 } 2655 }, 2656 { 2657 breakpoint: 600, 2658 settings: { 2659 centerMode: false, 2660 centerPadding: '0px', 2661 slidesToShow: 1, 2662 slidesToScroll: 1 2663 } 2664 }, 2665 { 2666 breakpoint: 480, 2667 settings: { 2668 2669 centerMode: false, 2670 centerPadding: '0px', 2671 slidesToShow: 1, 2672 slidesToScroll: 1 2673 } 2674 } 2675 ] 2676 }); 2677 2678 $('.slider-info-promo').slick({ 2679 slidesToShow: 4, 2680 slidesToScroll: 4, 2681 dots: true, 2682 autoplay: true, 2683 infinite: $('.slider-info-promo .slider-item').length >= 4, // Only enable infinite loop if 4 or more slides 2684 variableWidth: false, // Ensure uniform widths 2685 centerMode: false, // Disable centering 2686 responsive: [ 2687 { 2688 breakpoint: 900, 2689 settings: {
2690 nextArrow: false, 2691 prevArrow: false, 2692 slidesToScroll: 2, 2693 slidesToShow: 2, 2694 arrows: false, 2695 } 2696 }, 2697 { 2698 breakpoint: 480, 2699 settings: { 2700 nextArrow: false, 2701 prevArrow: false, 2702 slidesToScroll: 1, 2703 slidesToShow: 1, 2704 arrows: false, 2705 centerMode: false, 2706 } 2707 } 2708 ] 2709 }); 2710 2711 document.querySelectorAll('.card-fasilitas').forEach(function(card) { 2712 let img = card.querySelector('.fasilitas-icon'); 2713 2714 // Menangani event hover (mouseenter) 2715 card.addEventListener('mouseenter', function() { 2716 let hoverSrc = img.getAttribute('data-hover'); 2717 img.setAttribute('src', hoverSrc); 2718 }); 2719 2720 // Menangani event keluar hover (mouseleave) 2721 card.addEventListener('mouseleave', function() { 2722 let defaultSrc = img.getAttribute('data-default'); 2723 img.setAttribute('src', defaultSrc); 2724 }); 2725 }); 2726 2727 }); 2728 2729 function detailCustomer() { 2730 var url = "https://www.banyumilitravel.id"; 2731 $.ajax({ 2732 url: url+"/detail-login", 2733 type: "get", 2734 data: { 2735 }, 2736 success: function(response) { 2737 if(response.status === "OK"){ 2738 var tgl_lahir = response.results.user.tgl_lahir, 2739 jenis_kelamin = response.results.user.jenis_kelamin 2740 2741 if(tgl_lahir == '' || tgl_lahir === "0000-00-00" || tgl_lahir === null){ 2742 $('#birthdayPop').modal('show') 2743 } 2744 2745 var isUltah = isSameMonth(tgl_lahir); 2746 if(isUltah){ 2747 $('.reservasi-section').addClass('bg-birthday') 2748 } 2749 } 2750 }, 2751 error: function(xhr) { 2752 } 2753 }); 2754 } 2755 2756 function isSameMonth(tgl) { 2757 const currentDate = new Date(); // Tanggal saat ini 2758 const inputDate = new Date(tgl); // Tanggal dari variabel tgl 2759 2760 // Periksa apakah bulan dan tahun sama 2761 return (inputDate.getMonth() === currentDate.getMonth()); 2762 } 2763 2764 </script>
2764 2765 2766 2767 2768
2768<script> var url = 'https://www.banyumilitravel.id'; </script>
2768 2769
2769<script type="text/javascript" src="https://www.banyumilitravel.id/global/js/default-js-v1.js"></script>
2769 2770 2771
2771<script> 2772 var dateFormatValue; 2773 var altFormatValue; 2774 dateFormatValue = 'j-n-Y'; 2775 altFormatValue = 'd-m-Y'; 2776 2777 // Ambil data tanggal dari backend 2778 let rawMinDate = "2026-10-03"; // misal "2025-11-20" dari API 2779 let rawMaxDate = "2027-01-31"; // misal "2025-11-20" dari API 2780 2781 // Konversi ke format JS Date 2782 let parsedMinDate = null; 2783 if (rawMinDate && typeof rawMinDate === 'string') { 2784 const parts = rawMinDate.split('-'); 2785 if (parts.length === 3) { 2786 // Kalau format ISO (2025-11-20) 2787 if (parts[0].length === 4) { 2788 parsedMinDate = new Date(parts[0], parts[1] - 1, parts[2]); 2789 } 2790 // Kalau format Indonesia (20-11-2025) 2791 else if (parts[2].length === 4) { 2792 parsedMinDate = new Date(parts[2], parts[1] - 1, parts[0]); 2793 } 2794 } 2795 } 2796 2797 let parsedMaxDate = null; 2798 if (rawMaxDate && typeof rawMaxDate === 'string') { 2799 const parts = rawMaxDate.split('-'); 2800 if (parts.length === 3) { 2801 // Kalau format ISO (2025-11-20) 2802 if (parts[0].length === 4) { 2803 parsedMaxDate = new Date(parts[0], parts[1] - 1, parts[2]); 2804 } 2805 // Kalau format Indonesia (20-11-2025) 2806 else if (parts[2].length === 4) { 2807 parsedMaxDate = new Date(parts[2], parts[1] - 1, parts[0]); 2808 } 2809 } 2810 } 2811 2812 // Tentukan nilai awal dan batas 2813 let minDateConfig = parsedMinDate || 'today'; 2814 let initialDate1Value = parsedMinDate || new Date(); 2815 let maxDate = parsedMaxDate || new Date(); 2816 if (!parsedMaxDate) maxDate.setMonth(maxDate.getMonth() + 3); 2817 2818 var holidayCalendar = new FlatpickrHolidayCalendar({ 2819 endpoint: "https://www.banyumilitravel.id/api/calendar/holidays" 2820 }); 2821 2822 var date1 = $("#tanggal_pergi").flatpickr(holidayCalendar.withHooks({ 2823 defaultDate: initialDate1Value, 2824 minDate: minDateConfig, 2825 locale: "id", 2826 altInput: true, 2827 altFormat: altFormatValue, 2828 dateFormat: dateFormatValue , 2829 disableMobile: "true", 2830 maxDate: maxDate, 2831 onChange: function(selectedDates, dateStr, instance) { 2832 // Update initialDate1Value saat tanggal dipilih 2833 initialDate1Value = selectedDates[0]; 2834 2835 // Update minDate based on checkbox status 2836 if ($("#is_pp").prop("checked")) { 2837 date2.set("minDate", initialDate1Value); 2838 2839 // Pastikan tanggal pergi tidak lebih besar dari tanggal pulang 2840 if (selectedDates[0] > date2.selectedDates[0]) { 2841 date2.setDate(selectedDates[0]); 2842 } 2843 } 2844 } 2845 })); 2846 2847 disableFlatpickr() 2848 2849 var date2 = $("#tanggal_pulang").flatpickr(holidayCalendar.withHooks({ 2850 minDate: minDateConfig, 2851 locale: "id", 2852 altInput: true, 2853 altFormat: altFormatValue, 2854 dateFormat: dateFormatValue , 2855 disableMobile: "true", 2856 defaultDate: initialDate1Value, 2857 maxDate: maxDate, 2858 onChange: function(selectedDates, dateStr, instance) { 2859 // Update maxDate based on checkbox status 2860 if ($("#is_pp").prop("checked")) { 2861 date1.set('maxDate', dateStr); 2862 2863 // Pastikan tanggal pulang tidak lebih kecil dari tanggal pergi 2864 if (selectedDates[0] < date1.selectedDates[0]) { 2865 date1.setDate(selectedDates[0]); 2866 } 2867 } 2868 } 2869 })); 2870 2871 function enableFlatpickr(callback) { 2872 $("#tglpulang-div").css("background-color", "transparent"); 2873 date2 = $("#tanggal_pulang").flatpickr(holidayCalendar.withHooks({ 2874 minDate: minDateConfig, 2875 locale: "id", 2876 altInput: true, 2877 altFormat: altFormatValue, 2878 dateFormat: dateFormatValue , 2879 disableMobile: "true", 2880 defaultDate: initialDate1Value, 2881 maxDate: maxDate, 2882 onChange: function(selectedDates, dateStr, instance) { 2883 // Pastikan tanggal pulang tidak lebih kecil dari tanggal pergi 2884 if ($("#is_pp").prop("checked")) { 2885 date1.set('maxDate', dateStr); 2886 if (selectedDates[0] < date1.selectedDates[0]) { 2887 date1.setDate(selectedDates[0]); 2888 } 2889 } 2890 } 2891 })); 2892 2893 // Atur minDate setelah date2 diinisialisasi 2894 date2.set("minDate", initialDate1Value); 2895 2896 if (typeof callback === 'function') { 2897 callback(date2); 2898 } 2899 } 2900 2901 function disableFlatpickr() { 2902 if (date2) { 2903 date2.destroy(); 2904 $("#tanggal_pulang").html(" ") 2905 } 2906 } 2907 2908 // checkbox is_pp 2909 if ($('#is_pp').is(':checked')) { 2910 $('#ispp').val(true) 2911 enableFlatpickr(function() { 2912 $('.tglpulang').prop('disabled', false); 2913 }) 2914 }else{ 2915 $('#ispp').val(false) 2916 disableFlatpickr() 2917 $('.tglpulang').prop('disabled', true) 2918 } 2919 2920 $("#is_pp").on('change', function() { 2921 if ($(this).is(':checked')) { 2922 $('#ispp').val(true) 2923 enableFlatpickr(function(date2) { 2924 $('.tglpulang').prop('disabled', false); 2925 }); 2926 } else { 2927 $('#ispp').val(false) 2928 disableFlatpickr() 2929 $('.tglpulang').prop('disabled', true) 2930 date1.set('maxDate', maxDate); 2931 } 2932 }); 2933 2934 function cek(){ 2935 if($('#asal').val() == "") { 2936 $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDeparture') : 'Silakan pilih keberangkatan') 2937 $('#modalConfirm').modal('show') 2938 return false;
2939 } 2940 2941 if($('#tujuan').val() == "") { 2942 $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDestination') : 'Silakan pilih tujuan') 2943 $('#modalConfirm').modal('show') 2944 return false; 2945 } 2946 2947 if ($('#is_pp').is(':checked')) { 2948 if($('#tanggal_pergi').val() == "") { 2949 $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDepartureDate') : 'Silakan pilih tanggal pergi') 2950 $('#modalConfirm').modal('show') 2951 return false; 2952 } 2953 2954 if($('#tanggal_pulang').val() == "") { 2955 $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationReturnDate') : 'Silakan pilih tanggal pulang') 2956 $('#modalConfirm').modal('show') 2957 return false; 2958 } 2959 } 2960 else { 2961 if($('#tanggal_pergi').val() == "") { 2962 $('.modal-text').text(window.PortalI18n ? window.PortalI18n.t('bookingValidationDepartureDate') : 'Silakan pilih tanggal pergi') 2963 $('#modalConfirm').modal('show') 2964 return false; 2965 } 2966 } 2967 2968 2969 showLoadPage(); 2970 return true; 2971 } 2972 </script>
2972 2973 2974
2974<script> 2975 2976 var url_login = "https://www.banyumilitravel.id/ceklogin" 2977 //set data tujuan 2978 $.get(url_login, function(data){ 2979 }).done(function(data){ 2980 }).fail(function(data){}); 2981 2982 </script>
2982 2983 2984
2985<script> 2986 // ============================================ 2987 // PILIH MODE POPUP DI BAWAH INI: 2988 // ============================================ 2989 2990 // MODE 1: Popup muncul setiap 2 jam sekali (seperti sekarang) 2991 // MODE 2: Popup muncul setiap kali reload halaman (tidak pakai cookie) 2992 2993 const POPUP_MODE = 1; // Ganti angka ini: 1 atau 2 2994 2995 // ============================================ 2996 // JANGAN UBAH KODE DI BAWAH INI 2997 // ============================================ 2998 2999 // Check if the cookie popup is set 3000 var hiddenPopup = getCookie('hidden_popup_expired'); 3001 3002 var banner = '', 3003 indexImg = 0, 3004 imgPopup = JSON.parse('[{"img":"https:\/\/webasset.b-cdn.net\/webprofile\/\/default-banyumili\/popup\/20260406162630_blob","link":null}]') 3005 popLoginAuth = 0 3006 popLoginFeature = 0 3007 3008 if(screen.width < 576 ){ 3009 imgPopup = JSON.parse('[{"img":"https:\/\/webasset.b-cdn.net\/webprofile\/\/default-banyumili\/popup\/20260406162643_blob","link":null}]') 3010 } 3011 3012 var popShownFromLoginClose = false; 3013 3014 $( document ).ready(function() { 3015 if(popLoginAuth == 0 && popLoginFeature == 1) { 3016 $(document).on('loginDialogClosed', function () { 3017 popShownFromLoginClose = true; 3018 // Show popup based on selected mode 3019 if (shouldShowPopup()) { 3020 showPop(); 3021 setPopupCookie(); 3022 } 3023 }); 3024 3025 // Safety fallback: kalau modal login gagal muncul/ke-init (race 3026 // condition asset loading, dsb) event 'loginDialogClosed' tidak 3027 // akan pernah fire dan banner jadi tidak pernah tampil. Untuk 3028 // MODE 2 (harus selalu tampil tiap reload), paksa tampil setelah 3029 // jeda singkat kalau belum ke-trigger dari penutupan modal login. 3030 if (POPUP_MODE === 2) { 3031 setTimeout(function () { 3032 if (!popShownFromLoginClose && shouldShowPopup()) { 3033 showPop(); 3034 setPopupCookie(); 3035 } 3036 }, 4000); 3037 } 3038 }else { 3039 // Show popup based on selected mode 3040 if (shouldShowPopup()) { 3041 showPop(); 3042 setPopupCookie(); 3043 } 3044 } 3045 3046 $('.close-pop-info').click(function(){ 3047 $('#popInfo').modal('hide') 3048 }) 3049 }) 3050 3051 $('#popInfo').on('hidden.bs.modal', function (e) { 3052 if(indexImg < imgPopup.length){ 3053 indexImg = indexImg + 1 3054 // Defer to the next tick so Bootstrap can finish tearing down the 3055 // current modal (backdrop removal, body.modal-open, transition state) 3056 // before we re-open it for the next image. Showing synchronously here 3057 // gets swallowed and the next popup never appears. 3058 setTimeout(showPop, 300); 3059 } 3060 }) 3061 3062 function showPop(){ 3063 if(imgPopup.length > 0 && indexImg < imgPopup.length){ 3064 var data_banner = imgPopup[indexImg]['img'] 3065 $('#popInfoImg').attr('src', data_banner) 3066 $('#linkPopup').attr('href', imgPopup[indexImg]['link']) 3067 $('#popInfo').modal('show') 3068 } 3069 } 3070 3071 // ============================================ 3072 // FUNGSI BARU UNTUK MENGONTROL MODE POPUP 3073 // ============================================ 3074 3075 function shouldShowPopup() { 3076 if (POPUP_MODE === 2) { 3077 // MODE 2: Selalu tampilkan setiap reload 3078 return true; 3079 } else { 3080 // MODE 1: Tampilkan hanya jika cookie tidak ada (default) 3081 return !hiddenPopup; 3082 } 3083 } 3084 3085 function setPopupCookie() { 3086 if (POPUP_MODE === 1) { 3087 // MODE 1: Set cookie 2 jam 3088 setCookie('hidden_popup_expired', 1, 2); 3089 // setCookie('hidden_popup_expired', 1, 1/120); // 30 detik untuk testing 3090 } 3091 // MODE 2: Tidak perlu set cookie 3092 } 3093 3094 // ============================================ 3095 // FUNGSI COOKIE (TIDAK BERUBAH) 3096 // ============================================ 3097 3098 function getCookie(name) { 3099 let value = "; " + document.cookie; 3100 let parts = value.split("; " + name + "="); 3101 if (parts.length === 2) return parts.pop().split(";").shift(); 3102 } 3103 3104 // Function to set a cookie (HOURS) 3105 function setCookie(name, value, hours) { 3106 let expires = ""; 3107 if (hours) { 3108 let date = new Date(); 3109 date.setTime(date.getTime() + (hours * 60 * 60 * 1000)); 3110 expires = "; expires=" + date.toUTCString(); 3111 } 3112 document.cookie = name + "=" + (value || "") + expires + "; path=/"; 3113 } 3114</script>
3114 3115 3116
3116<script> 3117 window.PORTAL_LANGUAGE = "id"; 3118 </script>
3118 3119
3119<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/23.7.6/i18next.min.js"></script>
3119 3120
3120<script src="https://www.banyumilitravel.id/locales/default.js?v=3.0"></script>
3120 3121 3122 </body> 3123</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.