{"id":1200,"date":"2026-08-06T12:11:40","date_gmt":"2026-08-06T05:11:40","guid":{"rendered":"https:\/\/bprlestaribanten.com\/?page_id=1200"},"modified":"2026-10-15T15:58:06","modified_gmt":"2026-10-15T08:58:06","slug":"lestaridiskon","status":"publish","type":"page","link":"https:\/\/bprlestaribanten.com\/?page_id=1200","title":{"rendered":"LestariDiskon"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Lestari Diskon \u2013 BPR Lestari Banten<\/title>\r\n <style>\r\n \/* reset & base *\/\r\n * { margin: 0; padding: 0; }\r\n\r\n body {\r\n background: #f4f7fc;\r\n color: #0b1a2e;\r\n padding: 0;\r\n line-height: 1.5;\r\n justify-content: center;\r\n align-items: flex-start;\r\n min-height: 100vh;\r\n box-sizing: border-box;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n width: 100%;\r\n background: #ffffff;\r\n border-radius: 32px;\r\n padding: 40px 44px 48px;\r\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.04);\r\n transition: all 0.2s;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* breadcrumb *\/\r\n .breadcrumb {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 14px;\r\n color: #7a8aa3;\r\n margin-bottom: 28px;\r\n padding-bottom: 14px;\r\n border-bottom: 1px solid #eef3f9;\r\n }\r\n .breadcrumb a {\r\n color: #d35f1f;\r\n text-decoration: none;\r\n font-weight: 500;\r\n transition: color 0.2s;\r\n }\r\n .breadcrumb a:hover { color: #b14412; text-decoration: underline; }\r\n .breadcrumb .sep { color: #bcc9db; }\r\n .breadcrumb .current { color: #0b1a2e; font-weight: 500; }\r\n\r\n \/* header *\/\r\n .page-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n margin-bottom: 32px;\r\n flex-wrap: wrap;\r\n }\r\n .page-header .logo { max-width: 130px; height: auto; flex-shrink: 0; }\r\n .page-header .title-group h1 {\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: #0b1a2e;\r\n letter-spacing: -0.02em;\r\n line-height: 1.2;\r\n }\r\n .page-header .title-group .subhead {\r\n font-size: 14px;\r\n color: #5b6f8a;\r\n margin-top: 4px;\r\n font-weight: 400;\r\n }\r\n .page-header .title-group .subhead small {\r\n display: block;\r\n font-size: 13px;\r\n color: #94a5bb;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* promo banner utama *\/\r\n .promo-banner {\r\n background: linear-gradient(145deg, #f9f3ed, #fef8f4);\r\n border-radius: 24px;\r\n padding: 32px 36px;\r\n margin-bottom: 36px;\r\n border: 1px solid #f0e8e0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n .promo-banner .promo-text { flex: 1 1 200px; }\r\n .promo-banner .promo-text .badge {\r\n display: inline-block;\r\n background: #d35f1f;\r\n color: #ffffff;\r\n font-size: 12px;\r\n font-weight: 600;\r\n padding: 4px 16px;\r\n border-radius: 40px;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 10px;\r\n }\r\n .promo-banner .promo-text h2 {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #0b1a2e;\r\n margin-bottom: 4px;\r\n }\r\n .promo-banner .promo-text h2 span { color: #d35f1f; }\r\n .promo-banner .promo-text p {\r\n font-size: 15px;\r\n color: #4a5f7a;\r\n margin-top: 6px;\r\n }\r\n\r\n \/* ===== FILTER KATEGORI ===== *\/\r\n .category-filter {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 16px;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid #eef3f9;\r\n }\r\n .category-filter button {\r\n padding: 9px 20px;\r\n border: 1px solid #e2e8f0;\r\n background: #ffffff;\r\n color: #1a334f;\r\n border-radius: 40px;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n .category-filter button:hover {\r\n border-color: #d35f1f;\r\n color: #d35f1f;\r\n transform: translateY(-1px);\r\n }\r\n .category-filter button.active {\r\n background: #d35f1f;\r\n border-color: #d35f1f;\r\n color: #ffffff;\r\n font-weight: 600;\r\n }\r\n .category-filter button .count {\r\n display: inline-block;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 20px;\r\n padding: 1px 8px;\r\n font-size: 11px;\r\n margin-left: 6px;\r\n }\r\n .category-filter button.active .count {\r\n background: rgba(255, 255, 255, 0.25);\r\n }\r\n\r\n \/* ===== FILTER DISKON (EXACT VALUE) ===== *\/\r\n .discount-filter {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 28px;\r\n align-items: center;\r\n }\r\n .discount-filter .label {\r\n font-size: 13px;\r\n color: #7a8aa3;\r\n font-weight: 500;\r\n margin-right: 4px;\r\n }\r\n .discount-filter button {\r\n padding: 8px 18px;\r\n border: 1px solid #e2e8f0;\r\n background: #ffffff;\r\n color: #1a334f;\r\n border-radius: 40px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n .discount-filter button:hover {\r\n border-color: #d35f1f;\r\n color: #d35f1f;\r\n transform: translateY(-1px);\r\n }\r\n .discount-filter button.active {\r\n background: #0b1a2e;\r\n border-color: #0b1a2e;\r\n color: #ffffff;\r\n font-weight: 600;\r\n }\r\n .discount-filter button .count {\r\n display: inline-block;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 20px;\r\n padding: 1px 7px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n }\r\n .discount-filter button.active .count {\r\n background: rgba(255, 255, 255, 0.25);\r\n }\r\n\r\n \/* grid promo *\/\r\n .promo-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 24px;\r\n margin-bottom: 32px;\r\n }\r\n .promo-card {\r\n background: #f9fbfe;\r\n border-radius: 20px;\r\n padding: 0;\r\n border: 1px solid #e9eef5;\r\n transition: all 0.2s;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 320px;\r\n position: relative;\r\n }\r\n .promo-card:hover {\r\n background: #ffffff;\r\n border-color: #d35f1f;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\r\n transform: translateY(-3px);\r\n }\r\n .promo-card .card-img {\r\n width: 100%;\r\n height: auto;\r\n max-height: 450px;\r\n object-fit: contain;\r\n display: block;\r\n background: #f9fbfe;\r\n padding: 8px;\r\n }\r\n\r\n \/* Badge kategori di kartu *\/\r\n .promo-card .category-badge {\r\n position: absolute;\r\n top: 12px;\r\n left: 12px;\r\n background: rgba(11, 26, 46, 0.85);\r\n backdrop-filter: blur(6px);\r\n -webkit-backdrop-filter: blur(6px);\r\n color: #ffffff;\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 5px 12px;\r\n border-radius: 30px;\r\n letter-spacing: 0.3px;\r\n z-index: 2;\r\n pointer-events: none;\r\n opacity: 0;\r\n transition: opacity 0.2s;\r\n }\r\n .promo-card:hover .category-badge { opacity: 1; }\r\n\r\n \/* Badge diskon di kartu *\/\r\n .promo-card .discount-badge {\r\n position: absolute;\r\n top: 12px;\r\n right: 12px;\r\n background: linear-gradient(135deg, #d35f1f, #f0854a);\r\n color: #ffffff;\r\n font-size: 13px;\r\n font-weight: 700;\r\n padding: 6px 14px;\r\n border-radius: 30px;\r\n letter-spacing: 0.3px;\r\n z-index: 2;\r\n pointer-events: none;\r\n box-shadow: 0 4px 12px rgba(211, 95, 31, 0.35);\r\n }\r\n .promo-card .discount-badge small {\r\n font-size: 10px;\r\n font-weight: 400;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Empty state *\/\r\n .empty-state {\r\n grid-column: 1 \/ -1;\r\n text-align: center;\r\n padding: 60px 20px;\r\n color: #7a8aa3;\r\n font-size: 15px;\r\n }\r\n .empty-state span {\r\n font-size: 42px;\r\n display: block;\r\n margin-bottom: 12px;\r\n }\r\n\r\n \/* ===== MODAL \/ POPUP ===== *\/\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.7);\r\n backdrop-filter: blur(6px);\r\n z-index: 9999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 30px;\r\n }\r\n .modal-overlay.active { display: flex; }\r\n .modal-box {\r\n background: transparent;\r\n border-radius: 0;\r\n max-width: 90vw;\r\n max-height: 90vh;\r\n width: auto;\r\n height: auto;\r\n box-shadow: none;\r\n animation: modalIn 0.25s ease;\r\n position: relative;\r\n margin: auto;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n @keyframes modalIn {\r\n 0% { opacity: 0; transform: scale(0.92); }\r\n 100% { opacity: 1; transform: scale(1); }\r\n }\r\n .modal-box .modal-img {\r\n width: auto;\r\n height: auto;\r\n max-width: 85vw;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n border-radius: 16px;\r\n background: transparent;\r\n padding: 0;\r\n display: block;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n }\r\n .modal-close-btn {\r\n position: fixed;\r\n top: 24px;\r\n right: 32px;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.12);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n color: #ffffff;\r\n font-size: 22px;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10001;\r\n line-height: 1;\r\n font-weight: 300;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\r\n font-family: 'Georgia', serif;\r\n }\r\n .modal-close-btn:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: rotate(90deg) scale(1.1);\r\n border-color: rgba(255, 255, 255, 0.6);\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);\r\n }\r\n .modal-close-btn:active { transform: rotate(90deg) scale(0.92); }\r\n\r\n \/* info tambahan *\/\r\n .info-note {\r\n background: #f8faff;\r\n border-radius: 18px;\r\n padding: 20px 28px;\r\n border-left: 5px solid #d35f1f;\r\n margin: 12px 0 20px;\r\n }\r\n .info-note h4 {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0b1a2e;\r\n margin-bottom: 6px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n .info-note ul { list-style: none; padding: 0; margin: 4px 0 0; }\r\n .info-note ul li {\r\n font-size: 14px;\r\n color: #2a405b;\r\n padding: 4px 0 4px 22px;\r\n position: relative;\r\n }\r\n .info-note ul li::before {\r\n content: \"\u2022\";\r\n position: absolute;\r\n left: 4px;\r\n color: #d35f1f;\r\n font-weight: 700;\r\n font-size: 18px;\r\n }\r\n\r\n .btn-back {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 12px;\r\n padding: 12px 28px;\r\n background: #eef3f9;\r\n color: #1a334f;\r\n border: none;\r\n border-radius: 40px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: background 0.2s, transform 0.15s;\r\n text-decoration: none;\r\n }\r\n .btn-back:hover {\r\n background: #dce3ed;\r\n transform: translateX(-4px);\r\n }\r\n\r\n \/* ===== PAGINATION GALERI ===== *\/\r\n .gallery-pagination {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 28px;\r\n margin-bottom: 10px;\r\n flex-wrap: wrap;\r\n }\r\n .gallery-pagination button {\r\n min-width: 40px;\r\n height: 40px;\r\n padding: 0 12px;\r\n border: 1px solid #e2e8f0;\r\n background: #ffffff;\r\n color: #1a334f;\r\n border-radius: 10px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n }\r\n .gallery-pagination button:hover:not(:disabled) {\r\n border-color: #d35f1f;\r\n color: #d35f1f;\r\n transform: translateY(-1px);\r\n }\r\n .gallery-pagination button.active {\r\n background: #d35f1f;\r\n border-color: #d35f1f;\r\n color: #ffffff;\r\n font-weight: 600;\r\n }\r\n .gallery-pagination button:disabled {\r\n opacity: 0.4;\r\n cursor: not-allowed;\r\n }\r\n .gallery-pagination .page-info {\r\n font-size: 13px;\r\n color: #7a8aa3;\r\n margin-left: 6px;\r\n }\r\n\r\n \/* ===== RESPONSIVE ===== *\/\r\n @media (max-width: 720px) {\r\n body { padding: 0; }\r\n .container { padding: 28px 20px 32px; border-radius: 24px; }\r\n .page-header { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n .page-header .logo { max-width: 110px; }\r\n .page-header .title-group h1 { font-size: 22px; }\r\n .promo-banner {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 18px;\r\n padding: 24px 28px;\r\n }\r\n .promo-banner .promo-text h2 { font-size: 24px; }\r\n .promo-grid {\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 16px;\r\n }\r\n .promo-card { min-height: 280px; }\r\n .promo-card .card-img { max-height: 380px; }\r\n .info-note { padding: 16px 20px; }\r\n .btn-back { width: 100%; justify-content: center; }\r\n .modal-box { max-width: 95vw; max-height: 95vh; }\r\n .modal-box .modal-img {\r\n max-width: 92vw;\r\n max-height: 80vh;\r\n border-radius: 12px;\r\n }\r\n .modal-close-btn { top: 16px; right: 16px; width: 42px; height: 42px; font-size: 20px; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .container { padding: 20px 14px; border-radius: 20px; }\r\n .page-header .title-group h1 { font-size: 20px; }\r\n .promo-grid { grid-template-columns: 1fr; gap: 16px; }\r\n .promo-card { min-height: 340px; }\r\n .promo-card .card-img { max-height: 440px; }\r\n .promo-banner { padding: 20px; }\r\n .promo-banner .promo-text h2 { font-size: 20px; }\r\n .modal-box .modal-img { max-width: 95vw; max-height: 75vh; border-radius: 10px; }\r\n .modal-overlay { padding: 12px; }\r\n .modal-close-btn { top: 12px; right: 12px; width: 38px; height: 38px; font-size: 18px; }\r\n .gallery-pagination { gap: 6px; margin-top: 22px; }\r\n .gallery-pagination button { min-width: 36px; height: 36px; padding: 0 9px; font-size: 13px; }\r\n .gallery-pagination .page-info { width: 100%; text-align: center; margin: 4px 0 0; }\r\n }\r\n\r\n @media (max-width: 380px) {\r\n .container { padding: 14px 10px; }\r\n .promo-banner { padding: 16px; }\r\n .promo-card { min-height: 280px; }\r\n .promo-card .card-img { max-height: 360px; }\r\n .modal-close-btn { top: 10px; right: 10px; width: 34px; height: 34px; font-size: 16px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"container\">\r\n <!-- breadcrumb -->\r\n <div class=\"breadcrumb\">\r\n <span class=\"sep\">\u203a<\/span>\r\n <span class=\"current\">Lestari Diskon<\/span>\r\n <\/div>\r\n\r\n <!-- header -->\r\n <div class=\"page-header\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/LOGO-MOTM-ORANGE.png\"\r\n alt=\"BPR Lestari Banten\"\r\n class=\"logo\"\r\n \/>\r\n <div class=\"title-group\">\r\n <h1>Lestari Diskon<\/h1>\r\n <div class=\"subhead\">\r\n Program diskon eksklusif untuk nasabah Lestari First & The Royal BPR Lestari Banten\r\n <small>Promo terbatas<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- promo banner utama -->\r\n <div class=\"promo-banner\">\r\n <div class=\"promo-text\">\r\n <span class=\"badge\">\ud83d\udd25 Promo Terbatas<\/span>\r\n <h2>Diskon s.d. <span>50%<\/span><\/h2>\r\n <p>Untuk pembelian produk & layanan terpilih. Kode promo berlaku untuk semua nasabah.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Filter Kategori -->\r\n <div class=\"category-filter\" id=\"categoryFilter\"><\/div>\r\n\r\n <!-- Filter Diskon -->\r\n <div class=\"discount-filter\" id=\"discountFilter\"><\/div>\r\n\r\n <!-- grid promo -->\r\n <div class=\"promo-grid\">\r\n\r\n <!-- Card 1 - Noomi (Kecantikan, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kecantikan\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kecantikan<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg\" alt=\"Noomi\" \/>\r\n <\/div>\r\n\r\n <!-- Card 2 - GL8 (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-GL-8.jpg\" alt=\"Gl8\" \/>\r\n <\/div>\r\n\r\n <!-- Card 3 - Kuliner (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-BREADDII.jpg\" alt=\"Kuliner\" \/>\r\n <\/div>\r\n\r\n <!-- Card 4 - Kuliner (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-.jpg\" alt=\"Kuliner\" \/>\r\n <\/div>\r\n\r\n <!-- Card 5 - Kesehatan (Kesehatan, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kesehatan\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kesehatan<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-NEW.jpg\" alt=\"Kesehatan\" \/>\r\n <\/div>\r\n\r\n <!-- Card 6 - NIKI (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-NIKI-.jpg\" alt=\"Niki\" \/>\r\n <\/div>\r\n\r\n <!-- Card 7 - (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-NEW-copy-0.jpg\" alt=\"Kuliner\" \/>\r\n <\/div>\r\n\r\n <!-- Card 8 - (Kuliner, 15%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"15\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">15%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ.jpg\" alt=\"Kuliner\" \/>\r\n <\/div>\r\n\r\n <!-- Card 9 - Noomi (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-copy-0.jpg\" alt=\"Noomi\" \/>\r\n <\/div>\r\n\r\n <!-- Card 10 - GL8 (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-copy-2.jpg\" alt=\"Gl8\" \/>\r\n <\/div>\r\n\r\n <!-- Card 11 - (Kuliner, 40%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"40\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">40%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-copy-1.jpg\" alt=\"Kuliner\" \/>\r\n <\/div>\r\n\r\n <!-- Card 12 - (Hiburan, 30%) -->\r\n <div class=\"promo-card\" data-category=\"hiburan\" data-discount=\"30\">\r\n <span class=\"category-badge\">Hiburan<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-copy-3.jpg\" alt=\"Hiburan\" \/>\r\n <\/div>\r\n\r\n <!-- Card 13 - (Olahraga, 30%) -->\r\n <div class=\"promo-card\" data-category=\"olahraga\" data-discount=\"30\">\r\n <span class=\"category-badge\">Olahraga<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-ELITE-PPJ-NEW-.jpg\" alt=\"Olahraga\" \/>\r\n <\/div>\r\n\r\n <!-- Card 14 - KOONO (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-KOONO.jpg\" alt=\"Koono\" \/>\r\n <\/div>\r\n\r\n <!-- Card 15 - (Lainnya, 20%) -->\r\n <div class=\"promo-card\" data-category=\"lainnya\" data-discount=\"20\">\r\n <span class=\"category-badge\">Lainnya<\/span>\r\n <span class=\"discount-badge\">20%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-NEW-1.jpg\" alt=\"Lainnya\" \/>\r\n <\/div>\r\n\r\n <!-- Card 16 - W Dental (Kesehatan, 20%) -->\r\n <div class=\"promo-card\" data-category=\"kesehatan\" data-discount=\"20\">\r\n <span class=\"category-badge\">Kesehatan<\/span>\r\n <span class=\"discount-badge\">20%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-W-DENTAL.jpg\" alt=\"W Dental\" \/>\r\n <\/div>\r\n\r\n <!-- Card 17 - De Goela (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-13-SEP-26-13-MAR-27.jpg\" alt=\"De Goela\" \/>\r\n <\/div>\r\n\r\n <!-- Card 18 - Maystar (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-13-SEP-26-13-MAR-27-1.jpg\" alt=\"Maystar\" \/>\r\n <\/div>\r\n\r\n <!-- Card 19 - Elephant & Spices (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-13-SEP-26-13-MAR-27-2.jpg\" alt=\"Elephant & Spices\" \/>\r\n <\/div>\r\n\r\n <!-- Card 20 - Akasia (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ.jpg\" alt=\"Akasia\" \/>\r\n <\/div>\r\n\r\n <!-- Card 21 - Excelso (Kuliner, 50%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"50\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">50%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-NEW.jpg\" alt=\"Excelso\" \/>\r\n <\/div>\r\n\r\n <!-- Card 22 - Laff (Kuliner, 20%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"20\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">20%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-1.jpg\" alt=\"Laff\" \/>\r\n <\/div>\r\n\r\n <!-- Card 23 - Ah Yat Abalone (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/AH-YAT-ABALONE-PPJ.jpg\" alt=\"Ah Yat Abalone\" \/>\r\n <\/div>\r\n\r\n <!-- Card 24 - Hammer Head (Kuliner, 20%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"20\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">20%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-HAMMER.jpg\" alt=\"Hammer Head\" \/>\r\n <\/div>\r\n\r\n <!-- Card 25 - Gangnam Chicken (Kuliner, 15%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"15\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">15%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-2.jpg\" alt=\"Gangnam Chicken\" \/>\r\n <\/div>\r\n\r\n <!-- Card 26 - Sugeng Rawuh (Kuliner, 25%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"25\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">25%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-11-MAR-26-11-MAR-27.jpg\" alt=\"Sugeng Rawuh\" \/>\r\n <\/div>\r\n\r\n <!-- Card 27 - WW Gym (Olahraga, 30%) -->\r\n <div class=\"promo-card\" data-category=\"olahraga\" data-discount=\"30\">\r\n <span class=\"category-badge\">Olahraga<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/WW-GYM-A5-PPJ-NEW.jpg\" alt=\"WW Gym\" \/>\r\n <\/div>\r\n\r\n <!-- Card 28 - Titik Koma (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-05-JUL-2026-05-JAN-2027.jpg\" alt=\"Titik Koma\" \/>\r\n <\/div>\r\n\r\n <!-- Card 29 - Gayageum (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-05-JUL-2026-05-JAN-2027-1.jpg\" alt=\"Gayageum\" \/>\r\n <\/div>\r\n\r\n <!-- Card 30 - Balanced (Kesehatan, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kesehatan\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kesehatan<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-14-JUL-2026-14-JAN-2027.jpg\" alt=\"Balanced\" \/>\r\n <\/div>\r\n\r\n <!-- Card 31 - Dekata (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-17-JUL-2026-14-JAN-2027.jpg\" alt=\"Dekata\" \/>\r\n <\/div>\r\n\r\n <!-- Card 32 - Gester (Kecantikan, 20%) -->\r\n <div class=\"promo-card\" data-category=\"kecantikan\" data-discount=\"20\">\r\n <span class=\"category-badge\">Kecantikan<\/span>\r\n <span class=\"discount-badge\">20%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-3.jpg\" alt=\"Gester\" \/>\r\n <\/div>\r\n\r\n <!-- Card 33 - Boon Kantin (Kuliner, 20%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"20\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">20%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-BOON-.jpg\" alt=\"Boon Kantin\" \/>\r\n <\/div>\r\n\r\n <!-- Card 34 - After Five (Kuliner, 30%) -->\r\n <div class=\"promo-card\" data-category=\"kuliner\" data-discount=\"30\">\r\n <span class=\"category-badge\">Kuliner<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-PPJ-AFTER-FIVE.jpg\" alt=\"After Five\" \/>\r\n <\/div>\r\n\r\n <!-- Card 35 - Sky Padel (Olahraga, 30%) -->\r\n <div class=\"promo-card\" data-category=\"olahraga\" data-discount=\"30\">\r\n <span class=\"category-badge\">Olahraga<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-SKY-PADEL.jpg\" alt=\"Sky Padel\" \/>\r\n <\/div>\r\n\r\n <!-- Card 36 - Jungle Padel (Olahraga, 30%) -->\r\n <div class=\"promo-card\" data-category=\"olahraga\" data-discount=\"30\">\r\n <span class=\"category-badge\">Olahraga<\/span>\r\n <span class=\"discount-badge\">30%<\/span>\r\n <img decoding=\"async\" class=\"card-img\" src=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/10\/A5-JUNGLE-PADEL.jpg\" alt=\"Jungle Padel\" \/>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"gallery-pagination\" id=\"galleryPagination\"><\/div>\r\n\r\n <!-- info tambahan -->\r\n <div class=\"info-note\">\r\n <h4>\ud83d\udcd8 Syarat & ketentuan<\/h4>\r\n <ul>\r\n <li>Promo berlaku untuk nasabah Lestari First dan The Royal BPR Lestari Banten.<\/li>\r\n <li>Promo hanya berlaku pada tempat tertentu yang telah bekerjasama dengan pihak BPR Lestari Banten.<\/li>\r\n <li>Setiap nasabah hanya dapat menggunakan setiap kode promo satu kali.<\/li>\r\n <li>Program diskon tidak dapat digabungkan dengan promo lain.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- back button -->\r\n <a href=\"#\" class=\"btn-back\" onclick=\"history.back(); return false;\">\r\n \u2190 Kembali ke Layanan\r\n <\/a>\r\n<\/div>\r\n\r\n<!-- ===== MODAL ===== -->\r\n<div class=\"modal-overlay\" id=\"modal\">\r\n <div class=\"modal-box\">\r\n <button class=\"modal-close-btn\" onclick=\"closeModal()\">\u2715<\/button>\r\n <img decoding=\"async\" class=\"modal-img\" id=\"modalImage\" src=\"\" alt=\"Promo\" \/>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/* ===== MODAL ===== *\/\r\n function openModal(imageSrc) {\r\n const modal = document.getElementById('modal');\r\n const modalImage = document.getElementById('modalImage');\r\n if (modal && modalImage) {\r\n modalImage.src = imageSrc;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n function closeModal() {\r\n const modal = document.getElementById('modal');\r\n if (modal) {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n document.querySelectorAll('.modal-overlay').forEach(overlay => {\r\n overlay.addEventListener('click', function(e) {\r\n if (e.target === this) {\r\n this.classList.remove('active');\r\n document.body.style.overflow = '';\r\n }\r\n });\r\n });\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape') {\r\n document.querySelectorAll('.modal-overlay.active').forEach(modal => {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = '';\r\n });\r\n }\r\n });\r\n\r\n \/* ===== STATE ===== *\/\r\n const allCards = Array.from(document.querySelectorAll('.promo-card'));\r\n const pagination = document.getElementById('galleryPagination');\r\n const filterContainer = document.getElementById('categoryFilter');\r\n const discountContainer = document.getElementById('discountFilter');\r\n const promoGrid = document.querySelector('.promo-grid');\r\n\r\n const itemsPerPage = 9;\r\n let currentPage = 1;\r\n let activeCategory = 'semua';\r\n let activeDiscount = 'semua'; \/\/ 'semua' atau angka diskon (mis. 10, 15, 20)\r\n let filteredCards = [...allCards];\r\n\r\n const categoryLabels = {\r\n 'semua': 'Semua',\r\n 'kuliner': 'Kuliner',\r\n 'kesehatan': 'Kesehatan',\r\n 'kecantikan': 'Kecantikan',\r\n 'olahraga': 'Olahraga',\r\n 'perbankan': 'Perbankan',\r\n 'asuransi': 'Asuransi',\r\n 'properti': 'Properti',\r\n 'hiburan': 'Hiburan',\r\n 'lainnya': 'Lainnya'\r\n };\r\n\r\n \/* ===== FILTER KATEGORI ===== *\/\r\n function buildCategoryButtons() {\r\n const counts = { semua: allCards.length };\r\n allCards.forEach(card => {\r\n const cat = card.dataset.category || 'lainnya';\r\n counts[cat] = (counts[cat] || 0) + 1;\r\n });\r\n\r\n const order = ['semua','kuliner','kesehatan','kecantikan','olahraga','perbankan','asuransi','properti','hiburan','lainnya'];\r\n\r\n filterContainer.innerHTML = '';\r\n\r\n order.forEach(cat => {\r\n if (!counts[cat]) return;\r\n const btn = document.createElement('button');\r\n btn.dataset.category = cat;\r\n btn.innerHTML = `${categoryLabels[cat] || cat} <span class=\"count\">${counts[cat]}<\/span>`;\r\n if (cat === activeCategory) btn.classList.add('active');\r\n btn.addEventListener('click', () => {\r\n activeCategory = cat;\r\n document.querySelectorAll('#categoryFilter button').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n applyFilter();\r\n });\r\n filterContainer.appendChild(btn);\r\n });\r\n }\r\n\r\n \/* ===== FILTER DISKON (EXACT VALUE) ===== *\/\r\n \/\/ Membaca semua nilai data-discount dari HTML, lalu membuat tombol\r\n \/\/ untuk setiap nilai unik yang ditemukan (mis. 15%, 20%, 25%, 30%, 40%, 50%).\r\n \/\/ Angka di dalam () = jumlah promo dengan diskon tersebut.\r\n function buildDiscountButtons() {\r\n \/\/ 1. Hitung frekuensi setiap nilai diskon\r\n const freq = {};\r\n allCards.forEach(card => {\r\n const d = parseFloat(card.dataset.discount);\r\n if (!isNaN(d)) freq[d] = (freq[d] || 0) + 1;\r\n });\r\n\r\n \/\/ 2. Urutkan nilai dari kecil ke besar\r\n const sortedValues = Object.keys(freq).map(Number).sort((a, b) => a - b);\r\n\r\n \/\/ 3. Bangun tombol\r\n discountContainer.innerHTML = '<span class=\"label\">Diskon:<\/span>';\r\n\r\n \/\/ Tombol \"Semua\"\r\n const allBtn = document.createElement('button');\r\n allBtn.textContent = 'Semua';\r\n if (activeDiscount === 'semua') allBtn.classList.add('active');\r\n allBtn.addEventListener('click', () => {\r\n activeDiscount = 'semua';\r\n setActiveDiscountButton(allBtn);\r\n applyFilter();\r\n });\r\n discountContainer.appendChild(allBtn);\r\n\r\n \/\/ Tombol untuk setiap nilai diskon yang ditemukan\r\n sortedValues.forEach(value => {\r\n const btn = document.createElement('button');\r\n btn.innerHTML = `${value}% <span class=\"count\">${freq[value]}<\/span>`;\r\n btn.dataset.discount = value;\r\n if (Number(activeDiscount) === value) btn.classList.add('active');\r\n btn.addEventListener('click', () => {\r\n activeDiscount = value;\r\n setActiveDiscountButton(btn);\r\n applyFilter();\r\n });\r\n discountContainer.appendChild(btn);\r\n });\r\n }\r\n\r\n function setActiveDiscountButton(activeBtn) {\r\n document.querySelectorAll('#discountFilter button').forEach(b => b.classList.remove('active'));\r\n activeBtn.classList.add('active');\r\n }\r\n\r\n \/* ===== TERAPKAN FILTER (GABUNGAN) ===== *\/\r\n function applyFilter() {\r\n filteredCards = allCards.filter(card => {\r\n \/\/ Filter kategori\r\n const cat = card.dataset.category || 'lainnya';\r\n const catMatch = (activeCategory === 'semua') || (cat === activeCategory);\r\n\r\n \/\/ Filter diskon (exact value)\r\n const d = parseFloat(card.dataset.discount);\r\n let discMatch = false;\r\n if (activeDiscount === 'semua') {\r\n discMatch = true;\r\n } else {\r\n discMatch = (d === Number(activeDiscount));\r\n }\r\n\r\n return catMatch && discMatch;\r\n });\r\n\r\n currentPage = 1;\r\n renderPage();\r\n }\r\n\r\n \/* ===== RENDER HALAMAN ===== *\/\r\n function renderPage() {\r\n const totalPages = Math.max(1, Math.ceil(filteredCards.length \/ itemsPerPage));\r\n if (currentPage > totalPages) currentPage = totalPages;\r\n\r\n const start = (currentPage - 1) * itemsPerPage;\r\n const end = start + itemsPerPage;\r\n\r\n allCards.forEach(card => card.style.display = 'none');\r\n filteredCards.forEach((card, index) => {\r\n if (index >= start && index < end) card.style.display = '';\r\n });\r\n\r\n \/\/ Empty state\r\n const oldEmpty = promoGrid.querySelector('.empty-state');\r\n if (oldEmpty) oldEmpty.remove();\r\n if (filteredCards.length === 0) {\r\n const empty = document.createElement('div');\r\n empty.className = 'empty-state';\r\n empty.innerHTML = `<span>\ud83d\udd0d<\/span>Belum ada promo untuk kombinasi filter ini.`;\r\n promoGrid.appendChild(empty);\r\n }\r\n\r\n \/\/ Pagination\r\n pagination.innerHTML = '';\r\n if (filteredCards.length > 0) {\r\n const prevButton = document.createElement('button');\r\n prevButton.innerHTML = '\u2039';\r\n prevButton.setAttribute('aria-label', 'Halaman sebelumnya');\r\n prevButton.disabled = currentPage === 1;\r\n prevButton.addEventListener('click', () => {\r\n if (currentPage > 1) { currentPage--; renderPage(); scrollToGrid(); }\r\n });\r\n pagination.appendChild(prevButton);\r\n\r\n for (let i = 1; i <= totalPages; i++) {\r\n const pageButton = document.createElement('button');\r\n pageButton.textContent = i;\r\n if (i === currentPage) {\r\n pageButton.classList.add('active');\r\n pageButton.setAttribute('aria-current', 'page');\r\n }\r\n pageButton.addEventListener('click', () => { currentPage = i; renderPage(); scrollToGrid(); });\r\n pagination.appendChild(pageButton);\r\n }\r\n\r\n const nextButton = document.createElement('button');\r\n nextButton.innerHTML = '\u203a';\r\n nextButton.setAttribute('aria-label', 'Halaman berikutnya');\r\n nextButton.disabled = currentPage === totalPages;\r\n nextButton.addEventListener('click', () => {\r\n if (currentPage < totalPages) { currentPage++; renderPage(); scrollToGrid(); }\r\n });\r\n pagination.appendChild(nextButton);\r\n\r\n const info = document.createElement('span');\r\n info.className = 'page-info';\r\n info.textContent = `Halaman ${currentPage} dari ${totalPages}`;\r\n pagination.appendChild(info);\r\n }\r\n }\r\n\r\n function scrollToGrid() {\r\n if (promoGrid) {\r\n const offset = promoGrid.getBoundingClientRect().top + window.pageYOffset - 100;\r\n window.scrollTo({ top: offset, behavior: 'smooth' });\r\n }\r\n }\r\n\r\n \/* ===== EVENT CARD ===== *\/\r\n allCards.forEach(card => {\r\n card.addEventListener('click', function() {\r\n const img = this.querySelector('.card-img');\r\n if (img) openModal(img.src);\r\n });\r\n });\r\n\r\n \/* ===== INIT ===== *\/\r\n buildCategoryButtons();\r\n buildDiscountButtons();\r\n applyFilter();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lestari Diskon \u2013 BPR Lestari Banten \u203a Lestari Diskon Lestari Diskon Program diskon eksklusif untuk nasabah Lestari First & The Royal BPR Lestari Banten Promo terbatas \ud83d\udd25 Promo Terbatas Diskon s.d. 50% Untuk pembelian produk & layanan terpilih. Kode promo berlaku untuk semua nasabah. Kecantikan 30% Kuliner 30% Kuliner 25% Kuliner 25% Kesehatan 30% Kuliner […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1200","page","type-page","status-publish","hentry","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>LestariDiskon - BPR Lestari Banten<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bprlestaribanten.com\/?page_id=1200\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LestariDiskon - BPR Lestari Banten\" \/>\n<meta property=\"og:description\" content=\"Lestari Diskon \u2013 BPR Lestari Banten \u203a Lestari Diskon Lestari Diskon Program diskon eksklusif untuk nasabah Lestari First & The Royal BPR Lestari Banten Promo terbatas \ud83d\udd25 Promo Terbatas Diskon s.d. 50% Untuk pembelian produk & layanan terpilih. Kode promo berlaku untuk semua nasabah. Kecantikan 30% Kuliner 30% Kuliner 25% Kuliner 25% Kesehatan 30% Kuliner […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bprlestaribanten.com\/?page_id=1200\" \/>\n<meta property=\"og:site_name\" content=\"BPR Lestari Banten\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T08:58:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200\",\"url\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200\",\"name\":\"LestariDiskon - BPR Lestari Banten\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bprlestaribanten.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg\",\"datePublished\":\"2026-08-06T05:11:40+00:00\",\"dateModified\":\"2026-10-15T08:58:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200#primaryimage\",\"url\":\"https:\\\/\\\/bprlestaribanten.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg\",\"contentUrl\":\"https:\\\/\\\/bprlestaribanten.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg\",\"width\":1748,\"height\":2480},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/?page_id=1200#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bprlestaribanten.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LestariDiskon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/#website\",\"url\":\"https:\\\/\\\/bprlestaribanten.com\\\/\",\"name\":\"BPR Lestari Banten\",\"description\":\"BPR Lestari Banten\",\"publisher\":{\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bprlestaribanten.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/#organization\",\"name\":\"BPR Lestari Banten\",\"url\":\"https:\\\/\\\/bprlestaribanten.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bprlestaribanten.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-Logo-Jatim.png-1-e1745571720265.webp\",\"contentUrl\":\"https:\\\/\\\/bprlestaribanten.com\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/cropped-Logo-Jatim.png-1-e1745571720265.webp\",\"width\":62,\"height\":62,\"caption\":\"BPR Lestari Banten\"},\"image\":{\"@id\":\"https:\\\/\\\/bprlestaribanten.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"LestariDiskon - BPR Lestari Banten","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bprlestaribanten.com\/?page_id=1200","og_locale":"en_US","og_type":"article","og_title":"LestariDiskon - BPR Lestari Banten","og_description":"Lestari Diskon \u2013 BPR Lestari Banten \u203a Lestari Diskon Lestari Diskon Program diskon eksklusif untuk nasabah Lestari First & The Royal BPR Lestari Banten Promo terbatas \ud83d\udd25 Promo Terbatas Diskon s.d. 50% Untuk pembelian produk & layanan terpilih. Kode promo berlaku untuk semua nasabah. Kecantikan 30% Kuliner 30% Kuliner 25% Kuliner 25% Kesehatan 30% Kuliner […]","og_url":"https:\/\/bprlestaribanten.com\/?page_id=1200","og_site_name":"BPR Lestari Banten","article_modified_time":"2026-10-15T08:58:06+00:00","og_image":[{"url":"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bprlestaribanten.com\/?page_id=1200","url":"https:\/\/bprlestaribanten.com\/?page_id=1200","name":"LestariDiskon - BPR Lestari Banten","isPartOf":{"@id":"https:\/\/bprlestaribanten.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bprlestaribanten.com\/?page_id=1200#primaryimage"},"image":{"@id":"https:\/\/bprlestaribanten.com\/?page_id=1200#primaryimage"},"thumbnailUrl":"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg","datePublished":"2026-08-06T05:11:40+00:00","dateModified":"2026-10-15T08:58:06+00:00","breadcrumb":{"@id":"https:\/\/bprlestaribanten.com\/?page_id=1200#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bprlestaribanten.com\/?page_id=1200"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bprlestaribanten.com\/?page_id=1200#primaryimage","url":"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg","contentUrl":"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2026\/08\/A5-PPJ-13-JUL-2026-13-JUL-2027.jpg","width":1748,"height":2480},{"@type":"BreadcrumbList","@id":"https:\/\/bprlestaribanten.com\/?page_id=1200#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bprlestaribanten.com\/"},{"@type":"ListItem","position":2,"name":"LestariDiskon"}]},{"@type":"WebSite","@id":"https:\/\/bprlestaribanten.com\/#website","url":"https:\/\/bprlestaribanten.com\/","name":"BPR Lestari Banten","description":"BPR Lestari Banten","publisher":{"@id":"https:\/\/bprlestaribanten.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bprlestaribanten.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bprlestaribanten.com\/#organization","name":"BPR Lestari Banten","url":"https:\/\/bprlestaribanten.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bprlestaribanten.com\/#\/schema\/logo\/image\/","url":"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2025\/04\/cropped-Logo-Jatim.png-1-e1745571720265.webp","contentUrl":"https:\/\/bprlestaribanten.com\/wp-content\/uploads\/2025\/04\/cropped-Logo-Jatim.png-1-e1745571720265.webp","width":62,"height":62,"caption":"BPR Lestari Banten"},"image":{"@id":"https:\/\/bprlestaribanten.com\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"bprlestaribanten","author_link":"https:\/\/bprlestaribanten.com\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Lestari Diskon \u2013 BPR Lestari Banten \u203a Lestari Diskon Lestari Diskon Program diskon eksklusif untuk nasabah Lestari First & The Royal BPR Lestari Banten Promo terbatas \ud83d\udd25 Promo Terbatas Diskon s.d. 50% Untuk pembelian produk & layanan terpilih. Kode promo berlaku untuk semua nasabah. Kecantikan 30% Kuliner 30% Kuliner 25% Kuliner 25% Kesehatan 30% Kuliner…","_links":{"self":[{"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=\/wp\/v2\/pages\/1200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1200"}],"version-history":[{"count":120,"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=\/wp\/v2\/pages\/1200\/revisions"}],"predecessor-version":[{"id":1998,"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=\/wp\/v2\/pages\/1200\/revisions\/1998"}],"wp:attachment":[{"href":"https:\/\/bprlestaribanten.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}