{"id":14,"date":"2026-08-15T00:53:52","date_gmt":"2026-08-15T00:53:52","guid":{"rendered":"https:\/\/erahn.my\/?page_id=14"},"modified":"2026-08-15T00:57:56","modified_gmt":"2026-08-15T00:57:56","slug":"salam","status":"publish","type":"page","link":"https:\/\/erahn.my\/","title":{"rendered":"Salam"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   eRahN.my \u2014 Landing Page\n   Sistem Ar-Rahnu KoBekal\n   ========================================================= *\/\n\n.erahn-page {\n  --green: #0b4f3c;\n  --green-dark: #073b2d;\n  --green-soft: #edf6f2;\n  --gold: #c9a227;\n  --gold-light: #e8d48a;\n  --cream: #fbfaf5;\n  --white: #ffffff;\n  --text: #24312d;\n  --muted: #68746f;\n  --border: #e7e9e6;\n\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  color: var(--text);\n  background: var(--white);\n  line-height: 1.6;\n  overflow: hidden;\n}\n\n.erahn-page * {\n  box-sizing: border-box;\n}\n\n.erahn-container {\n  width: min(1120px, calc(100% - 40px));\n  margin: 0 auto;\n}\n\n\/* =========================\n   HERO\n   ========================= *\/\n\n.erahn-hero {\n  position: relative;\n  padding: 70px 20px 80px;\n  text-align: center;\n  background:\n    radial-gradient(circle at 50% 0%, rgba(201,162,39,.12), transparent 35%),\n    linear-gradient(180deg, #fbfaf5 0%, #ffffff 100%);\n}\n\n.erahn-hero::after {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  bottom: -1px;\n  width: 100%;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    var(--gold-light),\n    transparent\n  );\n  transform: translateX(-50%);\n}\n\n.erahn-logo-mark {\n  width: 150px;\n  height: 150px;\n  margin: 0 auto 25px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.erahn-logo-mark img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  display: block;\n}\n\n.erahn-tagline {\n  margin: 0;\n  color: var(--green);\n  font-size: clamp(24px, 4vw, 40px);\n  line-height: 1.2;\n  font-weight: 700;\n  letter-spacing: -0.5px;\n}\n\n.erahn-subtitle {\n  margin: 12px 0 0;\n  color: var(--muted);\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.erahn-hero-buttons {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-top: 30px;\n}\n\n.erahn-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 46px;\n  padding: 0 24px;\n  border-radius: 8px;\n  text-decoration: none !important;\n  font-size: 14px;\n  font-weight: 700;\n  transition: all .2s ease;\n}\n\n.erahn-btn-primary {\n  background: var(--green);\n  color: var(--white) !important;\n}\n\n.erahn-btn-primary:hover {\n  background: var(--green-dark);\n  transform: translateY(-1px);\n}\n\n.erahn-btn-secondary {\n  background: var(--white);\n  color: var(--green) !important;\n  border: 1px solid var(--border);\n}\n\n.erahn-btn-secondary:hover {\n  border-color: var(--gold);\n  transform: translateY(-1px);\n}\n\n\/* =========================\n   INTRO\n   ========================= *\/\n\n.erahn-intro {\n  padding: 75px 20px 35px;\n  text-align: center;\n}\n\n.erahn-section-label {\n  display: inline-block;\n  margin-bottom: 10px;\n  color: var(--gold);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n.erahn-heading {\n  margin: 0;\n  color: var(--green);\n  font-size: clamp(26px, 4vw, 36px);\n  line-height: 1.25;\n  letter-spacing: -0.4px;\n}\n\n.erahn-intro-text {\n  max-width: 720px;\n  margin: 16px auto 0;\n  color: var(--muted);\n  font-size: 16px;\n}\n\n\/* =========================\n   VALUES\n   ========================= *\/\n\n.erahn-values {\n  padding: 35px 20px 80px;\n}\n\n.erahn-value-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}\n\n.erahn-card {\n  background: var(--white);\n  border: 1px solid var(--border);\n  border-radius: 14px;\n  padding: 30px 25px;\n  text-align: center;\n  transition: all .25s ease;\n}\n\n.erahn-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(201,162,39,.5);\n  box-shadow: 0 14px 35px rgba(7,59,45,.08);\n}\n\n.erahn-icon {\n  width: 58px;\n  height: 58px;\n  margin: 0 auto 18px;\n  border-radius: 50%;\n  background: var(--green-soft);\n  color: var(--green);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.erahn-icon svg {\n  width: 28px;\n  height: 28px;\n  stroke: currentColor;\n  fill: none;\n  stroke-width: 1.7;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.erahn-card h3 {\n  margin: 0 0 8px;\n  color: var(--green);\n  font-size: 18px;\n}\n\n.erahn-card p {\n  margin: 0;\n  color: var(--muted);\n  font-size: 14px;\n}\n\n\/* =========================\n   PROCESS\n   ========================= *\/\n\n.erahn-process-section {\n  padding: 80px 20px;\n  background: var(--green);\n  color: var(--white);\n}\n\n.erahn-process-section .erahn-section-label {\n  color: var(--gold-light);\n}\n\n.erahn-process-section .erahn-heading {\n  color: var(--white);\n  text-align: center;\n}\n\n.erahn-process-intro {\n  max-width: 650px;\n  margin: 15px auto 45px;\n  text-align: center;\n  color: rgba(255,255,255,.72);\n  font-size: 15px;\n}\n\n.erahn-process-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 18px;\n}\n\n.erahn-step {\n  position: relative;\n  padding: 25px 18px;\n  text-align: center;\n  border: 1px solid rgba(255,255,255,.12);\n  border-radius: 12px;\n  background: rgba(255,255,255,.045);\n}\n\n.erahn-step-number {\n  width: 38px;\n  height: 38px;\n  margin: 0 auto 15px;\n  border-radius: 50%;\n  background: var(--gold);\n  color: var(--green-dark);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 800;\n  font-size: 14px;\n}\n\n.erahn-step h3 {\n  margin: 0 0 7px;\n  font-size: 16px;\n  color: var(--white);\n}\n\n.erahn-step p {\n  margin: 0;\n  color: rgba(255,255,255,.68);\n  font-size: 13px;\n}\n\n\/* =========================\n   PRINCIPLES\n   ========================= *\/\n\n.erahn-principles {\n  padding: 80px 20px;\n  background: var(--cream);\n  text-align: center;\n}\n\n.erahn-principle-grid {\n  max-width: 850px;\n  margin: 40px auto 0;\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 12px;\n}\n\n.erahn-principle {\n  padding: 18px 10px;\n  border-radius: 10px;\n  background: var(--white);\n  border: 1px solid var(--border);\n}\n\n.erahn-principle strong {\n  display: block;\n  color: var(--green);\n  font-size: 12px;\n  letter-spacing: .5px;\n}\n\n\/* =========================\n   KOBEKAL\n   ========================= *\/\n\n.erahn-kobekal {\n  padding: 75px 20px;\n}\n\n.erahn-kobekal-box {\n  max-width: 900px;\n  margin: auto;\n  padding: 45px;\n  border-radius: 18px;\n  background: linear-gradient(\n    135deg,\n    var(--green) 0%,\n    var(--green-dark) 100%\n  );\n  text-align: center;\n  color: var(--white);\n}\n\n.erahn-kobekal-box h2 {\n  margin: 0 0 12px;\n  font-size: 28px;\n}\n\n.erahn-kobekal-box p {\n  max-width: 680px;\n  margin: auto;\n  color: rgba(255,255,255,.75);\n  font-size: 15px;\n}\n\n.erahn-kobekal-mark {\n  display: inline-block;\n  margin-bottom: 14px;\n  color: var(--gold-light);\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n}\n\n\/* =========================\n   FINAL CTA\n   ========================= *\/\n\n.erahn-cta {\n  padding: 70px 20px;\n  text-align: center;\n  border-top: 1px solid var(--border);\n}\n\n.erahn-cta h2 {\n  margin: 0;\n  color: var(--green);\n  font-size: clamp(25px, 4vw, 34px);\n}\n\n.erahn-cta p {\n  max-width: 650px;\n  margin: 12px auto 25px;\n  color: var(--muted);\n  font-size: 15px;\n}\n\n\/* =========================\n   FOOTER\n   ========================= *\/\n\n.erahn-footer {\n  padding: 35px 20px;\n  background: #f5f6f3;\n  text-align: center;\n  border-top: 1px solid var(--border);\n}\n\n.erahn-footer-logo {\n  width: 90px;\n  margin: 0 auto 12px;\n}\n\n.erahn-footer-logo img {\n  width: 100%;\n  display: block;\n}\n\n.erahn-footer-tagline {\n  margin: 0;\n  color: var(--green);\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.erahn-footer-system {\n  margin: 4px 0 0;\n  color: var(--muted);\n  font-size: 12px;\n}\n\n\/* =========================\n   MOBILE\n   ========================= *\/\n\n@media (max-width: 850px) {\n\n  .erahn-value-grid {\n    grid-template-columns: 1fr;\n    max-width: 500px;\n    margin: auto;\n  }\n\n  .erahn-process-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .erahn-principle-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .erahn-principle:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n}\n\n@media (max-width: 600px) {\n\n  .erahn-container {\n    width: min(100% - 30px, 1120px);\n  }\n\n  .erahn-hero {\n    padding: 50px 15px 60px;\n  }\n\n  .erahn-logo-mark {\n    width: 125px;\n    height: 125px;\n  }\n\n  .erahn-tagline {\n    font-size: 27px;\n  }\n\n  .erahn-subtitle {\n    font-size: 14px;\n  }\n\n  .erahn-intro,\n  .erahn-values,\n  .erahn-process-section,\n  .erahn-principles,\n  .erahn-kobekal,\n  .erahn-cta {\n    padding-left: 15px;\n    padding-right: 15px;\n  }\n\n  .erahn-process-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .erahn-principle-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .erahn-principle:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n  .erahn-kobekal-box {\n    padding: 35px 22px;\n  }\n\n  .erahn-hero-buttons {\n    flex-direction: column;\n    align-items: stretch;\n    max-width: 320px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .erahn-btn {\n    width: 100%;\n  }\n}\n<\/style>\n\n\n<div class=\"erahn-page\">\n\n  <!-- ================= HERO ================= -->\n\n  <section class=\"erahn-hero\">\n\n    <div class=\"erahn-logo-mark\">\n      <img decoding=\"async\" \n        src=\"https:\/\/erahn.my\/wp-content\/uploads\/2026\/08\/Logo-erahn-dot-MY.png\"\n        alt=\"eRahN.my - Menjaga Nilai, Memelihara Amanah\"\n      >\n    <\/div>\n\n    <h1 class=\"erahn-tagline\">\n      Menjaga Nilai, Memelihara Amanah\n    <\/h1>\n\n    <p class=\"erahn-subtitle\">\n      Sistem Ar-Rahnu KoBekal\n    <\/p>\n\n    <div class=\"erahn-hero-buttons\">\n      <a href=\"#mengenai-erahn\" class=\"erahn-btn erahn-btn-primary\">\n        Kenali eRahN\n      <\/a>\n\n      <a href=\"#cara-erahn\" class=\"erahn-btn erahn-btn-secondary\">\n        Cara Ar-Rahnu\n      <\/a>\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= INTRO ================= -->\n\n  <section class=\"erahn-intro\" id=\"mengenai-erahn\">\n\n    <div class=\"erahn-container\">\n\n      <span class=\"erahn-section-label\">\n        Mengenai eRahN\n      <\/span>\n\n      <h2 class=\"erahn-heading\">\n        Ar-Rahnu yang Mudah &amp; Telus\n      <\/h2>\n\n      <p class=\"erahn-intro-text\">\n        eRahN.my ialah platform digital Sistem Ar-Rahnu KoBekal\n        yang direka untuk memudahkan urusan pelanggan,\n        sambil mengutamakan amanah, ketelusan dan keselamatan\n        dalam setiap transaksi.\n      <\/p>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= VALUES ================= -->\n\n  <section class=\"erahn-values\">\n\n    <div class=\"erahn-container\">\n\n      <div class=\"erahn-value-grid\">\n\n        <!-- Amanah -->\n\n        <div class=\"erahn-card\">\n\n          <div class=\"erahn-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M12 3l7 3v5c0 4.5-3 7.5-7 10-4-2.5-7-5.5-7-10V6l7-3z\"\/>\n              <path d=\"M9 12l2 2 4-4\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <h3>Amanah<\/h3>\n\n          <p>\n            Barang gadaian dan urusan pelanggan\n            diurus dengan penuh tanggungjawab.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- Telus -->\n\n        <div class=\"erahn-card\">\n\n          <div class=\"erahn-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M3 12s3.5-6 9-6 9 6 9 6-3.5 6-9 6-9-6-9-6z\"\/>\n              <circle cx=\"12\" cy=\"12\" r=\"2.5\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <h3>Telus<\/h3>\n\n          <p>\n            Maklumat pembiayaan, nilai dan urusan\n            direkod dengan jelas serta mudah dijejaki.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- Selamat -->\n\n        <div class=\"erahn-card\">\n\n          <div class=\"erahn-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <rect x=\"5\" y=\"10\" width=\"14\" height=\"10\" rx=\"2\"\/>\n              <path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/>\n              <path d=\"M12 14v3\"\/>\n            <\/svg>\n\n          <\/div>\n\n          <h3>Selamat<\/h3>\n\n          <p>\n            Sistem dan proses direka dengan kawalan\n            bagi melindungi pelanggan serta barang gadaian.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= PROCESS ================= -->\n\n  <section class=\"erahn-process-section\" id=\"cara-erahn\">\n\n    <div class=\"erahn-container\">\n\n      <span class=\"erahn-section-label\">\n        Proses Ringkas\n      <\/span>\n\n      <h2 class=\"erahn-heading\">\n        Bagaimana Ar-Rahnu Berfungsi?\n      <\/h2>\n\n      <p class=\"erahn-process-intro\">\n        Urusan Ar-Rahnu direka supaya mudah difahami,\n        teratur dan jelas dari awal sehingga penebusan.\n      <\/p>\n\n\n      <div class=\"erahn-process-grid\">\n\n        <div class=\"erahn-step\">\n\n          <div class=\"erahn-step-number\">01<\/div>\n\n          <h3>Serah Emas<\/h3>\n\n          <p>\n            Emas diterima untuk proses pemeriksaan\n            dan penilaian.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"erahn-step\">\n\n          <div class=\"erahn-step-number\">02<\/div>\n\n          <h3>Nilai &amp; Lulus<\/h3>\n\n          <p>\n            Emas dinilai dan jumlah pembiayaan\n            ditentukan mengikut kelayakan.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"erahn-step\">\n\n          <div class=\"erahn-step-number\">03<\/div>\n\n          <h3>Terima Pembiayaan<\/h3>\n\n          <p>\n            Pembiayaan disalurkan mengikut\n            terma dan kelayakan yang ditetapkan.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"erahn-step\">\n\n          <div class=\"erahn-step-number\">04<\/div>\n\n          <h3>Tebus Semula<\/h3>\n\n          <p>\n            Barang gadaian ditebus selepas\n            penyelesaian pembiayaan dan caj berkaitan.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= PRINCIPLES ================= -->\n\n  <section class=\"erahn-principles\">\n\n    <div class=\"erahn-container\">\n\n      <span class=\"erahn-section-label\">\n        Nilai Kami\n      <\/span>\n\n      <h2 class=\"erahn-heading\">\n        Prinsip eRahN\n      <\/h2>\n\n      <div class=\"erahn-principle-grid\">\n\n        <div class=\"erahn-principle\">\n          <strong>AMANAH<\/strong>\n        <\/div>\n\n        <div class=\"erahn-principle\">\n          <strong>TELUS<\/strong>\n        <\/div>\n\n        <div class=\"erahn-principle\">\n          <strong>PATUH SYARIAH<\/strong>\n        <\/div>\n\n        <div class=\"erahn-principle\">\n          <strong>SELAMAT<\/strong>\n        <\/div>\n\n        <div class=\"erahn-principle\">\n          <strong>MUDAH<\/strong>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= KOBEKAL ================= -->\n\n  <section class=\"erahn-kobekal\">\n\n    <div class=\"erahn-container\">\n\n      <div class=\"erahn-kobekal-box\">\n\n        <span class=\"erahn-kobekal-mark\">\n          KoBekal\n        <\/span>\n\n        <h2>\n          Sistem Ar-Rahnu KoBekal\n        <\/h2>\n\n        <p>\n          eRahN.my merupakan platform digital yang menyokong\n          pengurusan operasi Ar-Rahnu KoBekal secara lebih\n          tersusun, telus dan berorientasikan perkhidmatan pelanggan.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= CTA ================= -->\n\n  <section class=\"erahn-cta\">\n\n    <div class=\"erahn-container\">\n\n      <h2>\n        Menjaga Nilai, Memelihara Amanah\n      <\/h2>\n\n      <p>\n        eRahN.my membawa pendekatan yang lebih mudah,\n        jelas dan teratur dalam urusan Ar-Rahnu.\n      <\/p>\n\n      <div class=\"erahn-hero-buttons\">\n\n        <a href=\"#mengenai-erahn\"\n           class=\"erahn-btn erahn-btn-primary\">\n          Kenali eRahN\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- ================= FOOTER ================= -->\n\n  <footer class=\"erahn-footer\">\n\n    <div class=\"erahn-footer-logo\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/erahn.my\/wp-content\/uploads\/2026\/08\/Logo-erahn-dot-MY.png\"\n        alt=\"eRahN.my\"\n      >\n\n    <\/div>\n\n    <p class=\"erahn-footer-tagline\">\n      Menjaga Nilai, Memelihara Amanah\n    <\/p>\n\n    <p class=\"erahn-footer-system\">\n      Sistem Ar-Rahnu KoBekal\n    <\/p>\n\n  <\/footer>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Menjaga Nilai, Memelihara Amanah Sistem Ar-Rahnu KoBekal Kenali eRahN Cara Ar-Rahnu Mengenai eRahN Ar-Rahnu yang Mudah &amp; Telus eRahN.my ialah platform digital Sistem Ar-Rahnu KoBekal yang direka untuk memudahkan urusan pelanggan, sambil mengutamakan amanah, ketelusan dan keselamatan dalam setiap transaksi. Amanah Barang gadaian dan urusan pelanggan diurus dengan penuh tanggungjawab. Telus Maklumat pembiayaan, nilai dan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/erahn.my\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erahn.my\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/erahn.my\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/erahn.my\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erahn.my\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":2,"href":"https:\/\/erahn.my\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/erahn.my\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/erahn.my\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}