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