{"id":12,"date":"2026-07-21T02:38:00","date_gmt":"2026-07-21T02:38:00","guid":{"rendered":"http:\/\/localhost\/base_wp_unit\/?page_id=12"},"modified":"2026-08-21T13:46:44","modified_gmt":"2026-08-21T13:46:44","slug":"beranda","status":"publish","type":"page","link":"https:\/\/tkislamplatinum.sch.id\/","title":{"rendered":"Beranda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-edf7504 e-con-full e-flex e-con e-parent\" data-id=\"edf7504\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:866,&quot;url&quot;:&quot;https:\\\/\\\/tkislamplatinum.sch.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/gedung-TKIP.jpg&quot;},{&quot;id&quot;:867,&quot;url&quot;:&quot;https:\\\/\\\/tkislamplatinum.sch.id\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/gedung-TKIP-2.jpg&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bffa021 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bffa021\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n    <meta charset=\"UTF-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <title>TK Islam Platinum - Penerimaan Peserta Didik Baru TK Islam Platinum<\/title>\r\n\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n    <style>\r\n        \/* =========================================================\r\n           RESET & BASE\r\n        ========================================================= *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html,\r\n        body {\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            font-family: 'Inter', system-ui, sans-serif;\r\n            background: transparent;\r\n            overflow-x: hidden;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        \/* =========================================================\r\n           SLIDER CONTAINER\r\n        ========================================================= *\/\r\n\r\n        .slider-container {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            overflow: hidden;\r\n\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n\r\n            \/* BACKGROUND PRESCHOOL *\/\r\n            background-image: url('http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/lokasipreschool-2048x1152-1.jpg');\r\n\r\n            background-size: cover;\r\n            background-position: center;\r\n            background-attachment: fixed;\r\n\r\n            padding: 80px 0 0 0;\r\n            margin: 0;\r\n            border-radius: 0;\r\n        }\r\n\r\n        \/* =========================================================\r\n           OVERLAY BACKGROUND\r\n        ========================================================= *\/\r\n\r\n        .slider-container::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n\r\n            background: rgba(0, 0, 0, 0.5);\r\n\r\n            z-index: 1;\r\n\r\n            backdrop-filter: blur(6px);\r\n\r\n            border-radius: 0;\r\n        }\r\n\r\n        \/* =========================================================\r\n           CONTENT WRAPPER\r\n        ========================================================= *\/\r\n\r\n        .content-wrapper {\r\n            position: relative;\r\n            z-index: 2;\r\n\r\n            width: 100%;\r\n            max-width: 1200px;\r\n\r\n            padding: 2rem 2rem;\r\n\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n\r\n            gap: 2rem;\r\n\r\n            align-items: center;\r\n\r\n            min-height: calc(100vh - 80px);\r\n        }\r\n\r\n        \/* =========================================================\r\n           KOLOM KIRI\r\n        ========================================================= *\/\r\n\r\n        .left-col {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n\r\n            gap: 1rem;\r\n\r\n            padding: 2rem 2.2rem;\r\n\r\n            backdrop-filter: blur(4px);\r\n\r\n            background: rgba(255, 255, 255, 0.05);\r\n\r\n            border-radius: 1.5rem;\r\n\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n\r\n            box-shadow:\r\n                0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n\r\n            min-height: 300px;\r\n\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .left-col:hover {\r\n            background: rgba(255, 255, 255, 0.08);\r\n\r\n            border-color: rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        \/* =========================================================\r\n           TEXT SLIDER\r\n        ========================================================= *\/\r\n\r\n        .text-slide .slide-item {\r\n            display: none;\r\n\r\n            animation:\r\n                slideInLeft\r\n                0.8s\r\n                cubic-bezier(0.16, 1, 0.3, 1)\r\n                forwards;\r\n        }\r\n\r\n        .text-slide .slide-item.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes slideInLeft {\r\n            0% {\r\n                opacity: 0;\r\n                transform: translateX(-60px) scale(0.96);\r\n            }\r\n\r\n            100% {\r\n                opacity: 1;\r\n                transform: translateX(0) scale(1);\r\n            }\r\n        }\r\n\r\n        \/* =========================================================\r\n           JUDUL\r\n        ========================================================= *\/\r\n\r\n        .text-slide .slide-item h2 {\r\n            font-size: clamp(1.8rem, 4vw, 3rem);\r\n\r\n            font-weight: 700;\r\n\r\n            line-height: 1.1;\r\n\r\n            color: #fff;\r\n\r\n            text-shadow:\r\n                0 4px 20px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* =========================================================\r\n           DESKRIPSI\r\n        ========================================================= *\/\r\n\r\n        .text-slide .slide-item p {\r\n            font-size: clamp(0.95rem, 1.2vw, 1.15rem);\r\n\r\n            color: rgba(255, 255, 255, 0.85);\r\n\r\n            line-height: 1.7;\r\n\r\n            max-width: 95%;\r\n\r\n            margin-top: 0.5rem;\r\n\r\n            font-weight: 300;\r\n        }\r\n\r\n        \/* =========================================================\r\n           BUTTON\r\n        ========================================================= *\/\r\n\r\n        .btn-primary {\r\n            display: inline-block;\r\n\r\n            margin-top: 0.75rem;\r\n\r\n            padding: 0.7rem 2rem;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    135deg,\r\n                    #fff,\r\n                    #e0e0e0\r\n                );\r\n\r\n            color: #0b0b0b;\r\n\r\n            font-weight: 600;\r\n\r\n            font-size: 0.95rem;\r\n\r\n            border-radius: 60px;\r\n\r\n            transition: all 0.3s ease;\r\n\r\n            box-shadow:\r\n                0 8px 30px rgba(255, 255, 255, 0.15);\r\n\r\n            text-decoration: none;\r\n\r\n            border:\r\n                1px solid rgba(255, 255, 255, 0.2);\r\n\r\n            text-align: center;\r\n\r\n            width: fit-content;\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            transform:\r\n                translateY(-3px)\r\n                scale(1.02);\r\n\r\n            box-shadow:\r\n                0 16px 40px rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        \/* =========================================================\r\n           KOLOM KANAN\r\n        ========================================================= *\/\r\n\r\n        .right-col {\r\n            position: relative;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            aspect-ratio: 4 \/ 3;\r\n\r\n            min-height: 250px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           IMAGE SLIDE\r\n        ========================================================= *\/\r\n\r\n        .right-col .image-slide {\r\n            position: absolute;\r\n\r\n            inset: 0;\r\n\r\n            display: flex;\r\n\r\n            align-items: center;\r\n\r\n            justify-content: center;\r\n\r\n            opacity: 0;\r\n\r\n            transition:\r\n                opacity\r\n                1.2s\r\n                cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n\r\n            filter:\r\n                drop-shadow(\r\n                    0 25px 20px rgba(0, 0, 0, 0.45)\r\n                )\r\n                drop-shadow(\r\n                    0 10px 30px rgba(0, 0, 0, 0.35)\r\n                );\r\n\r\n            animation:\r\n                floatY\r\n                6s\r\n                ease-in-out\r\n                infinite;\r\n        }\r\n\r\n        .right-col .image-slide.active {\r\n            opacity: 1;\r\n        }\r\n\r\n        .right-col .image-slide svg,\r\n        .right-col .image-slide img {\r\n            width: auto;\r\n\r\n            height: 100%;\r\n\r\n            max-height: 380px;\r\n\r\n            max-width: 100%;\r\n\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* =========================================================\r\n           ANIMASI GAMBAR\r\n        ========================================================= *\/\r\n\r\n        @keyframes floatY {\r\n            0%,\r\n            100% {\r\n                transform: translateY(0);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-14px);\r\n            }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n\r\n            .right-col .image-slide {\r\n                animation: none;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =========================================================\r\n           DOTS\r\n        ========================================================= *\/\r\n\r\n        .dots-container {\r\n            display: flex;\r\n\r\n            justify-content: center;\r\n\r\n            gap: 0.75rem;\r\n\r\n            position: absolute;\r\n\r\n            bottom: 2rem;\r\n\r\n            left: 0;\r\n\r\n            right: 0;\r\n\r\n            z-index: 10;\r\n\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .dot {\r\n            width: 14px;\r\n\r\n            height: 14px;\r\n\r\n            border-radius: 50%;\r\n\r\n            background:\r\n                rgba(255, 255, 255, 0.25);\r\n\r\n            border:\r\n                2px solid rgba(255, 255, 255, 0.3);\r\n\r\n            cursor: pointer;\r\n\r\n            transition:\r\n                all\r\n                0.4s\r\n                cubic-bezier(0.34, 1.56, 0.64, 1);\r\n        }\r\n\r\n        .dot.active {\r\n            background: #fff;\r\n\r\n            border-color: #fff;\r\n\r\n            transform: scale(1.3);\r\n\r\n            box-shadow:\r\n                0 0 25px rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        .dot:hover {\r\n            transform: scale(1.2);\r\n\r\n            background:\r\n                rgba(255, 255, 255, 0.5);\r\n        }\r\n\r\n        \/* =========================================================\r\n           LAPTOP\r\n           1024px - 1280px\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 1280px) {\r\n\r\n            .content-wrapper {\r\n                max-width: 1100px;\r\n\r\n                padding:\r\n                    1.8rem\r\n                    2rem;\r\n\r\n                gap: 1.8rem;\r\n            }\r\n\r\n            .left-col {\r\n                padding:\r\n                    1.8rem\r\n                    2rem;\r\n\r\n                min-height: 280px;\r\n            }\r\n\r\n            .right-col .image-slide img {\r\n                max-height: 340px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =========================================================\r\n           TABLET \/ LAPTOP KECIL\r\n           1024px\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 1024px) {\r\n\r\n            .content-wrapper {\r\n                gap: 1.5rem;\r\n\r\n                padding:\r\n                    1.5rem\r\n                    1.8rem;\r\n\r\n                min-height:\r\n                    calc(100vh - 80px);\r\n            }\r\n\r\n            .left-col {\r\n                padding:\r\n                    1.5rem\r\n                    1.8rem;\r\n\r\n                min-height: 260px;\r\n\r\n                gap: 0.8rem;\r\n            }\r\n\r\n            .right-col .image-slide img {\r\n                max-height: 300px;\r\n            }\r\n\r\n            .text-slide .slide-item h2 {\r\n                font-size:\r\n                    clamp(\r\n                        1.8rem,\r\n                        3.8vw,\r\n                        2.6rem\r\n                    );\r\n            }\r\n\r\n            .text-slide .slide-item p {\r\n                font-size:\r\n                    clamp(\r\n                        1rem,\r\n                        1.2vw,\r\n                        1.1rem\r\n                    );\r\n            }\r\n\r\n            .btn-primary {\r\n                padding:\r\n                    0.7rem\r\n                    2rem;\r\n\r\n                font-size: 0.95rem;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =========================================================\r\n           TABLET PORTRAIT\r\n           820px\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 820px) {\r\n\r\n            .slider-container {\r\n                padding:\r\n                    70px\r\n                    0\r\n                    0;\r\n\r\n                min-height: 100vh;\r\n            }\r\n\r\n            .content-wrapper {\r\n                grid-template-columns: 1fr;\r\n\r\n                grid-template-rows:\r\n                    auto\r\n                    auto;\r\n\r\n                gap: 2rem;\r\n\r\n                min-height:\r\n                    calc(100vh - 70px);\r\n\r\n                padding:\r\n                    2rem;\r\n\r\n                max-width: 700px;\r\n\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .left-col {\r\n                order: 2;\r\n\r\n                min-height: 250px;\r\n\r\n                background:\r\n                    rgba(0, 0, 0, 0.4);\r\n\r\n                padding:\r\n                    2rem\r\n                    2.2rem;\r\n\r\n                border-radius: 1.8rem;\r\n\r\n                gap: 1rem;\r\n            }\r\n\r\n            .right-col {\r\n                order: 1;\r\n\r\n                aspect-ratio: 16 \/ 10;\r\n\r\n                min-height: 280px;\r\n            }\r\n\r\n            .right-col .image-slide img {\r\n                max-height: 320px;\r\n            }\r\n\r\n            .text-slide .slide-item p {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .text-slide .slide-item h2 {\r\n                font-size:\r\n                    clamp(\r\n                        2rem,\r\n                        4.5vw,\r\n                        2.8rem\r\n                    );\r\n            }\r\n\r\n            .text-slide .slide-item p {\r\n                font-size:\r\n                    clamp(\r\n                        1.1rem,\r\n                        2vw,\r\n                        1.3rem\r\n                    );\r\n\r\n                line-height: 1.7;\r\n            }\r\n\r\n            .btn-primary {\r\n                font-size: 1rem;\r\n\r\n                padding:\r\n                    0.8rem\r\n                    2.2rem;\r\n\r\n                margin-top: 0.8rem;\r\n            }\r\n\r\n            .dots-container {\r\n                bottom: 1.8rem;\r\n            }\r\n\r\n            .dot {\r\n                width: 15px;\r\n\r\n                height: 15px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =========================================================\r\n           HP LANDSCAPE \/ TABLET KECIL\r\n           640px\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 640px) {\r\n\r\n            .slider-container {\r\n                padding:\r\n                    60px\r\n                    0\r\n                    0;\r\n            }\r\n\r\n            .content-wrapper {\r\n                padding:\r\n                    1.5rem;\r\n\r\n                gap: 1.5rem;\r\n\r\n                min-height:\r\n                    calc(100vh - 60px);\r\n\r\n                max-width: 100%;\r\n            }\r\n\r\n            .left-col {\r\n                padding:\r\n                    1.5rem;\r\n\r\n                min-height: 200px;\r\n\r\n                border-radius: 1.5rem;\r\n\r\n                gap: 0.8rem;\r\n            }\r\n\r\n            .right-col {\r\n                min-height: 220px;\r\n            }\r\n\r\n            .right-col .image-slide img {\r\n                max-height: 260px;\r\n            }\r\n\r\n            .text-slide .slide-item h2 {\r\n                font-size:\r\n                    clamp(\r\n                        1.6rem,\r\n                        5vw,\r\n                        2.2rem\r\n                    );\r\n            }\r\n\r\n            .text-slide .slide-item p {\r\n                font-size:\r\n                    clamp(\r\n                        1rem,\r\n                        2.2vw,\r\n                        1.15rem\r\n                    );\r\n\r\n                line-height: 1.6;\r\n            }\r\n\r\n            .btn-primary {\r\n                font-size: 0.95rem;\r\n\r\n                padding:\r\n                    0.7rem\r\n                    1.8rem;\r\n\r\n                margin-top: 0.6rem;\r\n            }\r\n\r\n            .dots-container {\r\n                gap: 0.7rem;\r\n\r\n                bottom: 1.5rem;\r\n            }\r\n\r\n            .dot {\r\n                width: 14px;\r\n\r\n                height: 14px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =========================================================\r\n           HP PORTRAIT\r\n           480px\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 480px) {\r\n\r\n            .slider-container {\r\n                padding:\r\n                    55px\r\n                    0\r\n                    0;\r\n            }\r\n\r\n            .content-wrapper {\r\n                padding: 1rem;\r\n\r\n                gap: 1rem;\r\n\r\n                min-height:\r\n                    calc(100vh - 55px);\r\n            }\r\n\r\n            .left-col {\r\n                padding:\r\n                    1.2rem;\r\n\r\n                min-height: 180px;\r\n\r\n                border-radius: 1.2rem;\r\n\r\n                gap: 0.6rem;\r\n            }\r\n\r\n            .right-col {\r\n                min-height: 180px;\r\n\r\n                aspect-ratio: 4 \/ 3;\r\n            }\r\n\r\n            .right-col .image-slide img {\r\n                max-height: 210px;\r\n\r\n                border-radius: 0.8rem;\r\n            }\r\n\r\n            .text-slide .slide-item h2 {\r\n                font-size:\r\n                    clamp(\r\n                        1.3rem,\r\n                        5vw,\r\n                        1.8rem\r\n                    );\r\n            }\r\n\r\n            .text-slide .slide-item p {\r\n                font-size:\r\n                    clamp(\r\n                        0.9rem,\r\n                        2.2vw,\r\n                        1rem\r\n                    );\r\n\r\n                line-height: 1.5;\r\n\r\n                margin-top: 0.3rem;\r\n            }\r\n\r\n            .btn-primary {\r\n                font-size: 0.85rem;\r\n\r\n                padding:\r\n                    0.6rem\r\n                    1.6rem;\r\n\r\n                margin-top: 0.5rem;\r\n\r\n                border-radius: 50px;\r\n            }\r\n\r\n            .dots-container {\r\n                gap: 0.6rem;\r\n\r\n                bottom: 1rem;\r\n            }\r\n\r\n            .dot {\r\n                width: 12px;\r\n\r\n                height: 12px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =========================================================\r\n           HP KECIL\r\n           380px\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 380px) {\r\n\r\n            .slider-container {\r\n                padding:\r\n                    50px\r\n                    0\r\n                    0;\r\n            }\r\n\r\n            .content-wrapper {\r\n                padding: 0.8rem;\r\n\r\n                gap: 0.8rem;\r\n\r\n                min-height:\r\n                    calc(100vh - 50px);\r\n            }\r\n\r\n            .left-col {\r\n                padding:\r\n                    0.9rem;\r\n\r\n                min-height: 150px;\r\n\r\n                border-radius: 1rem;\r\n\r\n                gap: 0.5rem;\r\n            }\r\n\r\n            .right-col {\r\n                min-height: 150px;\r\n            }\r\n\r\n            .right-col .image-slide img {\r\n                max-height: 170px;\r\n            }\r\n\r\n            .text-slide .slide-item h2 {\r\n                font-size:\r\n                    clamp(\r\n                        1.1rem,\r\n                        4.5vw,\r\n                        1.4rem\r\n                    );\r\n            }\r\n\r\n            .text-slide .slide-item p {\r\n                font-size:\r\n                    clamp(\r\n                        0.8rem,\r\n                        2vw,\r\n                        0.9rem\r\n                    );\r\n\r\n                line-height: 1.4;\r\n            }\r\n\r\n            .btn-primary {\r\n                font-size: 0.75rem;\r\n\r\n                padding:\r\n                    0.5rem\r\n                    1.3rem;\r\n\r\n                margin-top: 0.4rem;\r\n            }\r\n\r\n            .dots-container {\r\n                gap: 0.5rem;\r\n\r\n                bottom: 0.8rem;\r\n            }\r\n\r\n            .dot {\r\n                width: 10px;\r\n\r\n                height: 10px;\r\n            }\r\n\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <div class=\"slider-container\">\r\n\r\n        <div class=\"content-wrapper\">\r\n\r\n            <!-- =====================================================\r\n                 KOLOM KIRI - TK Islam Platinum\r\n            ====================================================== -->\r\n\r\n            <div class=\"left-col\">\r\n\r\n                <div class=\"text-slide\">\r\n\r\n                    <!-- SLIDE 1 -->\r\n                    <div class=\"slide-item active\" data-index=\"0\">\r\n\r\n                        <h2>\r\n                            \ud83c\udf92 Penerimaan Peserta Didik Baru\r\n                        <\/h2>\r\n\r\n                        <p>\r\n                            Bergabunglah dengan keluarga besar TK Islam Platinum kami!\r\n                            Tempat di mana anak-anak belajar dengan gembira,\r\n                            bermain sambil belajar, dan tumbuh menjadi generasi\r\n                            cerdas &amp; berkarakter.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"btn-primary no-underline\">\r\n                            Daftar Sekarang\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- SLIDE 2 -->\r\n                    <div class=\"slide-item\" data-index=\"1\">\r\n\r\n                        <h2>\r\n                            \ud83c\udfa8 Bermain Sambil Belajar\r\n                        <\/h2>\r\n\r\n                        <p>\r\n                            Beragam aktivitas menyenangkan seperti menggambar,\r\n                            bernyanyi, menari, olahraga, dan bermain peran yang\r\n                            mengasah kreativitas, motorik, serta kecerdasan\r\n                            sosial anak.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"btn-primary no-underline\">\r\n                            Lihat Kegiatan\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- SLIDE 3 -->\r\n                    <div class=\"slide-item\" data-index=\"2\">\r\n\r\n                        <h2>\r\n                            \ud83c\udf1f Prestasi &amp; Perkembangan Anak\r\n                        <\/h2>\r\n\r\n                        <p>\r\n                            Setiap anak adalah bintang! Dengan pendekatan\r\n                            pembelajaran yang menyenangkan dan guru-guru yang\r\n                            penuh kasih, kami bangga melihat perkembangan luar\r\n                            biasa anak-anak kami. Dari segi akademik, seni,\r\n                            hingga karakter, semua berkembang optimal.\r\n                        <\/p>\r\n\r\n                        <a href=\"#\" class=\"btn-primary no-underline\">\r\n                            Lihat Prestasi\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================================\r\n                 KOLOM KANAN - GAMBAR TK Islam Platinums\r\n            ====================================================== -->\r\n\r\n            <div class=\"right-col\">\r\n\r\n                <!-- GAMBAR 1 -->\r\n                <div class=\"image-slide active\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/Tanpa-judul-Konten-Instagram-34-scaled.png\"\r\n                        alt=\"Preschool\"\r\n                    \/>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- GAMBAR 2 -->\r\n                <div class=\"image-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/3-scaled.png\"\r\n                        alt=\"Kegiatan Preschool\"\r\n                    \/>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- GAMBAR 3 -->\r\n                <div class=\"image-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/2-scaled.png\"\r\n                        alt=\"Prestasi Preschool\"\r\n                    \/>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             DOTS\r\n        ====================================================== -->\r\n\r\n        <div class=\"dots-container\">\r\n\r\n            <span\r\n                class=\"dot active\"\r\n                data-index=\"0\">\r\n            <\/span>\r\n\r\n            <span\r\n                class=\"dot\"\r\n                data-index=\"1\">\r\n            <\/span>\r\n\r\n            <span\r\n                class=\"dot\"\r\n                data-index=\"2\">\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =========================================================\r\n         JAVASCRIPT SLIDER\r\n    ========================================================== -->\r\n\r\n    <script>\r\n\r\n        (function () {\r\n\r\n            let currentIndex = 0;\r\n\r\n            const total = 3;\r\n\r\n            let interval = null;\r\n\r\n            const delay = 5000;\r\n\r\n\r\n            const imageSlides =\r\n                document.querySelectorAll(\r\n                    '.right-col .image-slide'\r\n                );\r\n\r\n            const textItems =\r\n                document.querySelectorAll(\r\n                    '.text-slide .slide-item'\r\n                );\r\n\r\n            const dots =\r\n                document.querySelectorAll('.dot');\r\n\r\n\r\n            \/* =====================================================\r\n               UPDATE SLIDE\r\n            ====================================================== *\/\r\n\r\n            function updateSlide(index) {\r\n\r\n                imageSlides.forEach(function (el) {\r\n\r\n                    el.classList.remove('active');\r\n\r\n                });\r\n\r\n                textItems.forEach(function (el) {\r\n\r\n                    el.classList.remove('active');\r\n\r\n                });\r\n\r\n                dots.forEach(function (el) {\r\n\r\n                    el.classList.remove('active');\r\n\r\n                });\r\n\r\n\r\n                if (imageSlides[index]) {\r\n\r\n                    imageSlides[index]\r\n                        .classList\r\n                        .add('active');\r\n\r\n                }\r\n\r\n\r\n                if (textItems[index]) {\r\n\r\n                    textItems[index]\r\n                        .classList\r\n                        .add('active');\r\n\r\n                }\r\n\r\n\r\n                if (dots[index]) {\r\n\r\n                    dots[index]\r\n                        .classList\r\n                        .add('active');\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               PINDAH SLIDE\r\n            ====================================================== *\/\r\n\r\n            function goToSlide(index) {\r\n\r\n                if (index < 0) {\r\n\r\n                    index = total - 1;\r\n\r\n                }\r\n\r\n                if (index >= total) {\r\n\r\n                    index = 0;\r\n\r\n                }\r\n\r\n                currentIndex = index;\r\n\r\n                updateSlide(currentIndex);\r\n\r\n                resetAutoPlay();\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               SLIDE BERIKUTNYA\r\n            ====================================================== *\/\r\n\r\n            function nextSlide() {\r\n\r\n                goToSlide(\r\n                    (currentIndex + 1) % total\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               AUTOPLAY\r\n            ====================================================== *\/\r\n\r\n            function resetAutoPlay() {\r\n\r\n                if (interval) {\r\n\r\n                    clearInterval(interval);\r\n\r\n                    interval = null;\r\n\r\n                }\r\n\r\n                interval = setInterval(\r\n                    function () {\r\n\r\n                        nextSlide();\r\n\r\n                    },\r\n                    delay\r\n                );\r\n\r\n            }\r\n\r\n\r\n            \/* =====================================================\r\n               KLIK DOT\r\n            ====================================================== *\/\r\n\r\n            dots.forEach(function (dot, idx) {\r\n\r\n                dot.addEventListener(\r\n                    'click',\r\n                    function (e) {\r\n\r\n                        e.stopPropagation();\r\n\r\n                        if (currentIndex !== idx) {\r\n\r\n                            goToSlide(idx);\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            });\r\n\r\n\r\n            \/* =====================================================\r\n               MULAI AUTOPLAY\r\n            ====================================================== *\/\r\n\r\n            resetAutoPlay();\r\n\r\n\r\n            \/* =====================================================\r\n               PAUSE SAAT MOUSE DI ATAS\r\n            ====================================================== *\/\r\n\r\n            const container =\r\n                document.querySelector(\r\n                    '.slider-container'\r\n                );\r\n\r\n\r\n            if (container) {\r\n\r\n                container.addEventListener(\r\n                    'mouseenter',\r\n                    function () {\r\n\r\n                        if (interval) {\r\n\r\n                            clearInterval(interval);\r\n\r\n                            interval = null;\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                container.addEventListener(\r\n                    'mouseleave',\r\n                    function () {\r\n\r\n                        if (!interval) {\r\n\r\n                            resetAutoPlay();\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                \/* =================================================\r\n                   SWIPE UNTUK HP \/ TABLET\r\n                ================================================== *\/\r\n\r\n                let touchStartX = 0;\r\n\r\n                let touchEndX = 0;\r\n\r\n\r\n                container.addEventListener(\r\n                    'touchstart',\r\n                    function (e) {\r\n\r\n                        touchStartX =\r\n                            e.changedTouches[0].screenX;\r\n\r\n                    },\r\n                    {\r\n                        passive: true\r\n                    }\r\n                );\r\n\r\n\r\n                container.addEventListener(\r\n                    'touchend',\r\n                    function (e) {\r\n\r\n                        touchEndX =\r\n                            e.changedTouches[0].screenX;\r\n\r\n\r\n                        const diff =\r\n                            touchStartX - touchEndX;\r\n\r\n\r\n                        if (Math.abs(diff) > 40) {\r\n\r\n                            if (diff > 0) {\r\n\r\n                                goToSlide(\r\n                                    (currentIndex + 1) % total\r\n                                );\r\n\r\n                            } else {\r\n\r\n                                goToSlide(\r\n                                    (currentIndex - 1 + total) % total\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    },\r\n                    {\r\n                        passive: true\r\n                    }\r\n                );\r\n\r\n            }\r\n\r\n        })();\r\n\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af854a1 e-con e-atomic-element e-flexbox-base e-b3b9c05 \" data-id=\"af854a1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af854a1\">\n    <section class=\"elementor-element elementor-element-06a1855 e-con e-atomic-element e-flexbox-base e-00c369e \" data-id=\"06a1855\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"06a1855\">\n    <div class=\"elementor-element elementor-element-079415c e-con e-atomic-element e-flexbox-base \" data-id=\"079415c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"079415c\">\n    \t\t<div class=\"elementor-element elementor-element-9411b94 elementor-widget elementor-widget-image\" data-id=\"9411b94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-1024x1024.png\" class=\"attachment-large size-large wp-image-859\" alt=\"\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-1024x1024.png 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-150x150.png 150w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-768x768.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-1536x1536.png 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/Desain-tanpa-judul-rrubtxn6nolno238nzao58mwkubwa2g5vlwzzip32o.png 200w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/Desain-tanpa-judul-rrubtxn79lzvh263vfq97a233ifply20ti7l27xp38.png 250w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul.png 2000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b62723f e-con e-atomic-element e-flexbox-base e-b62723f-b01712d \" data-id=\"b62723f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b62723f\">\n    \t\t\t<img class=\"e-image-base \" data-interaction-id=\"7f3eb7b\"\/>\t\t\t\t\t<h5 data-interaction-id=\"eb9d810\" class=\"e-eb9d810-2c54d8b e-heading-base\">Visi TK Islam Platinum<\/h5>\n\t\t\t\t<div class=\"elementor-element elementor-element-449b519 elementor-widget elementor-widget-text-editor\" data-id=\"449b519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Menjadi Preschool terdepan dalam mewujudkan generasi cinta Al-Qur&#8217;an, cerdas, dan berjiwa pemimpin<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n\n<\/div>\n<section class=\"elementor-element elementor-element-71d2434 e-con e-atomic-element e-flexbox-base e-d00c900 \" data-id=\"71d2434\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"71d2434\">\n    \t\t\t<h1 data-interaction-id=\"e5375dd\" class=\"e-e5375dd-8fa400a e-heading-base\">Kabar TK Islam Platinum<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-13a0bef elementor-invisible elementor-widget elementor-widget-hfe-basic-posts\" data-id=\"13a0bef\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"hfe-basic-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div class=\"hfe-posts-grid\">\n\t\t\t<article class=\"hfe-post-card\">\n\t\t\t\t\t\t\t<div class=\"hfe-post-image\">\n\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=485\" rel=\"bookmark\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1157\" height=\"648\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog1TKIP.png\" class=\"attachment-full size-full wp-post-image\" alt=\"Mengintip Keseruan Pelepasan Siswa TK Islam Platinum: Belajar adalah Petualangan, Setiap Anak adalah Bintang!\" loading=\"lazy\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog1TKIP.png 1157w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog1TKIP-300x168.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog1TKIP-768x430.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog1TKIP-1024x574.png 1024w\" sizes=\"auto, (max-width: 1157px) 100vw, 1157px\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"hfe-post-content\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"hfe-post-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=485\" rel=\"bookmark\">\n\t\t\t\t\t\t\tMengintip Keseruan Pelepasan Siswa TK Islam Platinum: Belajar adalah Petualangan, Setiap Anak adalah Bintang!\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-meta\">\n\t\t\t\t\t\t<span class=\"hfe-post-date\">6 Agustus 2026<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-excerpt\">\n\t\t\t\t\t\tMOJOKERTO \u2013 Suasana penuh tawa, haru, dan riuh tepuk tangan mewarnai Sentra IKM Batik Kota...\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=485\" class=\"hfe-read-more\" rel=\"bookmark\">\n\t\t\t\t\t\tBaca Selengkapnya \u2192\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"hfe-post-card\">\n\t\t\t\t\t\t\t<div class=\"hfe-post-image\">\n\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=481\" rel=\"bookmark\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog2.1TKIP.jpg\" class=\"attachment-full size-full wp-post-image\" alt=\"English Fun Day: Menanamkan Skill Bahasa Inggris di Masa Keemasan\" loading=\"lazy\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog2.1TKIP.jpg 1280w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog2.1TKIP-300x169.jpg 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog2.1TKIP-768x432.jpg 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Blog2.1TKIP-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"hfe-post-content\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"hfe-post-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=481\" rel=\"bookmark\">\n\t\t\t\t\t\t\tEnglish Fun Day: Menanamkan Skill Bahasa Inggris di Masa Keemasan\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-meta\">\n\t\t\t\t\t\t<span class=\"hfe-post-date\">6 Agustus 2026<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-excerpt\">\n\t\t\t\t\t\tMasa usia dini, yang karib disapa sebagai the golden age (masa keemasan), merupakan fase krusial...\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=481\" class=\"hfe-read-more\" rel=\"bookmark\">\n\t\t\t\t\t\tBaca Selengkapnya \u2192\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"hfe-post-card\">\n\t\t\t\t\t\t\t<div class=\"hfe-post-image\">\n\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=469\" rel=\"bookmark\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"864\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Haflah-MA-Permata-2-1536x864-1.jpeg\" class=\"attachment-full size-full wp-post-image\" alt=\"Stronger in Growth, Higher in Achievement: MA Permata Sukses Gelar Haflatul Ikhtitam Angkatan IV\" loading=\"lazy\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Haflah-MA-Permata-2-1536x864-1.jpeg 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Haflah-MA-Permata-2-1536x864-1-300x169.jpeg 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Haflah-MA-Permata-2-1536x864-1-1024x576.jpeg 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Haflah-MA-Permata-2-1536x864-1-768x432.jpeg 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"hfe-post-content\">\n\t\t\t\t\t\t\t\t\t<h3 class=\"hfe-post-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=469\" rel=\"bookmark\">\n\t\t\t\t\t\t\tStronger in Growth, Higher in Achievement: MA Permata Sukses Gelar Haflatul Ikhtitam Angkatan IV\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-meta\">\n\t\t\t\t\t\t<span class=\"hfe-post-date\">6 Agustus 2026<\/span>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"hfe-post-excerpt\">\n\t\t\t\t\t\tMOJOKERTO \u2013 Suasana penuh haru dan kebanggaan menyelimuti Ballroom Raden Wijaya Hotel and Convention pada...\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/tkislamplatinum.sch.id\/?p=469\" class=\"hfe-read-more\" rel=\"bookmark\">\n\t\t\t\t\t\tBaca Selengkapnya \u2192\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/section>\n<div class=\"elementor-element elementor-element-cbb2ea6 e-con e-atomic-element e-flexbox-base e-cbb2ea6-a641792 \" data-id=\"cbb2ea6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cbb2ea6\">\n    <section class=\"elementor-element elementor-element-f869a31 e-con e-atomic-element e-flexbox-base e-f869a31-6d8fa94 \" data-id=\"f869a31\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f869a31\">\n    <div class=\"elementor-element elementor-element-2777ca8 e-con e-atomic-element e-flexbox-base e-2777ca8-56649eb \" data-id=\"2777ca8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2777ca8\">\n    \t\t\t<img decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"861aca3\" id=\"526\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-scaled.png\" width=\"2560\" height=\"2560\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-scaled.png 2560w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-1024x1024.png 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-150x150.png 150w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-768x768.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-1536x1536.png 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-2048x2048.png 2048w\" alt=\"\"\/>\t\t\t\t\t<h1 data-interaction-id=\"916bea5\" class=\"e-916bea5-a53f232 e-heading-base\">Qur'anic Learning<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4894f63 e-con e-atomic-element e-flexbox-base e-4894f63-2c4665c \" data-id=\"4894f63\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4894f63\">\n    \t\t\t<img decoding=\"async\" class=\"e-image-base e-eb8a007-51bedcc\" data-interaction-id=\"eb8a007\" id=\"819\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview.png\" width=\"500\" height=\"500\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview.png 500w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview-150x150.png 150w\" alt=\"\"\/>\t\t\t\t\t<h1 data-interaction-id=\"bcf1e5b\" class=\"e-bcf1e5b-0bdee46 e-heading-base\">Program Unggulan<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b035202 e-con e-atomic-element e-flexbox-base e-b035202-8defb69 \" data-id=\"b035202\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b035202\">\n    \t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"39a86a6\" id=\"525\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-scaled.png\" width=\"2560\" height=\"2560\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-scaled.png 2560w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-1024x1024.png 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/3-scaled-rroi998vrd40rn2q2sn10knb1yzaqlzsn0vh0q0y8s.png 150w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-768x768.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-1536x1536.png 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-2048x2048.png 2048w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/3-scaled-rroi998vgeewv51ah2f8hjxpsmxe2o6v62q6hden8i.png 125w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/3-scaled-rroi998wdai8kn5la92m2m2hkn342hlnkx623f9k9c.png 200w\" alt=\"\"\/>\t\t\t\t\t<h1 data-interaction-id=\"6a01e2c\" class=\"e-6a01e2c-ff92d0f e-heading-base\">English Program<\/h1>\n\t\t\n<\/div>\n\n<\/section>\n\n<\/div>\n<div class=\"elementor-element elementor-element-210acb0 e-con e-atomic-element e-flexbox-base e-210acb0-243ebd2 \" data-id=\"210acb0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"210acb0\">\n    <section class=\"elementor-element elementor-element-33ea1ba e-con e-atomic-element e-flexbox-base e-33ea1ba-0db8af1 \" data-id=\"33ea1ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"33ea1ba\">\n    <div class=\"elementor-element elementor-element-ad4c1a5 e-con e-atomic-element e-flexbox-base e-ad4c1a5-35e80c9 \" data-id=\"ad4c1a5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad4c1a5\">\n    \t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"cf8fbd0\" id=\"526\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-scaled.png\" width=\"2560\" height=\"2560\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-scaled.png 2560w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-1024x1024.png 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-150x150.png 150w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-768x768.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-1536x1536.png 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/2-2048x2048.png 2048w\" alt=\"\"\/>\t\t\t\t\t<h1 data-interaction-id=\"55d0d82\" class=\"e-55d0d82-0c5cce4 e-heading-base\">Leadership Character<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-05e95a8 e-con e-atomic-element e-flexbox-base e-05e95a8-b9d6104 \" data-id=\"05e95a8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"05e95a8\">\n    \t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base e-85927a6-ccfee84\" data-interaction-id=\"85927a6\" id=\"819\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview.png\" width=\"500\" height=\"500\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview.png 500w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/07\/WhatsApp_Image_2026-08-11_at_10.30.37_PM-removebg-preview-150x150.png 150w\" alt=\"\"\/>\t\t\t\t\t<h1 data-interaction-id=\"4aa83c2\" class=\"e-4aa83c2-10a711f e-heading-base\">Program Unggulan<\/h1>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fc9f214 e-con e-atomic-element e-flexbox-base e-fc9f214-fc12483 \" data-id=\"fc9f214\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc9f214\">\n    \t\t\t<img loading=\"lazy\" decoding=\"async\" class=\"e-image-base \" data-interaction-id=\"a6ff4f7\" id=\"525\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-scaled.png\" width=\"2560\" height=\"2560\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-scaled.png 2560w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-1024x1024.png 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/3-scaled-rroi998vrd40rn2q2sn10knb1yzaqlzsn0vh0q0y8s.png 150w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-768x768.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-1536x1536.png 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/3-2048x2048.png 2048w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/3-scaled-rroi998vgeewv51ah2f8hjxpsmxe2o6v62q6hden8i.png 125w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/3-scaled-rroi998wdai8kn5la92m2m2hkn342hlnkx623f9k9c.png 200w\" alt=\"\"\/>\t\t\t\t\t<h1 data-interaction-id=\"cb1d9cb\" class=\"e-cb1d9cb-e78f020 e-heading-base\">Swimming Class<\/h1>\n\t\t\n<\/div>\n\n<\/section>\n\n<\/div>\n<div class=\"elementor-element elementor-element-d2de8a3 e-con e-atomic-element e-flexbox-base e-1473273 \" data-id=\"d2de8a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d2de8a3\">\n    \t\t\t<h1 data-interaction-id=\"a0d11cd\" class=\"e-a0d11cd-815bbdf e-heading-base\">Fasilitas<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c84e24 elementor-widget elementor-widget-html\" data-id=\"3c84e24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\r\n     SLIDER GALERI HORIZONTAL (INFINITE LOOP)\r\n     Slide tengah aktif: background MERAH, TANPA efek naik\r\n     Mendukung multi-instance & fallback gambar\r\n     Warna: #FF1A1A (MERAH)\r\n========================================== -->\r\n\r\n<!-- Slick CSS CDN -->\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.css\"\/>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick-theme.css\"\/>\r\n\r\n<div class=\"permata-slider-container\" data-slider-instance>\r\n\r\n    <!-- Skeleton Loading -->\r\n    <div class=\"slider-skeleton\">\r\n        <div class=\"skeleton-card\"><\/div>\r\n        <div class=\"skeleton-card\"><\/div>\r\n        <div class=\"skeleton-card\"><\/div>\r\n        <div class=\"skeleton-card\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Slick Horizontal Slider -->\r\n    <div class=\"slider-content-wrapper\" style=\"display: none;\">\r\n        <div class=\"horizontal-slider js-horizontal-gallery-slider\">\r\n            <!-- Item Slider akan diisi lewat JS -->\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* --- Container Utama --- *\/\r\n.permata-slider-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    padding: 40px 25px;\r\n    position: relative;\r\n    font-family: 'Poppins', 'Inter', sans-serif;\r\n}\r\n\r\n\/* Flex layout mendatar & jarak antar slide *\/\r\n.horizontal-slider .slick-track {\r\n    display: flex !important;\r\n    align-items: stretch;\r\n}\r\n\r\n.horizontal-slider .slick-slide {\r\n    height: auto;\r\n    padding: 0 12px; \/* Jarak samping antar item *\/\r\n    outline: none;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n\/* --- Gallery Card --- *\/\r\n.slider-card {\r\n    background: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    text-align: left;\r\n    transition: background-color 0.5s ease,\r\n                box-shadow 0.5s ease;\r\n    cursor: default;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\r\n    will-change: background-color;\r\n}\r\n\r\n\/* --- SLIDE TENGAH (AKTIF) : background MERAH #FF1A1A --- *\/\r\n.slick-center .slider-card {\r\n    background-color: #FF1A1A;\r\n    box-shadow: 0 8px 30px rgba(255, 26, 26, 0.35);\r\n}\r\n\r\n.slick-center .slider-card .card-content {\r\n    background-color: #FF1A1A;\r\n}\r\n\r\n.slick-center .slider-card .card-title {\r\n    color: #ffffff;\r\n}\r\n\r\n.slick-center .slider-card .card-description {\r\n    color: #fff0f0;\r\n}\r\n\r\n.slick-center .slider-card .image-wrapper img {\r\n    transform: scale(1.03);\r\n}\r\n\r\n\/* --- EFEK HOVER WARNA #FF1A1A (MERAH) --- *\/\r\n.slider-card:hover {\r\n    background-color: #FF1A1A !important;\r\n    box-shadow: 0 8px 30px rgba(255, 26, 26, 0.35) !important;\r\n    transition: background-color 0.3s ease,\r\n                box-shadow 0.3s ease;\r\n}\r\n\r\n.slider-card:hover .card-content {\r\n    background-color: #FF1A1A !important;\r\n}\r\n\r\n.slider-card:hover .card-title {\r\n    color: #ffffff !important;\r\n}\r\n\r\n.slider-card:hover .card-description {\r\n    color: #fff0f0 !important;\r\n}\r\n\r\n.slider-card:hover .image-wrapper img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* --- Image Wrapper --- *\/\r\n.image-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 210px;\r\n    border-radius: 20px 20px 0 0;\r\n    overflow: hidden;\r\n    background: #eef2f3;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n    border-radius: 20px 20px 0 0;\r\n    display: block;\r\n}\r\n\r\n\/* --- Card Content (Judul + Deskripsi) --- *\/\r\n.card-content {\r\n    padding: 16px 18px 20px 18px;\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    transition: background-color 0.5s ease;\r\n    border-radius: 0 0 20px 20px;\r\n    background-color: #ffffff;\r\n}\r\n\r\n.card-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: #243746;\r\n    line-height: 1.3;\r\n    margin: 0 0 6px 0;\r\n    transition: color 0.3s ease;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.card-description {\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #5a6f7e;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    transition: color 0.3s ease;\r\n    display: -webkit-box;\r\n    -webkit-line-clamp: 2;\r\n    -webkit-box-orient: vertical;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n\/* --- Tombol Panah Navigasi (Arrows) - WARNA MERAH #FF1A1A --- *\/\r\n.horizontal-slider .slick-prev,\r\n.horizontal-slider .slick-next {\r\n    width: 48px;\r\n    height: 48px;\r\n    background: #FF1A1A !important;\r\n    border-radius: 50%;\r\n    z-index: 20;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 6px 16px rgba(255, 26, 26, 0.40);\r\n}\r\n\r\n.horizontal-slider .slick-prev:before,\r\n.horizontal-slider .slick-next:before {\r\n    font-size: 18px;\r\n    color: #ffffff;\r\n    opacity: 1;\r\n    font-family: sans-serif;\r\n    line-height: 48px;\r\n    display: block;\r\n}\r\n\r\n.horizontal-slider .slick-prev:hover,\r\n.horizontal-slider .slick-next:hover {\r\n    background: #FF1A1A !important;\r\n    transform: scale(1.1);\r\n}\r\n\r\n.horizontal-slider .slick-prev { left: -22px; }\r\n.horizontal-slider .slick-next { right: -22px; }\r\n\r\n.horizontal-slider .slick-prev:before { content: '\u276e'; }\r\n.horizontal-slider .slick-next:before { content: '\u276f'; }\r\n\r\n\/* --- Skeleton Loading --- *\/\r\n.slider-skeleton {\r\n    display: flex;\r\n    gap: 24px;\r\n    overflow: hidden;\r\n}\r\n\r\n.skeleton-card {\r\n    flex: 1;\r\n    min-width: 200px;\r\n    height: 280px;\r\n    border-radius: 20px;\r\n    background: linear-gradient(90deg, #eee 25%, #f7f7f7 37%, #eee 63%);\r\n    background-size: 400% 100%;\r\n    animation: skeleton-shimmer 1.4s infinite;\r\n}\r\n\r\n@keyframes skeleton-shimmer {\r\n    0% { background-position: 100% 0; }\r\n    100% { background-position: -100% 0; }\r\n}\r\n\r\n\/* --- Responsive --- *\/\r\n@media (max-width: 1024px) {\r\n    .horizontal-slider .slick-prev { left: -10px; }\r\n    .horizontal-slider .slick-next { right: -10px; }\r\n    .image-wrapper { height: 180px; }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .image-wrapper { height: 170px; }\r\n    .card-title { font-size: 16px; }\r\n    .card-description { font-size: 13px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .image-wrapper { height: 160px; }\r\n    .horizontal-slider .slick-prev { left: 0px; }\r\n    .horizontal-slider .slick-next { right: 0px; }\r\n    .card-content { padding: 12px 14px 16px 14px; }\r\n    .card-title { font-size: 15px; }\r\n    .card-description { font-size: 12px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n    \/\/ --- Loader script dinamis ---\r\n    function loadScript(src, checkFn) {\r\n        return new Promise(function (resolve, reject) {\r\n            if (checkFn && checkFn()) {\r\n                resolve();\r\n                return;\r\n            }\r\n            var s = document.createElement('script');\r\n            s.src = src;\r\n            s.onload = function () { resolve(); };\r\n            s.onerror = function () { reject(new Error('Gagal memuat script: ' + src)); };\r\n            document.head.appendChild(s);\r\n        });\r\n    }\r\n\r\n    function hasJQuery() {\r\n        return typeof window.jQuery !== 'undefined';\r\n    }\r\n\r\n    function hasSlick() {\r\n        return hasJQuery() && typeof window.jQuery.fn.slick !== 'undefined';\r\n    }\r\n\r\n    function initAllSliders($) {\r\n\r\n        \/* ===========================================================\r\n           \ud83d\udcf7 CARA MENGGANTI GAMBAR:\r\n           ===========================================================\r\n           1. Ganti URL di bagian \"image:\" dengan URL gambar baru\r\n           2. Bisa gunakan gambar dari:\r\n              - WordPress Media Library\r\n              - Upload sendiri ke hosting\r\n              - Placeholder: https:\/\/placehold.co\/800x600\/FF1A1A\/white?text=Judul\r\n           3. Ukuran gambar disarankan 800x600px (rasio 4:3)\r\n           4. Format yang didukung: JPG, PNG, WebP\r\n           =========================================================== *\/\r\n\r\n        var sliderData = [\r\n            {\r\n                title: \"Alat Peraga Edukatif\",  \/\/ <-- Ganti judul di sini\r\n                description: \"Beragam alat peraga edukatif yang dirancang untuk membantu anak belajar melalui bermain, bereksplorasi, dan mengembangkan berbagai kemampuan.\", \/\/ <-- Ganti deskripsi di sini\r\n                image: \"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/Alat-Peraga-Edukatif.jpg-scaled.jpeg\" \/\/ <-- GANTI URL GAMBAR DI SINI\r\n            },\r\n            {\r\n                title: \"Sudut Baca\",                 \/\/ <-- Ganti judul di sini\r\n                description: \"Ruang baca yang nyaman dengan berbagai pilihan buku untuk menumbuhkan minat baca dan memperkaya imajinasi anak.\", \/\/ <-- Ganti deskripsi di sini\r\n                image: \"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-10-at-09.59.26.jpeg\" \/\/ <-- GANTI URL GAMBAR DI SINI\r\n            },\r\n            {\r\n                title: \"Playground\",                   \/\/ <-- Ganti judul di sini\r\n                description: \"Area bermain yang aman dan menyenangkan untuk mendukung aktivitas fisik, kreativitas, serta interaksi sosial anak.\", \/\/ <-- Ganti deskripsi di sini\r\n                image: \"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/Playground-2.jpg-scaled.jpeg\" \/\/ <-- GANTI URL GAMBAR DI SINI\r\n            },\r\n            {\r\n                title: \"Ruang Kelas ber AC\",               \/\/ <-- Ganti judul di sini\r\n                description: \"Ruang kelas yang nyaman dan sejuk dengan suasana belajar yang kondusif agar anak dapat belajar dengan lebih fokus dan menyenangkan.\", \/\/ <-- Ganti deskripsi di sini\r\n                image: \"http:\/\/localhost\/preschool\/wp-content\/uploads\/2026\/08\/WhatsApp-Image-2026-08-10-at-09.59.26.jpeg\" \/\/ <-- GANTI URL GAMBAR DI SINI\r\n            }\r\n           \r\n            \r\n            \/* ===========================================================\r\n               \ud83d\udcdd CARA MENAMBAH SLIDE BARU:\r\n               ===========================================================\r\n               1. Copy-paste blok di bawah ini (termasuk koma di akhir)\r\n               2. Sesuaikan title, description, dan image\r\n               3. Pastikan tidak ada koma berlebih di akhir array\r\n               ===========================================================\r\n               {\r\n                   title: \"Nama Fasilitas Baru\",\r\n                   description: \"Deskripsi fasilitas baru...\",\r\n                   image: \"URL-gambar-baru.jpg\"\r\n               },\r\n            *\/\r\n        ];\r\n\r\n        \/\/ --- Build HTML untuk setiap card ---\r\n        var itemsHtml = '';\r\n        sliderData.forEach(function (item) {\r\n            var desc = item.description.replace(\/\"\/g, '&quot;');\r\n            itemsHtml += '' +\r\n                '<div>' +\r\n                    '<div class=\"slider-card\">' +\r\n                        '<div class=\"image-wrapper\">' +\r\n                            '<img decoding=\"async\" src=\"' + item.image + '\" alt=\"' + item.title + '\" loading=\"lazy\" ' +\r\n                                'onerror=\"this.onerror=null;this.src=\\'https:\/\/placehold.co\/800x600?text=Gambar+tidak+tersedia\\';\" \/>' +\r\n                        '<\/div>' +\r\n                        '<div class=\"card-content\">' +\r\n                            '<div class=\"card-title\">' + item.title + '<\/div>' +\r\n                            '<div class=\"card-description\">' + desc + '<\/div>' +\r\n                        '<\/div>' +\r\n                    '<\/div>' +\r\n                '<\/div>';\r\n        });\r\n\r\n        \/\/ --- Inisialisasi setiap instance slider ---\r\n        $('[data-slider-instance] .js-horizontal-gallery-slider').each(function () {\r\n            var $slider = $(this);\r\n\r\n            if ($slider.hasClass('slick-initialized') || $slider.data('slider-inited')) {\r\n                return;\r\n            }\r\n            $slider.data('slider-inited', true);\r\n\r\n            $slider.html(itemsHtml);\r\n\r\n            $slider.closest('.permata-slider-container')\r\n                .find('.slider-skeleton').hide()\r\n                .end()\r\n                .find('.slider-content-wrapper').show();\r\n\r\n            \/\/ --- Konfigurasi Slick dengan centerMode aktif ---\r\n            $slider.slick({\r\n                slidesToShow: 3,          \/\/ jumlah slide terlihat (ganjil agar ada tengah)\r\n                slidesToScroll: 1,\r\n                infinite: true,\r\n                autoplay: true,\r\n                autoplaySpeed: 3000,\r\n                arrows: true,\r\n                dots: false,\r\n                pauseOnHover: true,\r\n                centerMode: true,          \/\/ AKTIFKAN CENTER MODE\r\n                centerPadding: '60px',     \/\/ ruang di kiri\/kanan slide tengah\r\n                responsive: [\r\n                    { breakpoint: 1024, settings: { slidesToShow: 3, centerPadding: '40px' } },\r\n                    { breakpoint: 768, settings: { slidesToShow: 2, centerPadding: '30px' } },\r\n                    { breakpoint: 480, settings: { slidesToShow: 1, centerPadding: '20px' } }\r\n                ]\r\n            });\r\n        });\r\n    }\r\n\r\n    function boot() {\r\n        var jq = window.jQuery;\r\n        jq(document).ready(function ($) {\r\n            initAllSliders($);\r\n        });\r\n    }\r\n\r\n    \/\/ --- Muat jQuery & Slick ---\r\n    loadScript('https:\/\/code.jquery.com\/jquery-3.6.0.min.js', hasJQuery)\r\n        .then(function () {\r\n            return loadScript('https:\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.min.js', hasSlick);\r\n        })\r\n        .then(boot)\r\n        .catch(function (err) {\r\n            console.error('[Slider Galeri] Gagal inisialisasi:', err);\r\n            var containers = document.querySelectorAll('[data-slider-instance]');\r\n            containers.forEach(function (c) {\r\n                var skeleton = c.querySelector('.slider-skeleton');\r\n                if (skeleton) {\r\n                    skeleton.innerHTML = '<p style=\"width:100%;text-align:center;color:#7a8a94;padding:40px 0;\">Galeri tidak dapat dimuat. Coba muat ulang halaman.<\/p>';\r\n                }\r\n            });\r\n        });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dffe69c e-con e-atomic-element e-flexbox-base e-dffe69c-8aeb8d7 \" data-id=\"dffe69c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dffe69c\">\n    <section class=\"elementor-element elementor-element-a2ef5cd e-con e-atomic-element e-flexbox-base e-a2ef5cd-41b2691 \" data-id=\"a2ef5cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a2ef5cd\">\n    <div class=\"elementor-element elementor-element-215aa64 e-con e-atomic-element e-flexbox-base e-215aa64-f2e6262 \" data-id=\"215aa64\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"215aa64\">\n    \t\t<div class=\"elementor-element elementor-element-575b7ea elementor-widget elementor-widget-image\" data-id=\"575b7ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-300x300.png\" class=\"attachment-medium size-medium wp-image-859\" alt=\"\" srcset=\"https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-300x300.png 300w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-1024x1024.png 1024w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-150x150.png 150w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-768x768.png 768w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul-1536x1536.png 1536w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/Desain-tanpa-judul-rrubtxn6nolno238nzao58mwkubwa2g5vlwzzip32o.png 200w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/elementor\/thumbs\/Desain-tanpa-judul-rrubtxn79lzvh263vfq97a233ifply20ti7l27xp38.png 250w, https:\/\/tkislamplatinum.sch.id\/wp-content\/uploads\/2026\/08\/Desain-tanpa-judul.png 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-60824ad e-con e-atomic-element e-flexbox-base e-60824ad-4662c62 \" data-id=\"60824ad\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"60824ad\">\n    \t\t\t<img class=\"e-image-base \" data-interaction-id=\"3357710\"\/>\t\t\t\t\t<h1 data-interaction-id=\"7f48fb3\" class=\"e-7f48fb3-9708643 e-heading-base\">Wujudkan Prestasi, Mulai di Sini!<\/h1>\n\t\t\t\t<div class=\"elementor-element elementor-element-b31c0aa elementor-hidden-tablet elementor-hidden-mobile elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b31c0aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Daftar Sekarang<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/section>\n\n<\/div>\n<div class=\"elementor-element elementor-element-c7b118e e-con e-atomic-element e-flexbox-base e-58010e7 \" data-id=\"c7b118e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c7b118e\">\n    \t\t<div class=\"elementor-element elementor-element-6a6e4ec elementor-widget elementor-widget-html\" data-id=\"6a6e4ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     TESTIMONI PERMATA \u2014 MODERN SLIDER (Elementor HTML Widget)\r\n     WARNA DOMINAN #FF1A1A\r\n========================================================= -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\r\n\r\n<section class=\"phm-testi\" id=\"phmTesti\">\r\n    <div class=\"phm-testi__head\">\r\n        <span class=\"phm-testi__eyebrow\">Apa Kata Mereka<\/span>\r\n        <h2 class=\"phm-testi__title\">Testimoni &amp; Kepercayaan<\/h2>\r\n        <p class=\"phm-testi__sub\">Selayang pandang walimurid tentang MA Permata.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"phm-testi__slider-wrap\">\r\n        <div class=\"swiper phm-testi__swiper\">\r\n            <div class=\"swiper-wrapper\" id=\"phmTestiGrid\">\r\n\r\n                <!-- ===== KARTU 1 ===== -->\r\n                <div class=\"swiper-slide\">\r\n                    <article class=\"phm-card\" data-accent=\"red\">\r\n                        <div class=\"phm-card__avatar-wrap\">\r\n                            <div class=\"phm-card__avatar\">\r\n                                <div class=\"phm-initials\">OM<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"phm-card__quote-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.17 6C4.87 6 3 7.87 3 10.17V17h6.83v-6.83H5.83c0-1.29 1.05-2.34 2.34-2.34V6ZM17.17 6c-2.3 0-4.17 1.87-4.17 4.17V17H20v-6.83h-4.17c0-1.29 1.05-2.34 2.34-2.34V6Z\" fill=\"#fff\"\/><\/svg>\r\n                        <\/div>\r\n                        <p class=\"phm-card__text\">\r\n                            <span class=\"phm-short\">Semenjak Play Group hingga MA, Fanny berada di lingkungan Permata. \r\n\r\nSaya sudah menjadi walimurid di Permata sejak tahun ...<\/span>\r\n                            <span class=\"phm-full\" hidden>Semenjak Play Group hingga MA, Fanny berada di lingkungan Permata. \r\n\r\nSaya sudah menjadi walimurid di Permata sejak tahun 2002. Dari putra pertama hingga berlanjut sampai putri kami yang bungsu ini. \r\n\r\nBanyak ilmu yang sudah saya dapat selama anak\u00b2 bersekolah di Permata.\r\nSemoga semakin banyak orang tua yang mendapat manfaat dari SIT Permata. Aamiin.<\/span>\r\n                            <button type=\"button\" class=\"phm-card__toggle\">Read more<\/button>\r\n                        <\/p>\r\n                        <div class=\"phm-card__footer\">\r\n                            <div class=\"phm-card__name\">Ibu Herdiana Setyaningsih<\/div>\r\n                            <div class=\"phm-card__role\">Walimurid Ananda \r\nFanny Lutfiya Rostyana<\/div>\r\n                        <\/div>\r\n                    <\/article>\r\n                <\/div>\r\n\r\n                <!-- ===== KARTU 2 ===== -->\r\n                <div class=\"swiper-slide\">\r\n                    <article class=\"phm-card\" data-accent=\"red\">\r\n                        <div class=\"phm-card__avatar-wrap\">\r\n                            <div class=\"phm-card__avatar\">\r\n                                <div class=\"phm-initials\">MN<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"phm-card__quote-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.17 6C4.87 6 3 7.87 3 10.17V17h6.83v-6.83H5.83c0-1.29 1.05-2.34 2.34-2.34V6ZM17.17 6c-2.3 0-4.17 1.87-4.17 4.17V17H20v-6.83h-4.17c0-1.29 1.05-2.34 2.34-2.34V6Z\" fill=\"#fff\"\/><\/svg>\r\n                        <\/div>\r\n                        <p class=\"phm-card__text\">\r\n                            <span class=\"phm-short\">Mas Rahmat sejak TPA, PG, TK, SD, SMP hingga MA terus di Permata.\r\nKakaknya Mas Rahmat juga SD, SMP di Permata.\r\n\r\nPermata lah... <\/span>\r\n                            <span class=\"phm-full\" hidden>Mas Rahmat sejak TPA, PG, TK, SD, SMP hingga MA terus di Permata.\r\nKakaknya Mas Rahmat juga SD, SMP di Permata.\r\n\r\nPermata lah yang pertama mengenalkan Al-Quran hingga mencintai Al-Qur'an dan menjadi penghafal Al-Quran 30 juz. Dan juga mengantarkan mas Rahmat menerima Golden Ticket Unair.\r\nSungguh tidak terhingga rasa terima kasih kami kepada Permata dan seluruh ustadz-ustadzahnya.<\/span>\r\n                            <button type=\"button\" class=\"phm-card__toggle\">Read more<\/button>\r\n                        <\/p>\r\n                        <div class=\"phm-card__footer\">\r\n                            <div class=\"phm-card__name\">Ibu Erny Hermawati<\/div>\r\n                            <div class=\"phm-card__role\">Walimurid Ananda \r\nRahmat Satria Raharja<\/div>\r\n                        <\/div>\r\n                    <\/article>\r\n                <\/div>\r\n\r\n                <!-- ===== KARTU 3 ===== -->\r\n                <div class=\"swiper-slide\">\r\n                    <article class=\"phm-card\" data-accent=\"red\">\r\n                        <div class=\"phm-card__avatar-wrap\">\r\n                            <div class=\"phm-card__avatar\">\r\n                                <div class=\"phm-initials\">SA<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"phm-card__quote-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7.17 6C4.87 6 3 7.87 3 10.17V17h6.83v-6.83H5.83c0-1.29 1.05-2.34 2.34-2.34V6ZM17.17 6c-2.3 0-4.17 1.87-4.17 4.17V17H20v-6.83h-4.17c0-1.29 1.05-2.34 2.34-2.34V6Z\" fill=\"#fff\"\/><\/svg>\r\n                        <\/div>\r\n                        <p class=\"phm-card__text\">\r\n                            <span class=\"phm-short\">Kedua anak kami menjadi siswa SIT Permata mulai SMP sampai MA. Selama menjadi wali murid, kami sangat senang karena ...<\/span>\r\n                            <span class=\"phm-full\" hidden>Kedua anak kami menjadi siswa SIT Permata mulai SMP sampai MA. Selama menjadi wali murid, kami sangat senang karena MA Permata sangat membantu kami memberikan lingkungan yang kondusif bagi pembentukan pribadinya. Terima kasih MA Permata. Semoga tetap menjaga  amanah dan semakin sukses untuk ke depannya.Aamiin ya rabbal alamin. <\/span>\r\n                            <button type=\"button\" class=\"phm-card__toggle\">Read more<\/button>\r\n                        <\/p>\r\n                        <div class=\"phm-card__footer\">\r\n                            <div class=\"phm-card__name\">drg. Nailur Rahmy Wahdany, Sp.KGA<\/div>\r\n                            <div class=\"phm-card__role\">Wali murid Ananda Fardan (Angkatan 3) dan Gavi (Angkatan 6)<\/div>\r\n                        <\/div>\r\n                    <\/article>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Navigasi -->\r\n        <div class=\"swiper-button-prev phm-testi__nav\"><\/div>\r\n        <div class=\"swiper-button-next phm-testi__nav\"><\/div>\r\n        <div class=\"swiper-pagination phm-testi__dots\"><\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.phm-testi {\r\n    --phm-red: #FF1A1A;\r\n    --phm-red-dark: #CC0000;\r\n    --phm-red-light: #FFE6E6;\r\n    --phm-ink: #1f2d33;\r\n    --phm-muted: #66787f;\r\n    \r\n    max-width: 1300px;\r\n    margin: 0 auto;\r\n    padding: 80px 24px 100px;\r\n    font-family: 'Inter', 'Poppins', sans-serif;\r\n    position: relative;\r\n}\r\n\r\n.phm-testi *, .phm-testi *::before, .phm-testi *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.phm-testi__head {\r\n    text-align: center;\r\n    max-width: 640px;\r\n    margin: 0 auto 56px;\r\n}\r\n\r\n.phm-testi__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    text-transform: uppercase;\r\n    color: var(--phm-red-dark);\r\n}\r\n\r\n.phm-testi__eyebrow::before,\r\n.phm-testi__eyebrow::after {\r\n    content: \"\";\r\n    width: 22px;\r\n    height: 2px;\r\n    background: var(--phm-red);\r\n    border-radius: 2px;\r\n}\r\n\r\n.phm-testi__title {\r\n    margin: 14px 0 12px;\r\n    font-size: clamp(28px, 4vw, 40px);\r\n    font-weight: 800;\r\n    color: var(--phm-ink);\r\n    letter-spacing: -0.5px;\r\n    line-height: 1.2;\r\n}\r\n\r\n.phm-testi__sub {\r\n    margin: 0;\r\n    color: var(--phm-muted);\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n}\r\n\r\n.phm-testi__slider-wrap {\r\n    position: relative;\r\n    padding: 50px 40px 64px;\r\n}\r\n\r\n.phm-testi__swiper {\r\n    overflow: hidden;\r\n    padding: 50px 4px 50px;\r\n}\r\n\r\n.phm-testi__swiper .swiper-slide {\r\n    height: auto;\r\n    display: flex;\r\n}\r\n\r\n.phm-testi__swiper:not(.swiper-initialized) .swiper-wrapper {\r\n    display: flex;\r\n    overflow-x: auto;\r\n    gap: 28px;\r\n    scroll-snap-type: x mandatory;\r\n    -webkit-overflow-scrolling: touch;\r\n    padding-bottom: 20px;\r\n}\r\n\r\n.phm-testi__swiper:not(.swiper-initialized) .swiper-slide {\r\n    flex: 0 0 85%;\r\n    max-width: 400px;\r\n    scroll-snap-align: start;\r\n}\r\n\r\n\/* ===== KARTU ===== *\/\r\n.phm-card {\r\n    position: relative;\r\n    background: #fff;\r\n    border-radius: 24px;\r\n    padding: 56px 30px 32px;\r\n    border: 1px solid #eef2f3;\r\n    box-shadow: 0 4px 20px rgba(31, 45, 51, 0.05);\r\n    transition: transform .35s cubic-bezier(.25,1,.5,1), box-shadow .35s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.phm-card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 22px 45px rgba(31, 45, 51, 0.12);\r\n}\r\n\r\n.phm-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 24px;\r\n    right: 24px;\r\n    height: 4px;\r\n    border-radius: 0 0 6px 6px;\r\n    background: var(--phm-accent, var(--phm-red));\r\n}\r\n\r\n.phm-card[data-accent=\"red\"] { --phm-accent: var(--phm-red); }\r\n\r\n\/* ===== AVATAR ===== *\/\r\n.phm-card__avatar-wrap {\r\n    position: absolute;\r\n    top: -34px;\r\n    left: 30px;\r\n    width: 76px;\r\n    height: 76px;\r\n    border-radius: 50%;\r\n    padding: 3px;\r\n    background: var(--phm-red);\r\n    box-shadow: 0 8px 18px rgba(255, 26, 26, 0.3);\r\n    z-index: 2;\r\n}\r\n\r\n.phm-card__avatar {\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    background: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 3px solid #fff;\r\n}\r\n\r\n.phm-card__avatar img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center 15%;\r\n    display: block;\r\n}\r\n\r\n.phm-card__avatar .phm-initials {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 22px;\r\n    color: #fff;\r\n    background: var(--phm-red);\r\n}\r\n\r\n\/* ===== QUOTE ICON ===== *\/\r\n.phm-card__quote-icon {\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 12px;\r\n    background: var(--phm-red);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 12px 0 18px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.phm-card__quote-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n\/* ===== TEKS ===== *\/\r\n.phm-card__text {\r\n    font-size: 15.5px;\r\n    line-height: 1.75;\r\n    color: #3d4b51;\r\n    margin-bottom: 22px;\r\n    flex-grow: 1;\r\n}\r\n\r\n.phm-full { display: none; }\r\n.phm-card__text.is-expanded .phm-short { display: none; }\r\n.phm-card__text.is-expanded .phm-full { display: inline; }\r\n\r\n.phm-card__toggle {\r\n    background: none;\r\n    border: none;\r\n    padding: 0;\r\n    font-weight: 700;\r\n    font-size: 15px;\r\n    color: var(--phm-red);\r\n    cursor: pointer;\r\n    margin-top: 4px;\r\n    transition: opacity 0.2s;\r\n}\r\n\r\n.phm-card__toggle:hover {\r\n    opacity: 0.7;\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* ===== FOOTER ===== *\/\r\n.phm-card__footer {\r\n    border-top: 1px solid #f0f3f4;\r\n    padding-top: 18px;\r\n    margin-top: auto;\r\n}\r\n\r\n.phm-card__name {\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n    color: var(--phm-ink);\r\n    line-height: 1.35;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.phm-card__role {\r\n    font-size: 13.5px;\r\n    color: var(--phm-muted);\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* ===== NAVIGASI ===== *\/\r\n.phm-testi__nav,\r\n.phm-testi__dots {\r\n    display: none;\r\n}\r\n\r\n.phm-testi__slider-wrap.is-ready .phm-testi__nav {\r\n    display: flex;\r\n}\r\n\r\n.phm-testi__slider-wrap.is-ready .phm-testi__dots {\r\n    display: block;\r\n}\r\n\r\n.phm-testi__nav {\r\n    width: 44px;\r\n    height: 44px;\r\n    background: #fff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 8px 20px rgba(31, 45, 51, 0.1);\r\n    top: 40%;\r\n    z-index: 10;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.phm-testi__nav::after {\r\n    font-size: 14px;\r\n    font-weight: 900;\r\n    color: var(--phm-red);\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.phm-testi__nav:hover {\r\n    background: var(--phm-red);\r\n    box-shadow: 0 8px 20px rgba(255, 26, 26, 0.3);\r\n}\r\n\r\n.phm-testi__nav:hover::after {\r\n    color: #fff;\r\n}\r\n\r\n.swiper-button-prev.phm-testi__nav { left: 0; }\r\n.swiper-button-next.phm-testi__nav { right: 0; }\r\n\r\n\/* ===== DOTS ===== *\/\r\n.phm-testi__dots {\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 10px;\r\n    text-align: center;\r\n    z-index: 10;\r\n}\r\n\r\n.phm-testi__dots .swiper-pagination-bullet {\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #d8e2e4;\r\n    opacity: 1;\r\n    margin: 0 6px !important;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.phm-testi__dots .swiper-pagination-bullet-active {\r\n    background: var(--phm-red);\r\n    width: 28px;\r\n    border-radius: 6px;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 1024px) {\r\n    .phm-testi__nav { display: none !important; }\r\n    .phm-testi__slider-wrap { padding-left: 20px; padding-right: 20px; }\r\n}\r\n\r\n@media (max-width: 680px) {\r\n    .phm-testi { padding: 60px 16px 70px; }\r\n    .phm-card { padding: 48px 24px 28px; }\r\n    .phm-card__avatar-wrap { left: 24px; width: 68px; height: 68px; top: -30px; }\r\n    .phm-card__avatar .phm-initials { font-size: 18px; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .phm-card { transition: none; }\r\n}\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<script>\r\n(function($) {\r\n    'use strict';\r\n    \r\n    var isElementorEdit = (window.elementorFrontend && window.elementorFrontend.isEditMode());\r\n\r\n    function initPhmTesti() {\r\n        var section = document.getElementById('phmTesti');\r\n        if (!section) return;\r\n\r\n        section.addEventListener('click', function (e) {\r\n            var btn = e.target.closest('.phm-card__toggle');\r\n            if (!btn) return;\r\n            e.preventDefault();\r\n            var wrap = btn.closest('.phm-card__text');\r\n            var isExpanded = wrap.classList.toggle('is-expanded');\r\n            btn.textContent = isExpanded ? 'Read less' : 'Read more';\r\n        });\r\n\r\n        if (typeof window.Swiper !== 'undefined') {\r\n            var sliderWrap = document.querySelector('.phm-testi__slider-wrap');\r\n            var swiperContainer = document.querySelector('.phm-testi__swiper');\r\n            \r\n            if (!sliderWrap || !swiperContainer) return;\r\n\r\n            if (sliderWrap.swiperInstance) {\r\n                sliderWrap.swiperInstance.destroy(true, true);\r\n            }\r\n\r\n            var swiper = new window.Swiper(swiperContainer, {\r\n                slidesPerView: 1,\r\n                spaceBetween: 28,\r\n                speed: 800,\r\n                loop: true,\r\n                grabCursor: true,\r\n                autoplay: {\r\n                    delay: 4500,\r\n                    disableOnInteraction: false,\r\n                    pauseOnMouseEnter: true\r\n                },\r\n                pagination: {\r\n                    el: '.phm-testi__dots',\r\n                    clickable: true\r\n                },\r\n                navigation: {\r\n                    nextEl: '.swiper-button-next.phm-testi__nav',\r\n                    prevEl: '.swiper-button-prev.phm-testi__nav'\r\n                },\r\n                breakpoints: {\r\n                    0: { slidesPerView: 1 },\r\n                    768: { slidesPerView: 2 },\r\n                    1100: { slidesPerView: 3 }\r\n                },\r\n                on: {\r\n                    init: function () {\r\n                        sliderWrap.classList.add('is-ready');\r\n                    }\r\n                }\r\n            });\r\n            \r\n            sliderWrap.swiperInstance = swiper;\r\n        }\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initPhmTesti);\r\n    } else {\r\n        initPhmTesti();\r\n    }\r\n\r\n    if (window.elementorFrontend) {\r\n        window.elementorFrontend.hooks.addAction('frontend\/element_ready\/html.default', function($scope) {\r\n            if ($scope.find('#phmTesti').length) {\r\n                setTimeout(initPhmTesti, 150);\r\n            }\r\n        });\r\n        \r\n        window.elementor.on('document:loaded', function() {\r\n            setTimeout(initPhmTesti, 300);\r\n        });\r\n    }\r\n})(window.jQuery);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TK Islam Platinum &#8211; Penerimaan Peserta Didik Baru TK Islam Platinum \ud83c\udf92 Penerimaan Peserta Didik Baru Bergabunglah dengan keluarga besar TK Islam Platinum kami! Tempat di mana anak-anak belajar dengan gembira, bermain sambil belajar, dan tumbuh menjadi generasi cerdas &amp; berkarakter. Daftar Sekarang \ud83c\udfa8 Bermain Sambil Belajar Beragam aktivitas menyenangkan seperti menggambar, bernyanyi, menari, olahraga, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":266,"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":960,"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/960"}],"wp:attachment":[{"href":"https:\/\/tkislamplatinum.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}