{"id":2,"date":"2025-10-19T03:32:54","date_gmt":"2025-10-19T03:32:54","guid":{"rendered":"https:\/\/luqmanalhakim.com\/?page_id=2"},"modified":"2025-10-23T01:03:16","modified_gmt":"2025-10-23T01:03:16","slug":"homepage","status":"publish","type":"page","link":"https:\/\/luqmanalhakim.com\/","title":{"rendered":"Homepage"},"content":{"rendered":"\n<!-- \ud83d\udd39 Microsite SMP\u2013SMA Luqman Al Hakim Surabaya -->\n<div id=\"luqman-microsite\">\n  <div class=\"lm-container\">\n    <div class=\"lm-top\">\n      <div class=\"lm-logo\">\n        <img decoding=\"async\" src=\"https:\/\/luqmanalhakim.com\/wp-content\/uploads\/2025\/10\/Logo-PIBT-Full-Color-With-Stroke-1.png\" alt=\"Logo Luqman Al Hakim\" \/>\n      <\/div>\n      <div class=\"lm-title\">\n        <div class=\"lm-name\">SMP &#038; SMA Luqman Al Hakim<\/div>\n        <div class=\"lm-sub\">Pondok Pesantren Hidayatullah Surabaya<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"lm-links\">\n      <a class=\"lm-link\" href=\"https:\/\/smpluqmanalhakim.sch.id\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"lm-icon\">\ud83d\udcd8<\/span>\n        <span class=\"lm-text\">Website Resmi SMP Luqman Al Hakim<\/span>\n      <\/a>\n\n      <a class=\"lm-link\" href=\"https:\/\/smaluqmanalhakim.sch.id\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"lm-icon\">\ud83d\udcd7<\/span>\n        <span class=\"lm-text\">Website Resmi SMA Luqman Al Hakim<\/span>\n      <\/a>\n\n      <a class=\"lm-link\" id=\"wa-smp\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"lm-icon\">\ud83d\udd4c<\/span>\n        <span class=\"lm-text\">Info Penerimaan Santri Baru SMP<\/span>\n      <\/a>\n\n      <a class=\"lm-link\" id=\"wa-sma\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"lm-icon\">\ud83c\udf93<\/span>\n        <span class=\"lm-text\">Info Penerimaan Santri Baru SMA<\/span>\n      <\/a>\n\n      <!-- \ud83d\udd38 Lokasi -->\n      <div class=\"lm-highlight\">\n        <span class=\"lm-icon\">\ud83d\udccd<\/span>\n        <span class=\"lm-highlight-text\">Pesantren Hidayatullah Surabaya <br \/>Alamat : Jl. Kejawan Putih Tambak VI\/1, Mulyorejo, Surabaya, 60112<\/span>\n      <\/div>\n\n      <!-- \ud83d\udd38 Panah Mencolok -->\n      <div class=\"lm-arrow\">\n        \u2b07\ufe0f\u2b07\ufe0f\n      <\/div>\n\n      <!-- \ud83d\udd38 Link Pendaftaran -->\n      <a class=\"lm-register\" href=\"http:\/\/psblukmanhakim.smartpayment.co.id\/enroll\" target=\"_blank\" rel=\"noopener\">\n        <span class=\"lm-icon\">\ud83d\udcdd<\/span>\n        <span class=\"lm-register-text\">Daftar Online Sekarang<\/span>\n      <\/a>\n    <\/div>\n\n    <div class=\"lm-footer\">\n      <a href=\"#\" id=\"lm-wa\" target=\"_blank\" class=\"lm-wa\">\ud83d\udcac Hubungi Admin<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* ============= Luqman Microsite Style ============= *\/\n  #luqman-microsite {\n    font-family: 'Inter', sans-serif;\n    display: flex;\n    justify-content: center;\n    padding: 32px 0;\n  }\n\n  .lm-container {\n    background: linear-gradient(180deg, #033820, #012b18);\n    padding: 28px;\n    border-radius: 20px;\n    max-width: 440px;\n    width: 100%;\n    color: #eaf7f0;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);\n  }\n\n  .lm-top {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .lm-logo img {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    object-fit: contain;\n    background: #ffffff11;\n    padding: 8px;\n  }\n\n  .lm-name {\n    font-weight: 700;\n    font-size: 1.2rem;\n    color: #ffffff;\n  }\n\n  .lm-sub {\n    color: #a7d7b0;\n    font-size: 0.9rem;\n    margin-top: 4px;\n  }\n\n  .lm-links {\n    margin-top: 26px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .lm-link {\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: rgba(255, 255, 255, 0.05);\n    padding: 14px 18px;\n    border-radius: 14px;\n    transition: all 0.25s ease;\n    color: #eaf7f0;\n    font-weight: 500;\n    border: 1px solid rgba(255,255,255,0.04);\n  }\n\n  .lm-link:hover {\n    background: rgba(16, 185, 129, 0.2);\n    transform: translateY(-3px);\n  }\n\n  .lm-icon {\n    font-size: 1.3rem;\n    flex-shrink: 0;\n  }\n\n  .lm-text {\n    font-size: 1rem;\n  }\n\n  \/* \ud83d\udd38 Lokasi highlight *\/\n  .lm-highlight {\n    background: linear-gradient(90deg, #065f46, #047857);\n    border: 1px solid rgba(255,255,255,0.08);\n    color: #ffffff;\n    font-weight: 600;\n    text-align: center;\n    border-radius: 14px;\n    padding: 14px 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    box-shadow: 0 0 10px rgba(16,185,129,0.3);\n  }\n\n  \/* \ud83d\udd38 Panah mencolok *\/\n  .lm-arrow {\n    font-size: 2.4rem;\n    text-align: center;\n    color: #ffcc00;\n    text-shadow: 0 0 12px #ff8800, 0 0 24px #ff6600;\n    animation: arrowPulse 1.2s infinite ease-in-out;\n    margin-top: 10px;\n  }\n\n  @keyframes arrowPulse {\n    0%, 100% {\n      transform: translateY(0) scale(1);\n      opacity: 1;\n    }\n    50% {\n      transform: translateY(6px) scale(1.1);\n      opacity: 0.8;\n    }\n  }\n\n  \/* \ud83d\udd38 Tombol daftar mencolok *\/\n  .lm-register {\n    background: linear-gradient(90deg, #facc15, #fb923c);\n    color: #3b2000;\n    text-decoration: none;\n    font-weight: 800;\n    border-radius: 14px;\n    text-align: center;\n    padding: 14px 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: all 0.25s ease;\n    box-shadow: 0 0 18px rgba(255, 200, 50, 0.6);\n  }\n\n  .lm-register:hover {\n    transform: scale(1.08);\n    background: linear-gradient(90deg, #fb923c, #f59e0b);\n    box-shadow: 0 0 24px rgba(255, 180, 0, 0.8);\n  }\n\n  .lm-footer {\n    margin-top: 28px;\n    text-align: center;\n  }\n\n  .lm-wa {\n    display: inline-block;\n    background: linear-gradient(90deg, #059669, #10b981);\n    color: #042e23;\n    padding: 12px 18px;\n    border-radius: 14px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: all 0.25s ease;\n  }\n\n  .lm-wa:hover {\n    opacity: 0.9;\n    transform: scale(1.03);\n  }\n\n  @media (max-width: 480px) {\n    .lm-container {\n      padding: 20px;\n    }\n    .lm-logo img {\n      width: 64px;\n      height: 64px;\n    }\n    .lm-arrow {\n      font-size: 2rem;\n    }\n  }\n<\/style>\n\n<script>\n  \/* WhatsApp Button Logic *\/\n  (function(){\n    const adminNumber = \"6281216890224\"; \/\/ nomor admin umum\n    const waSMP = \"6281216890224\"; \/\/ nomor info PSB SMP\n    const waSMA = \"6285370005231\"; \/\/ nomor info PSB SMA\n\n    const msgSMP = encodeURIComponent(\"Assalamu\u2019alaikum, saya ingin menanyakan Info Penerimaan Santri Baru SMP Luqman Al Hakim.\");\n    const msgSMA = encodeURIComponent(\"Assalamu\u2019alaikum, saya ingin menanyakan Info Penerimaan Santri Baru SMA Luqman Al Hakim.\");\n    const msgAdmin = encodeURIComponent(\"Assalamu\u2019alaikum, saya ingin menanyakan informasi seputar SMP & SMA Luqman Al Hakim Surabaya.\");\n\n    document.getElementById(\"wa-smp\").href = `https:\/\/wa.me\/${waSMP}?text=${msgSMP}`;\n    document.getElementById(\"wa-sma\").href = `https:\/\/wa.me\/${waSMA}?text=${msgSMA}`;\n    document.getElementById(\"lm-wa\").href = `https:\/\/wa.me\/${adminNumber}?text=${msgAdmin}`;\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>SMP &#038; SMA Luqman Al Hakim Pondok Pesantren Hidayatullah Surabaya \ud83d\udcd8 Website Resmi SMP Luqman Al Hakim \ud83d\udcd7 Website Resmi SMA Luqman Al Hakim \ud83d\udd4c Info Penerimaan Santri Baru SMP \ud83c\udf93 Info Penerimaan Santri Baru SMA \ud83d\udccd Pesantren Hidayatullah Surabaya Alamat : Jl. Kejawan Putih Tambak VI\/1, Mulyorejo, Surabaya, 60112 \u2b07\ufe0f\u2b07\ufe0f \ud83d\udcdd Daftar Online Sekarang [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fullwidth-buat-sendiri","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/luqmanalhakim.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}