[
  {
    "id": "t2-hero",
    "name": "Community Hero",
    "desc": "Full-width community welcome hero with badge, heading and CTA button.",
    "icon": "🏘️",
    "category": "Hero",
    "html": "<div style=\"background:linear-gradient(135deg,var(--c1,#059669) 0%,var(--c2,#047857) 100%);min-height:75vh;display:flex;align-items:center;color:#fff;\"><div class=\"container py-5\"><span style=\"display:inline-block;background:rgba(255,255,255,.15);padding:4px 14px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;\">Selamat Datang</span><h1 style=\"font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:1rem;\">{{PORTAL_NAME}}</h1><p style=\"font-size:1.1rem;opacity:.85;max-width:580px;margin-bottom:2rem;\">{{PORTAL_TAGLINE}}</p><a href=\"#\" style=\"display:inline-block;background:#fff;color:var(--c1,#059669);padding:12px 32px;border-radius:50px;font-weight:700;text-decoration:none;\">Ketahui Lebih Lanjut</a></div></div>"
  },
  {
    "id": "t2-about",
    "name": "About Organisation",
    "desc": "Left-bordered section heading with descriptive paragraphs and optional image.",
    "icon": "ℹ️",
    "category": "About",
    "html": "<div style=\"padding:80px 0;\"><div class=\"container\"><div class=\"row g-5 align-items-center\"><div class=\"col-lg-7\"><p style=\"font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c1,#059669);margin-bottom:.4rem;\">Tentang Kami</p><h2 style=\"font-size:2rem;font-weight:800;border-left:4px solid var(--c1,#059669);padding-left:14px;margin-bottom:1.2rem;\">Mengenai Organisasi Kami</h2><p>Kami adalah sebuah organisasi komuniti yang berdedikasi untuk kebajikan dan pembangunan ahli-ahli kami. Program kami merangkumi pendidikan, kebajikan, penglibatan komuniti dan banyak lagi.</p><p style=\"margin-top:.8rem;\">Ditubuhkan demi manfaat semua, kami terus berkembang dan berkhidmat dengan penuh telus dan komitmen terhadap komuniti.</p></div><div class=\"col-lg-5\"><img src=\"https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=800&auto=format&fit=crop&q=80\" class=\"img-fluid\" style=\"border-radius:12px;height:280px;width:100%;object-fit:cover;\" alt=\"\"></div></div></div></div>"
  },
  {
    "id": "t2-programs",
    "name": "Programmes — 4 Cards",
    "desc": "Four programme or service cards in a responsive grid.",
    "icon": "📋",
    "category": "Services",
    "html": "<div style=\"padding:80px 0;background:#f4f7f4;\"><div class=\"container\"><p style=\"font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c1,#059669);margin-bottom:.4rem;\">Aktiviti Kami</p><h2 style=\"font-size:2rem;font-weight:800;border-left:4px solid var(--c1,#059669);padding-left:14px;margin-bottom:2rem;\">Program Kami</h2><div class=\"row g-4\"><div class=\"col-md-3 col-sm-6\"><div style=\"background:#fff;border-radius:12px;padding:24px 18px;height:100%;border-top:3px solid var(--c1,#059669);\"><h5 style=\"font-weight:700;margin-bottom:8px;\">Program Pertama</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas tentang program ini dan faedahnya kepada ahli komuniti.</p></div></div><div class=\"col-md-3 col-sm-6\"><div style=\"background:#fff;border-radius:12px;padding:24px 18px;height:100%;border-top:3px solid var(--c1,#059669);\"><h5 style=\"font-weight:700;margin-bottom:8px;\">Program Kedua</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas tentang program ini dan faedahnya kepada ahli komuniti.</p></div></div><div class=\"col-md-3 col-sm-6\"><div style=\"background:#fff;border-radius:12px;padding:24px 18px;height:100%;border-top:3px solid var(--c1,#059669);\"><h5 style=\"font-weight:700;margin-bottom:8px;\">Program Ketiga</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas tentang program ini dan faedahnya kepada ahli komuniti.</p></div></div><div class=\"col-md-3 col-sm-6\"><div style=\"background:#fff;border-radius:12px;padding:24px 18px;height:100%;border-top:3px solid var(--c1,#059669);\"><h5 style=\"font-weight:700;margin-bottom:8px;\">Program Keempat</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas tentang program ini dan faedahnya kepada ahli komuniti.</p></div></div></div></div></div>"
  },
  {
    "id": "t2-announcements",
    "name": "Notice Board",
    "desc": "Three dated announcement cards for news and notices.",
    "icon": "📢",
    "category": "News",
    "html": "<div style=\"padding:80px 0;\"><div class=\"container\"><p style=\"font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c1,#059669);margin-bottom:.4rem;\">Maklumat Terkini</p><h2 style=\"font-size:2rem;font-weight:800;border-left:4px solid var(--c1,#059669);padding-left:14px;margin-bottom:2rem;\">Pengumuman</h2><div class=\"row g-3\"><div class=\"col-md-4\"><div style=\"background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,.06);\"><div style=\"font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--c1,#059669);margin-bottom:8px;\">1 Januari 2026</div><h5 style=\"font-weight:700;margin-bottom:8px;\">Tajuk Pengumuman</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas pengumuman ini. Klik untuk membaca maklumat lanjut mengenai notis ini.</p></div></div><div class=\"col-md-4\"><div style=\"background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,.06);\"><div style=\"font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--c1,#059669);margin-bottom:8px;\">15 Januari 2026</div><h5 style=\"font-weight:700;margin-bottom:8px;\">Tajuk Pengumuman</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas pengumuman ini. Klik untuk membaca maklumat lanjut mengenai notis ini.</p></div></div><div class=\"col-md-4\"><div style=\"background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,.06);\"><div style=\"font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--c1,#059669);margin-bottom:8px;\">20 Januari 2026</div><h5 style=\"font-weight:700;margin-bottom:8px;\">Tajuk Pengumuman</h5><p style=\"font-size:.875rem;color:#555;\">Huraian ringkas pengumuman ini. Klik untuk membaca maklumat lanjut mengenai notis ini.</p></div></div></div></div></div>"
  },
  {
    "id": "t2-contact",
    "name": "Contact Block",
    "desc": "Contact info with email, phone, address and a simple enquiry form.",
    "icon": "📞",
    "category": "Contact",
    "html": "<div style=\"padding:80px 0;background:#f4f7f4;\"><div class=\"container\"><div class=\"row g-5\"><div class=\"col-lg-5\"><p style=\"font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c1,#059669);margin-bottom:.4rem;\">Hubungi Kami</p><h2 style=\"font-size:2rem;font-weight:800;border-left:4px solid var(--c1,#059669);padding-left:14px;margin-bottom:1.2rem;\">Maklumat Hubungan</h2><p><strong>📍</strong> {{CONTACT_ADDRESS}}</p><p style=\"margin-top:.6rem;\"><strong>📞</strong> {{CONTACT_PHONE}}</p><p style=\"margin-top:.6rem;\"><strong>✉️</strong> {{CONTACT_EMAIL}}</p></div><div class=\"col-lg-7\"><div style=\"background:#fff;border-radius:14px;padding:28px;\"><input type=\"text\" class=\"form-control mb-3\" placeholder=\"Nama Anda\"><input type=\"email\" class=\"form-control mb-3\" placeholder=\"Emel\"><textarea class=\"form-control mb-3\" rows=\"4\" placeholder=\"Mesej anda...\"></textarea><button style=\"width:100%;padding:12px;background:var(--c1,#059669);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;\">Hantar</button></div></div></div></div></div>"
  }
]