{
  "version": "1.0",
  "timestamp": "2026-01-21T15:15:00.000Z",
  "pageSettings": {
    "title": "Sistem Pengurusan Kontrak (CMS) - SKM Landing Page",
    "description": "Portal masuk untuk Sistem Pengurusan Kontrak Suruhanjaya Koperasi Malaysia",
    "author": "Suruhanjaya Koperasi Malaysia",
    "keywords": "SKM, koperasi, kontrak, landing page, portal",
    "backgroundColor": "#f8f9fa",
    "customCSS": "body {\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    margin: 0;\n    padding: 0;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n}\n\n.landing-container {\n    max-width: 600px;\n    width: 90%;\n    background: white;\n    border-radius: 20px;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n    padding: 50px 40px;\n    text-align: center;\n}\n\n.logo-section {\n    margin-bottom: 30px;\n}\n\n.logo-section img {\n    max-width: 150px;\n    height: auto;\n    margin-bottom: 20px;\n}\n\n.logo-section h3 {\n    color: #1e3a8a;\n    font-size: 1.5rem;\n    font-weight: bold;\n    margin-bottom: 10px;\n}\n\n.logo-section h6 {\n    color: #6b7280;\n    font-size: 1rem;\n    font-weight: 500;\n    margin-bottom: 0;\n}\n\n.user-options {\n    margin: 40px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n}\n\n.user-btn {\n    display: block;\n    padding: 18px 30px;\n    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n    color: white;\n    text-decoration: none;\n    border-radius: 12px;\n    font-size: 1.1rem;\n    font-weight: 600;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);\n    border: none;\n    cursor: pointer;\n}\n\n.user-btn:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.4);\n    color: white;\n}\n\n.user-btn:active {\n    transform: translateY(-1px);\n}\n\n.user-btn.public {\n    background: linear-gradient(135deg, #10b981 0%, #059669 100%);\n    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\n}\n\n.user-btn.public:hover {\n    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);\n}\n\n.user-btn.officer {\n    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\n    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);\n}\n\n.user-btn.officer:hover {\n    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);\n}\n\n.footer-links {\n    margin-top: 40px;\n    padding-top: 30px;\n    border-top: 1px solid #e5e7eb;\n}\n\n.footer-links a {\n    color: #6b7280;\n    text-decoration: none;\n    font-size: 0.85rem;\n    margin: 0 8px;\n    transition: color 0.3s;\n}\n\n.footer-links a:hover {\n    color: #3b82f6;\n}\n\n.footer-links .separator {\n    color: #d1d5db;\n}\n\n.copyright {\n    margin-top: 20px;\n    color: #9ca3af;\n    font-size: 0.85rem;\n}\n\n@media (max-width: 768px) {\n    .landing-container {\n        padding: 40px 30px;\n        width: 95%;\n    }\n    \n    .logo-section h3 {\n        font-size: 1.3rem;\n    }\n    \n    .logo-section h6 {\n        font-size: 0.9rem;\n    }\n    \n    .user-btn {\n        padding: 15px 25px;\n        font-size: 1rem;\n    }\n    \n    .footer-links {\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n    \n    .footer-links .separator {\n        display: none;\n    }\n}",
    "customJS": "",
    "externalCSS": [],
    "externalJS": []
  },
  "components": [
    {
      "id": "landing-page-main",
      "type": "custom-code",
      "html": "<div class=\"landing-container\">\n    <!-- Logo Section -->\n    <div class=\"logo-section\">\n        <img src=\"https://skm.dynaweb4.work/assets/portal/images/logo_skm.png\" alt=\"SKM Logo\" onerror=\"this.src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTUwIDEwMCI+PHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxMDAiIGZpbGw9IiMxZTNhOGEiLz48dGV4dCB4PSI3NSIgeT0iNTUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5TS008L3RleHQ+PC9zdmc+'\">\n        <h3>Sistem Pengurusan Kontrak</h3>\n        <h6>Suruhanjaya Koperasi Malaysia (SKM)</h6>\n    </div>\n    \n    <!-- User Type Selection -->\n    <div class=\"user-options\">\n        <a href=\"/portal-main/home\" class=\"user-btn public\">\n            <i style=\"font-size: 1.3rem; margin-right: 10px;\">👥</i>\n            Pengguna Awam\n        </a>\n        <a href=\"/portal-main/login\" class=\"user-btn\">\n            <i style=\"font-size: 1.3rem; margin-right: 10px;\">🔐</i>\n            Pengguna Berdaftar\n        </a>\n        <a href=\"/admin\" class=\"user-btn officer\">\n            <i style=\"font-size: 1.3rem; margin-right: 10px;\">👔</i>\n            Pegawai SKM\n        </a>\n    </div>\n    \n    <!-- Footer Links -->\n    <div class=\"footer-links\">\n        <a href=\"/portal-main/article?id=penafian\">Penafian</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=dasar-privasi\">Dasar Privasi</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=dasar-keselamatan\">Dasar Keselamatan</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=perlindungan-data-peribadi\">Perlindungan Data Peribadi</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=soalan-lazim\">Soalan Lazim</a>\n    </div>\n    \n    <!-- Copyright -->\n    <div class=\"copyright\">\n        Hakcipta Terpelihara © 2025 Suruhanjaya Koperasi Malaysia\n    </div>\n</div>",
      "customHTML": "<div class=\"landing-container\">\n    <!-- Logo Section -->\n    <div class=\"logo-section\">\n        <img src=\"https://skm.dynaweb4.work/assets/portal/images/logo_skm.png\" alt=\"SKM Logo\" onerror=\"this.src='data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTUwIDEwMCI+PHJlY3Qgd2lkdGg9IjE1MCIgaGVpZ2h0PSIxMDAiIGZpbGw9IiMxZTNhOGEiLz48dGV4dCB4PSI3NSIgeT0iNTUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIyOCIgZm9udC13ZWlnaHQ9ImJvbGQiIGZpbGw9IndoaXRlIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5TS008L3RleHQ+PC9zdmc+'\">\n        <h3>Sistem Pengurusan Kontrak</h3>\n        <h6>Suruhanjaya Koperasi Malaysia (SKM)</h6>\n    </div>\n    \n    <!-- User Type Selection -->\n    <div class=\"user-options\">\n        <a href=\"/portal-main/home\" class=\"user-btn public\">\n            <i style=\"font-size: 1.3rem; margin-right: 10px;\">👥</i>\n            Pengguna Awam\n        </a>\n        <a href=\"/portal-main/login\" class=\"user-btn\">\n            <i style=\"font-size: 1.3rem; margin-right: 10px;\">🔐</i>\n            Pengguna Berdaftar\n        </a>\n        <a href=\"/admin\" class=\"user-btn officer\">\n            <i style=\"font-size: 1.3rem; margin-right: 10px;\">👔</i>\n            Pegawai SKM\n        </a>\n    </div>\n    \n    <!-- Footer Links -->\n    <div class=\"footer-links\">\n        <a href=\"/portal-main/article?id=penafian\">Penafian</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=dasar-privasi\">Dasar Privasi</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=dasar-keselamatan\">Dasar Keselamatan</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=perlindungan-data-peribadi\">Perlindungan Data Peribadi</a>\n        <span class=\"separator\">•</span>\n        <a href=\"/portal-main/article?id=soalan-lazim\">Soalan Lazim</a>\n    </div>\n    \n    <!-- Copyright -->\n    <div class=\"copyright\">\n        Hakcipta Terpelihara © 2025 Suruhanjaya Koperasi Malaysia\n    </div>\n</div>",
      "styles": {},
      "name": "Landing Page Container",
      "position": 0
    }
  ]
}