PageSourceSearch

https://www.sunjayaabadi.com/

html sunjayaabadi.com collected 2026-10-02 00:56:18 UTC 117,970 bytes, 2,705 lines download raw bytes

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

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.