{
  "version": "1.0",
  "timestamp": "2026-01-21T12:00:00.000Z",
  "pageSettings": {
    "title": "Advanced Integrated NILAM System",
    "description": "Sistem Pembacaan Interaktif untuk Kementerian Pendidikan Malaysia",
    "author": "Kementerian Pendidikan Malaysia",
    "keywords": "NILAM, pembacaan, buku, pendidikan, malaysia",
    "backgroundColor": "#ffffff",
    "customCSS": ":root {\n    --primary-color: #0d6efd;\n    --secondary-color: #6c757d;\n}\n\nbody {\n    font-family: Arial, sans-serif;\n}\n\n.top-bar {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    padding: 10px 0;\n    color: white;\n}\n\n.login-buttons a {\n    background: rgba(255,255,255,0.2);\n    color: white;\n    padding: 8px 20px;\n    border-radius: 5px;\n    text-decoration: none;\n    margin: 0 5px;\n    transition: all 0.3s;\n}\n\n.login-buttons a:hover {\n    background: rgba(255,255,255,0.3);\n}\n\n.social-icons img {\n    width: 30px;\n    height: 30px;\n    margin: 0 5px;\n}\n\n.navbar {\n    background: white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.navbar-brand img {\n    max-height: 60px;\n}\n\n.navbar-nav .nav-link {\n    color: #333;\n    font-weight: 500;\n    padding: 10px 15px;\n    transition: all 0.3s;\n}\n\n.navbar-nav .nav-link:hover {\n    color: #667eea;\n}\n\n.hero-carousel {\n    margin-top: 20px;\n}\n\n.carousel-item img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n}\n\n.section-title {\n    text-align: center;\n    margin: 50px 0 30px;\n}\n\n.section-title h2 {\n    color: #667eea;\n    font-weight: bold;\n    font-size: 2rem;\n}\n\n.section-title p {\n    color: #666;\n    margin-top: 10px;\n}\n\n.book-card {\n    border: 1px solid #e0e0e0;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: all 0.3s;\n    margin-bottom: 30px;\n}\n\n.book-card:hover {\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transform: translateY(-5px);\n}\n\n.book-card img {\n    width: 100%;\n    height: 300px;\n    object-fit: cover;\n}\n\n.book-card h6 {\n    padding: 15px;\n    text-align: center;\n    background: #f8f9fa;\n    margin: 0;\n}\n\n.book-card a {\n    text-decoration: none;\n    color: #333;\n}\n\n.news-card {\n    background: white;\n    border-left: 4px solid #667eea;\n    padding: 20px;\n    margin-bottom: 20px;\n    border-radius: 5px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    transition: all 0.3s;\n}\n\n.news-card:hover {\n    box-shadow: 0 5px 20px rgba(0,0,0,0.1);\n}\n\n.news-card h6 {\n    color: #333;\n    margin: 0;\n}\n\n.news-card a {\n    text-decoration: none;\n    color: #333;\n}\n\nfooter {\n    background: #2c3e50;\n    color: white;\n    padding: 50px 0 20px;\n    margin-top: 50px;\n}\n\nfooter h6 {\n    color: #fff;\n    font-weight: bold;\n    margin-bottom: 20px;\n}\n\nfooter ul {\n    list-style: none;\n    padding: 0;\n}\n\nfooter ul li {\n    margin-bottom: 10px;\n}\n\n.footer-bottom {\n    background: #1a252f;\n    padding: 20px 0;\n    margin-top: 30px;\n    text-align: center;\n}\n\n.chatbot-btn {\n    position: fixed;\n    bottom: 30px;\n    right: 30px;\n    background: #667eea;\n    color: white;\n    border: none;\n    border-radius: 50%;\n    width: 60px;\n    height: 60px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n    cursor: pointer;\n    z-index: 1000;\n}\n\n.chatbot-btn img {\n    width: 35px;\n    height: 35px;\n}\n\n.w3c-widget {\n    position: fixed;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: white;\n    padding: 10px;\n    border-radius: 10px 0 0 10px;\n    box-shadow: -2px 0 10px rgba(0,0,0,0.1);\n    z-index: 999;\n}\n\n.w3c-widget button {\n    display: block;\n    margin: 5px;\n    padding: 5px 10px;\n    border: 1px solid #ccc;\n    background: white;\n    cursor: pointer;\n}",
    "customJS": "",
    "externalCSS": [],
    "externalJS": []
  },
  "components": [
    {
      "id": "topbar-1737463200000",
      "type": "custom-code",
      "html": "<section class=\"top-bar\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-md-8\">\n                <div class=\"login-buttons d-inline-block\">\n                    <a href=\"#\">LOG MASUK MURID</a>\n                    <a href=\"#\">LOG MASUK CIKGU / PPD</a>\n                </div>\n            </div>\n            <div class=\"col-md-4 text-end\">\n                <div class=\"social-icons d-inline-block\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMzYjU5OTgiLz48cGF0aCBkPSJNMTkgMTBoLTN2LTJjMC0xLjEuOS0yIDItMmgydi0zLjVoLTMuNWMtMi41IDAtNC41IDItNC41IDQuNXYzaC0zdjRoM3Y5aDR2LTloM2wxLTR6IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==\" alt=\"Facebook\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImlnIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZjA5NDMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojYmMxODg4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSJ1cmwoI2lnKSIgcng9IjciLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSI1IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSIyMiIgY3k9IjgiIHI9IjEuNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=\" alt=\"Instagram\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9ImJsYWNrIiByeD0iNyIvPjxwYXRoIGQ9Ik0yMCA4YzAgMS41LjUgMyAyIDNoMXYtNGgtMWMtMiAwLTIgMS0yIDFtLTUgMnYxMmMwIDItMiAzLTMuNSAzcy0zLjUtMS0zLjUtM2MwLTEuNSAxLTMgMy0zaDJ2LTRoLTJjLTMgMC01IDItNSA1czIgNSA1IDVjMi41IDAgNS0yIDUtNXYtOGgtMm0wLTJ2LTJoMnYyaC0yeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=\" alt=\"TikTok\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
      "customHTML": "<section class=\"top-bar\">\n    <div class=\"container\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-md-8\">\n                <div class=\"login-buttons d-inline-block\">\n                    <a href=\"#\">LOG MASUK MURID</a>\n                    <a href=\"#\">LOG MASUK CIKGU / PPD</a>\n                </div>\n            </div>\n            <div class=\"col-md-4 text-end\">\n                <div class=\"social-icons d-inline-block\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9IiMzYjU5OTgiLz48cGF0aCBkPSJNMTkgMTBoLTN2LTJjMC0xLjEuOS0yIDItMmgydi0zLjVoLTMuNWMtMi41IDAtNC41IDItNC41IDQuNXYzaC0zdjRoM3Y5aDR2LTloM2wxLTR6IiBmaWxsPSJ3aGl0ZSIvPjwvc3ZnPg==\" alt=\"Facebook\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImlnIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZjA5NDMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojYmMxODg4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIiBmaWxsPSJ1cmwoI2lnKSIgcng9IjciLz48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSI1IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz48Y2lyY2xlIGN4PSIyMiIgY3k9IjgiIHI9IjEuNSIgZmlsbD0id2hpdGUiLz48L3N2Zz4=\" alt=\"Instagram\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIGZpbGw9ImJsYWNrIiByeD0iNyIvPjxwYXRoIGQ9Ik0yMCA4YzAgMS41LjUgMyAyIDNoMXYtNGgtMWMtMiAwLTIgMS0yIDFtLTUgMnYxMmMwIDItMiAzLTMuNSAzcy0zLjUtMS0zLjUtM2MwLTEuNSAxLTMgMy0zaDJ2LTRoLTJjLTMgMC01IDItNSA1czIgNSA1IDVjMi41IDAgNS0yIDUtNXYtOGgtMm0wLTJ2LTJoMnYyaC0yeiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=\" alt=\"TikTok\">\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "Top Bar",
      "position": 0
    },
    {
      "id": "navbar-1737463200001",
      "type": "navbar",
      "html": "<nav class=\"navbar navbar-expand-lg\">\n    <div class=\"container\">\n        <a class=\"navbar-brand\" href=\"#\">\n            <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCAyMDAgNjAiPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iNjAiIGZpbGw9IiM2NjdlZWEiIHJ4PSI1Ii8+PHRleHQgeD0iMTAwIiB5PSIzNSIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkFJTlM8L3RleHQ+PC9zdmc+\" alt=\"AINS Logo\">\n        </a>\n        <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n            <ul class=\"navbar-nav ms-auto\">\n                <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Utama</a></li>\n                <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Pengenalan</a></li>\n                <li class=\"nav-item dropdown\">\n                    <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Bahan Bacaan</a>\n                    <ul class=\"dropdown-menu\">\n                        <li><a class=\"dropdown-item\" href=\"#\">Senarai Buku</a></li>\n                        <li><a class=\"dropdown-item\" href=\"#\">Senarai Berita</a></li>\n                        <li><a class=\"dropdown-item\" href=\"#\">Senarai Multimedia Interaktif</a></li>\n                    </ul>\n                </li>\n                <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Hubungi Kami</a></li>\n            </ul>\n        </div>\n    </div>\n</nav>",
      "navBrand": "AINS",
      "navBrandType": "image",
      "navBrandImage": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCAyMDAgNjAiPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iNjAiIGZpbGw9IiM2NjdlZWEiIHJ4PSI1Ii8+PHRleHQgeD0iMTAwIiB5PSIzNSIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjIwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkFJTlM8L3RleHQ+PC9zdmc+",
      "navMenuAlign": "end",
      "navMenuItems": [
        {"text": "Utama", "href": "#"},
        {"text": "Pengenalan", "href": "#"},
        {"text": "Bahan Bacaan", "href": "#", "dropdown": true},
        {"text": "Hubungi Kami", "href": "#"}
      ],
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "Main Navigation",
      "position": 1
    },
    {
      "id": "carousel-1737463200002",
      "type": "carousel",
      "html": "<div id=\"heroCarousel\" class=\"carousel slide hero-carousel\" data-bs-ride=\"carousel\">\n    <div class=\"carousel-indicators\">\n        <button type=\"button\" data-bs-target=\"#heroCarousel\" data-bs-slide-to=\"0\" class=\"active\"></button>\n        <button type=\"button\" data-bs-target=\"#heroCarousel\" data-bs-slide-to=\"1\"></button>\n        <button type=\"button\" data-bs-target=\"#heroCarousel\" data-bs-slide-to=\"2\"></button>\n    </div>\n    <div class=\"carousel-inner\">\n        <div class=\"carousel-item active\">\n            <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNjY3ZWVhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNzY0YmEyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2cxKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjUwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QWR2YW5jZWQgSW50ZWdyYXRlZCBOSUxBTSBTeXN0ZW08L3RleHQ+PHRleHQgeD0iNjAwIiB5PSIzMDAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlNpc3RlbSBQZW1iYWNhYW4gSW50ZXJha3RpZjwvdGV4dD48L3N2Zz4=\" alt=\"Slider 1\">\n        </div>\n        <div class=\"carousel-item\">\n            <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMTFlNjdlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMjNhNmQ1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2cyKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjUwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+UHJvZ3JhbSBQZW1iYWNhYW4gS2VtZW50ZXJpYW4gUGVuZGlkaWthbjwvdGV4dD48L3N2Zz4=\" alt=\"Slider 2\">\n        </div>\n        <div class=\"carousel-item\">\n            <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImczIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZjA5NDMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZjM3MzM1Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2czKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjUwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+R2FsYWtrYW4gQnVkYXlhIE1lbWJhY2E8L3RleHQ+PC9zdmc+\" alt=\"Slider 3\">\n        </div>\n    </div>\n    <button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#heroCarousel\" data-bs-slide=\"prev\">\n        <span class=\"carousel-control-prev-icon\"></span>\n    </button>\n    <button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#heroCarousel\" data-bs-slide=\"next\">\n        <span class=\"carousel-control-next-icon\"></span>\n    </button>\n</div>",
      "carouselSlides": [
        {"image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNjY3ZWVhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojNzY0YmEyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2cxKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjUwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QWR2YW5jZWQgSW50ZWdyYXRlZCBOSUxBTSBTeXN0ZW08L3RleHQ+PHRleHQgeD0iNjAwIiB5PSIzMDAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyMCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlNpc3RlbSBQZW1iYWNhYW4gSW50ZXJha3RpZjwvdGV4dD48L3N2Zz4=", "caption": ""},
        {"image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcyIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMTFlNjdlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMjNhNmQ1Ci8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2cyKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjUwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+UHJvZ3JhbSBQZW1iYWNhYW4gS2VtZW50ZXJpYW4gUGVuZGlkaWthbjwvdGV4dD48L3N2Zz4=", "caption": ""},
        {"image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImczIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZjA5NDMzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojZjM3MzM1Ci8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2czKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjUwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+R2FsYWtrYW4gQnVkYXlhIE1lbWJhY2E8L3RleHQ+PC9zdmc+", "caption": ""}
      ],
      "showCarouselControls": true,
      "showCarouselIndicators": true,
      "styles": {"marginTop": "20px"},
      "textContent": "",
      "isTextComponent": false,
      "name": "Hero Carousel",
      "position": 2
    },
    {
      "id": "books-section-1737463200003",
      "type": "custom-code",
      "html": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h2>Senarai Buku</h2>\n        <p>Dapatkan senarai buku terkini di sini</p>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-4\">\n            <div class=\"book-card\">\n                <a href=\"#\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNDAwIDYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiMSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6I2ZmNjM4NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2ZmNjFhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2IxKSIvPjx0ZXh0IHg9IjIwMCIgeT0iMjgwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QWluYSBkYW48L3RleHQ+PHRleHQgeD0iMjAwIiB5PSIzMjAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIzMCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5UYW1hbiBIYXJhcGFuPC90ZXh0PjxyZWN0IHg9IjE1MCIgeT0iMzUwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjMpIiByeD0iMTAiLz48L3N2Zz4=\" alt=\"Book 1\">\n                    <h6>Aina dan Taman Harapan</h6>\n                </a>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"book-card\">\n                <a href=\"#\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNDAwIDYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiMiIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzRmYTJkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6IzI5ODBlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2IyKSIvPjx0ZXh0IHg9IjIwMCIgeT0iMjYwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+UGVuZ2VtYmFyYWFuPC90ZXh0Pjx0ZXh0IHg9IjIwMCIgeT0iMjk1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QW1pciBkYW48L3RleHQ+PHRleHQgeD0iMjAwIiB5PSIzMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5LdW5jaSBDYWhheWE8L3RleHQ+PHBvbHlnb24gcG9pbnRzPSIyMDAsMzgwIDI0MCw0MjAgMTYwLDQyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjMpIi8+PC9zdmc+\" alt=\"Book 2\">\n                    <h6>Pengembaraan Amir dan Kunci Cahaya</h6>\n                </a>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"book-card\">\n                <a href=\"#\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNDAwIDYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiMyIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzU2YWI0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6IzdjYmM2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2IzKSIvPjx0ZXh0IHg9IjIwMCIgeT0iMjgwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2kgS3VyYS1LdXJhIGRhbjwvdGV4dD48dGV4dCB4PSIyMDAiIHk9IjMyMCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjMwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkphbSBBamFpYjwvdGV4dD48ZWxsaXBzZSBjeD0iMjAwIiBjeT0iNDAwIiByeD0iODAiIHJ5PSI1MCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjMpIi8+PC9zdmc+\" alt=\"Book 3\">\n                    <h6>Si Kura-Kura dan Jam Ajaib</h6>\n                </a>\n            </div>\n        </div>\n    </div>\n</section>",
      "customHTML": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h2>Senarai Buku</h2>\n        <p>Dapatkan senarai buku terkini di sini</p>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-4\">\n            <div class=\"book-card\">\n                <a href=\"#\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNDAwIDYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiMSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6I2ZmNjM4NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2ZmNjFhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2IxKSIvPjx0ZXh0IHg9IjIwMCIgeT0iMjgwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QWluYSBkYW48L3RleHQ+PHRleHQgeD0iMjAwIiB5PSIzMjAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIzMCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5UYW1hbiBIYXJhcGFuPC90ZXh0PjxyZWN0IHg9IjE1MCIgeT0iMzUwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjMpIiByeD0iMTAiLz48L3N2Zz4=\" alt=\"Book 1\">\n                    <h6>Aina dan Taman Harapan</h6>\n                </a>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"book-card\">\n                <a href=\"#\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNDAwIDYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiMiIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzRmYTJkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6IzI5ODBlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2IyKSIvPjx0ZXh0IHg9IjIwMCIgeT0iMjYwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+UGVuZ2VtYmFyYWFuPC90ZXh0Pjx0ZXh0IHg9IjIwMCIgeT0iMjk1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+QW1pciBkYW48L3RleHQ+PHRleHQgeD0iMjAwIiB5PSIzMzAiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5LdW5jaSBDYWhheWE8L3RleHQ+PHBvbHlnb24gcG9pbnRzPSIyMDAsMzgwIDI0MCw0MjAgMTYwLDQyMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjMpIi8+PC9zdmc+\" alt=\"Book 2\">\n                    <h6>Pengembaraan Amir dan Kunci Cahaya</h6>\n                </a>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"book-card\">\n                <a href=\"#\">\n                    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNDAwIDYwMCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJiMyIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzU2YWI0YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6IzdjYmM2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSI0MDAiIGhlaWdodD0iNjAwIiBmaWxsPSJ1cmwoI2IzKSIvPjx0ZXh0IHg9IjIwMCIgeT0iMjgwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMzAiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2kgS3VyYS1LdXJhIGRhbjwvdGV4dD48dGV4dCB4PSIyMDAiIHk9IjMyMCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjMwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPkphbSBBamFpYjwvdGV4dD48ZWxsaXBzZSBjeD0iMjAwIiBjeT0iNDAwIiByeD0iODAiIHJ5PSI1MCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjMpIi8+PC9zdmc+\" alt=\"Book 3\">\n                    <h6>Si Kura-Kura dan Jam Ajaib</h6>\n                </a>\n            </div>\n        </div>\n    </div>\n</section>",
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "Books Section",
      "position": 3
    },
    {
      "id": "news-section-1737463200004",
      "type": "custom-code",
      "html": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h2>Senarai Berita</h2>\n        <p>Dapatkan senarai berita terkini di sini</p>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>Dikir barat 'Hati Berkene' jadi tarikan utama Sambutan Hari Kanak-Kanak SK Banggu</h6></a>\n            </div>\n        </div>\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>Asrama SK Pinapak tempatkan 60 murid terbakar</h6></a>\n            </div>\n        </div>\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>102 murid Tahun Enam SK Banggu cipta kenangan manis naik kereta api ke Tumpat</h6></a>\n            </div>\n        </div>\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>Dari bilik darjah desa ke pentas dunia, tiga murid Orang Asli raih emas robotik antarabangsa</h6></a>\n            </div>\n        </div>\n    </div>\n</section>",
      "customHTML": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h2>Senarai Berita</h2>\n        <p>Dapatkan senarai berita terkini di sini</p>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>Dikir barat 'Hati Berkene' jadi tarikan utama Sambutan Hari Kanak-Kanak SK Banggu</h6></a>\n            </div>\n        </div>\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>Asrama SK Pinapak tempatkan 60 murid terbakar</h6></a>\n            </div>\n        </div>\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>102 murid Tahun Enam SK Banggu cipta kenangan manis naik kereta api ke Tumpat</h6></a>\n            </div>\n        </div>\n        <div class=\"col-md-6\">\n            <div class=\"news-card\">\n                <a href=\"#\"><h6>Dari bilik darjah desa ke pentas dunia, tiga murid Orang Asli raih emas robotik antarabangsa</h6></a>\n            </div>\n        </div>\n    </div>\n</section>",
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "News Section",
      "position": 4
    },
    {
      "id": "footer-1737463200005",
      "type": "custom-code",
      "html": "<footer>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <h6>HUBUNGI KAMI</h6>\n                <p>\n                    Kementerian Pendidikan,<br>\n                    Blok E8, Kompleks E,<br>\n                    Pusat Pentadbiran Kerajaan Persekutuan,<br>\n                    62604 W.P. Putrajaya, Malaysia.\n                </p>\n                <p>\n                    <strong>Email:</strong> 80008000@mygcc.gov.my<br>\n                    <strong>Tel:</strong> 03-8000 8000\n                </p>\n            </div>\n            <div class=\"col-md-6\">\n                <h6>STATISTIK PELAWAT</h6>\n                <ul>\n                    <li>Hari Ini : 3</li>\n                    <li>Minggu Ini : 81</li>\n                    <li>Bulan Ini : 311</li>\n                    <li>Tahun Ini : 311</li>\n                    <li>Jumlah : 311</li>\n                </ul>\n            </div>\n        </div>\n    </div>\n    <div class=\"footer-bottom\">\n        <div class=\"container\">\n            <p>Paparan terbaik menggunakan pelayar Mozilla Firefox dan Google Chrome dengan resolusi skrin 1366x768.</p>\n            <p>Hakcipta Terpelihara © 2026 Kementerian Pendidikan (KPM)</p>\n        </div>\n    </div>\n</footer>",
      "customHTML": "<footer>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-6\">\n                <h6>HUBUNGI KAMI</h6>\n                <p>\n                    Kementerian Pendidikan,<br>\n                    Blok E8, Kompleks E,<br>\n                    Pusat Pentadbiran Kerajaan Persekutuan,<br>\n                    62604 W.P. Putrajaya, Malaysia.\n                </p>\n                <p>\n                    <strong>Email:</strong> 80008000@mygcc.gov.my<br>\n                    <strong>Tel:</strong> 03-8000 8000\n                </p>\n            </div>\n            <div class=\"col-md-6\">\n                <h6>STATISTIK PELAWAT</h6>\n                <ul>\n                    <li>Hari Ini : 3</li>\n                    <li>Minggu Ini : 81</li>\n                    <li>Bulan Ini : 311</li>\n                    <li>Tahun Ini : 311</li>\n                    <li>Jumlah : 311</li>\n                </ul>\n            </div>\n        </div>\n    </div>\n    <div class=\"footer-bottom\">\n        <div class=\"container\">\n            <p>Paparan terbaik menggunakan pelayar Mozilla Firefox dan Google Chrome dengan resolusi skrin 1366x768.</p>\n            <p>Hakcipta Terpelihara © 2026 Kementerian Pendidikan (KPM)</p>\n        </div>\n    </div>\n</footer>",
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "Footer",
      "position": 5
    },
    {
      "id": "chatbot-1737463200006",
      "type": "custom-code",
      "html": "<button class=\"chatbot-btn\" onclick=\"alert('Chatbot feature coming soon!')\">\n    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOCIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjE4IiByPSIyIiBmaWxsPSIjNjY3ZWVhIi8+PGNpcmNsZSBjeD0iMjYiIGN5PSIxOCIgcj0iMiIgZmlsbD0iIzY2N2VlYSIvPjxwYXRoIGQ9Ik0xMiAyNnExIDMgOCAzIDcgMCA4LTMiIHN0cm9rZT0iIzY2N2VlYSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PC9zdmc+\" alt=\"Chatbot\">\n</button>",
      "customHTML": "<button class=\"chatbot-btn\" onclick=\"alert('Chatbot feature coming soon!')\">\n    <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIxOCIgZmlsbD0id2hpdGUiLz48Y2lyY2xlIGN4PSIxNCIgY3k9IjE4IiByPSIyIiBmaWxsPSIjNjY3ZWVhIi8+PGNpcmNsZSBjeD0iMjYiIGN5PSIxOCIgcj0iMiIgZmlsbD0iIzY2N2VlYSIvPjxwYXRoIGQ9Ik0xMiAyNnExIDMgOCAzIDcgMCA4LTMiIHN0cm9rZT0iIzY2N2VlYSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIi8+PC9zdmc+\" alt=\"Chatbot\">\n</button>",
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "Chatbot Button",
      "position": 6
    },
    {
      "id": "w3c-widget-1737463200007",
      "type": "custom-code",
      "html": "<div class=\"w3c-widget\">\n    <div style=\"font-size: 11px; font-weight: bold; margin-bottom: 5px;\">W3C</div>\n    <button onclick=\"document.body.style.fontSize='14px'\">A-</button>\n    <button onclick=\"document.body.style.fontSize='16px'\">A</button>\n    <button onclick=\"document.body.style.fontSize='18px'\">A+</button>\n</div>",
      "customHTML": "<div class=\"w3c-widget\">\n    <div style=\"font-size: 11px; font-weight: bold; margin-bottom: 5px;\">W3C</div>\n    <button onclick=\"document.body.style.fontSize='14px'\">A-</button>\n    <button onclick=\"document.body.style.fontSize='16px'\">A</button>\n    <button onclick=\"document.body.style.fontSize='18px'\">A+</button>\n</div>",
      "styles": {},
      "textContent": "",
      "isTextComponent": false,
      "name": "W3C Accessibility Widget",
      "position": 7
    }
  ]
}