{"id":69,"date":"2026-09-08T03:22:55","date_gmt":"2026-09-08T03:22:55","guid":{"rendered":"https:\/\/tapakuji.com\/sabda2\/utama\/"},"modified":"2026-10-05T02:36:54","modified_gmt":"2026-10-05T02:36:54","slug":"utama","status":"publish","type":"page","link":"https:\/\/tapakuji.com\/sabda2\/","title":{"rendered":"Utama"},"content":{"rendered":"\n<style>\nhtml,\nbody{\n    overflow-x:hidden !important;\n}\n\n.sabda-home{\n    --green:#063B46;\n    --green2:#087A8C;\n    --sage:#4FA3AD;\n    --cream:#F7F5EF;\n    --red:#087A8C;\n    --gold:#D8B15A;\n    --text:#1D292C;\n    --muted:#68777A;\n\n    font-family:Arial,Helvetica,sans-serif;\n    color:var(--text);\n    width:100vw !important;\n    max-width:100vw !important;\n    position:relative !important;\n    left:50% !important;\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n    overflow:hidden;\n}\n\n.sabda-home *{\n    box-sizing:border-box;\n}\n\n.sabda-home h1,\n.sabda-home h2,\n.sabda-home h3,\n.sabda-home p{\n    margin-top:0;\n}\n\n.sh-container{\n    width:calc(100% - 80px);\n    max-width:1400px;\n    margin:auto;\n}\n\n.sh-section{\n    padding:105px 0;\n}\n\n\/* =========================================================\n   CONSISTENT SMALL LABEL \/ EYEBROW\n========================================================= *\/\n\n.sabda-home .sh-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:12px;\n    font-family:Arial,Helvetica,sans-serif !important;\n    font-size:11px !important;\n    font-weight:700 !important;\n    letter-spacing:2.2px !important;\n    line-height:1.4 !important;\n    text-transform:uppercase;\n    margin-bottom:16px;\n}\n\n.sabda-home .sh-eyebrow:before{\n    content:\"\";\n    width:38px;\n    height:3px;\n    flex:0 0 38px;\n    background:var(--red);\n}\n\n.sabda-home .sabda-event-label,\n.sabda-home .sabda-timer-heading,\n.sabda-home .sabda-time-label,\n.sabda-home .sh-project-body small,\n.sabda-home .sh-project-image,\n.sabda-home .sh-pillar small{\n    font-family:Arial,Helvetica,sans-serif !important;\n    font-weight:700 !important;\n    text-transform:uppercase;\n}\n\n\/* =========================================================\n   GLOBAL TYPOGRAPHY\n========================================================= *\/\n\n.sh-title{\n    font-size:clamp(40px,5vw,68px);\n    line-height:1;\n    letter-spacing:-3px;\n    margin-bottom:25px;\n}\n\n.sh-text{\n    font-size:17px;\n    line-height:1.85;\n    color:var(--muted);\n}\n\n.sh-btn{\n    display:inline-block;\n    padding:16px 28px;\n    font-family:Arial,Helvetica,sans-serif;\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:1px;\n    text-decoration:none !important;\n    transition:.25s;\n}\n\n.sh-btn:hover{\n    transform:translateY(-3px);\n}\n\n.sh-btn-red{\n    background:var(--red);\n    color:#fff !important;\n}\n\n.sh-btn-light{\n    border:1px solid rgba(255,255,255,.6);\n    color:#fff !important;\n}\n\n\/* =========================================================\n   HERO - SMALLER VERSION\n========================================================= *\/\n\n.sh-hero{\n    min-height:600px;\n    display:flex;\n    align-items:center;\n    color:#fff;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(3,42,50,.98),\n            rgba(3,42,50,.78),\n            rgba(3,42,50,.35)\n        ),\n        linear-gradient(\n            135deg,\n            #063B46,\n            #4FA3AD\n        );\n}\n\n.sh-hero-content{\n    max-width:1050px;\n}\n\n.sh-hero .sh-eyebrow{\n    color:#F2DCA4;\n}\n\n.sh-hero .sh-eyebrow:before{\n    background:var(--gold);\n}\n\n.sh-hero h1{\n    font-size:clamp(48px,6vw,82px);\n    line-height:.92;\n    letter-spacing:-3.5px;\n    text-transform:uppercase;\n    margin-bottom:26px;\n}\n\n.sh-hero h1 span{\n    color:#F2D78F;\n}\n\n.sh-hero p{\n    max-width:760px;\n    font-size:16px;\n    line-height:1.7;\n    color:rgba(255,255,255,.8);\n}\n\n.sh-buttons{\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n    margin-top:28px;\n}\n\n\/* =========================================================\n   COUNTDOWN\n========================================================= *\/\n\n.sabda-event-countdown{\n    width:100%;\n    position:relative;\n    overflow:hidden;\n    color:#fff;\n\n    background:\n        linear-gradient(\n            110deg,\n            #032A32 0%,\n            #052F38 48%,\n            #063B46 100%\n        );\n}\n\n.sabda-event-countdown::before{\n    content:\"\";\n    position:absolute;\n    right:-100px;\n    top:-130px;\n    width:500px;\n    height:350px;\n    border:1px solid rgba(255,255,255,.06);\n    transform:skewX(-30deg) rotate(-5deg);\n    pointer-events:none;\n}\n\n.sabda-event-countdown::after{\n    content:\"\";\n    position:absolute;\n    right:180px;\n    bottom:-160px;\n    width:400px;\n    height:260px;\n    border:1px solid rgba(255,255,255,.04);\n    transform:skewX(-30deg);\n    pointer-events:none;\n}\n\n.sabda-countdown-wrap{\n    width:calc(100% - 80px);\n    max-width:1400px;\n    margin:0 auto;\n    min-height:175px;\n    display:grid;\n    grid-template-columns:minmax(270px,1fr) auto minmax(180px,.45fr);\n    align-items:center;\n    gap:55px;\n    position:relative;\n    z-index:2;\n}\n\n.sabda-event-info{\n    min-width:0;\n}\n\n.sabda-event-label{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    margin-bottom:12px;\n    color:#D8B15A;\n    font-size:10px;\n    line-height:1;\n    letter-spacing:2.2px;\n}\n\n.sabda-event-dot{\n    display:block;\n    width:8px;\n    height:8px;\n    flex:0 0 8px;\n    border-radius:50%;\n    background:#087A8C;\n    box-shadow:0 0 0 5px rgba(8,122,140,.18);\n}\n\n.sabda-event-title{\n    margin:0 0 9px !important;\n    color:#fff !important;\n    font-size:clamp(23px,2.3vw,32px);\n    line-height:1.08;\n    font-weight:800;\n    letter-spacing:-.8px;\n}\n\n.sabda-event-location{\n    margin:0 !important;\n    color:rgba(255,255,255,.62) !important;\n    font-size:12px;\n    line-height:1.6;\n}\n\n.sabda-timer-area{\n    text-align:center;\n}\n\n.sabda-timer-heading{\n    margin-bottom:14px;\n    color:rgba(255,255,255,.55);\n    font-size:9px;\n    line-height:1;\n    letter-spacing:2.2px;\n}\n\n.sabda-timer{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.sabda-time-box{\n    min-width:90px;\n    padding:0 20px;\n    border-right:1px solid rgba(255,255,255,.16);\n}\n\n.sabda-time-box:first-child{\n    border-left:1px solid rgba(255,255,255,.16);\n}\n\n.sabda-time-number{\n    display:block;\n    color:#fff;\n    font-size:clamp(32px,3vw,46px);\n    line-height:.95;\n    font-weight:800;\n    letter-spacing:-1.5px;\n    font-variant-numeric:tabular-nums;\n}\n\n.sabda-time-label{\n    display:block;\n    margin-top:10px;\n    color:#D8B15A;\n    font-size:8px;\n    line-height:1;\n    letter-spacing:1.6px;\n}\n\n.sabda-event-action{\n    display:flex;\n    justify-content:flex-end;\n    align-items:center;\n}\n\n.sabda-event-button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:15px;\n    min-height:50px;\n    padding:0 24px;\n    border:1px solid rgba(255,255,255,.38);\n    color:#fff !important;\n    background:transparent;\n    text-decoration:none !important;\n    font-family:Arial,Helvetica,sans-serif;\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n    white-space:nowrap;\n    transition:.25s ease;\n}\n\n.sabda-event-button span{\n    color:#D8B15A;\n    font-size:19px;\n}\n\n.sabda-event-button:hover{\n    background:#fff;\n    color:#063B46 !important;\n    border-color:#fff;\n    transform:translateY(-2px);\n}\n\n.sabda-event-button:hover span{\n    color:#087A8C;\n}\n\n.sabda-event-ended{\n    display:none;\n    padding:12px 20px;\n    border-left:3px solid #D8B15A;\n    color:#fff;\n    font-size:17px;\n    line-height:1.4;\n    font-weight:800;\n}\n\n.sabda-event-ended small{\n    display:block;\n    margin-top:5px;\n    color:#D8B15A;\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:1.7px;\n    text-transform:uppercase;\n}\n\n\/* =========================================================\n   ABOUT\n========================================================= *\/\n\n.sh-about{\n    background:var(--cream);\n}\n\n.sh-about-grid{\n    display:grid;\n    grid-template-columns:.65fr 1.35fr;\n    gap:90px;\n}\n\n.sh-big{\n    font-size:150px;\n    font-weight:900;\n    line-height:.8;\n    color:rgba(6,59,70,.08);\n}\n\n\/* =========================================================\n   PILLARS\n========================================================= *\/\n\n.sh-pillars{\n    background:#fff;\n}\n\n.sh-heading{\n    max-width:850px;\n    margin-bottom:60px;\n}\n\n.sh-pillar-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    border-left:1px solid #DCE3DF;\n    border-top:1px solid #DCE3DF;\n}\n\n.sh-pillar{\n    min-height:280px;\n    padding:32px;\n    border-right:1px solid #DCE3DF;\n    border-bottom:1px solid #DCE3DF;\n    transition:.3s;\n}\n\n.sh-pillar:hover{\n    background:var(--green);\n    color:#fff;\n}\n\n.sh-pillar small{\n    color:var(--red);\n    font-size:11px;\n    font-weight:700;\n    letter-spacing:2.2px;\n}\n\n.sh-pillar:hover small{\n    color:#F2D78F;\n}\n\n.sh-pillar h3{\n    font-size:22px;\n    line-height:1.25;\n    margin-top:100px;\n}\n\n\/* =========================================================\n   NUMBERS\n========================================================= *\/\n\n.sh-numbers{\n    background:var(--green);\n    color:#fff;\n}\n\n.sh-numbers .sh-eyebrow{\n    color:#F2DCA4;\n}\n\n.sh-numbers .sh-eyebrow:before{\n    background:var(--gold);\n}\n\n.sh-number-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    margin-top:55px;\n    border-left:1px solid rgba(255,255,255,.18);\n    border-top:1px solid rgba(255,255,255,.18);\n}\n\n.sh-number{\n    padding:40px 30px;\n    min-height:210px;\n    border-right:1px solid rgba(255,255,255,.18);\n    border-bottom:1px solid rgba(255,255,255,.18);\n}\n\n.sh-number strong{\n    display:block;\n    font-size:clamp(34px,4vw,52px);\n    color:#F2D78F;\n    line-height:1;\n    letter-spacing:-2px;\n    margin-bottom:20px;\n}\n\n.sh-number span{\n    font-size:12px;\n    line-height:1.6;\n    letter-spacing:.7px;\n    color:rgba(255,255,255,.7);\n}\n\n\/* =========================================================\n   PROJECTS\n========================================================= *\/\n\n.sh-projects{\n    background:var(--cream);\n}\n\n.sh-project-grid{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:24px;\n}\n\n.sh-project{\n    background:#fff;\n    overflow:hidden;\n    transition:.3s;\n}\n\n.sh-project:hover{\n    transform:translateY(-5px);\n    box-shadow:0 20px 45px rgba(0,0,0,.07);\n}\n\n.sh-project-image{\n    height:290px;\n    background:\n        linear-gradient(\n            135deg,\n            rgba(6,59,70,.08),\n            rgba(6,59,70,.65)\n        ),\n        #8FBCC2;\n    display:flex;\n    align-items:flex-end;\n    padding:25px;\n    color:#fff;\n    font-size:10px;\n    letter-spacing:2px;\n}\n\n.sh-project-body{\n    padding:35px;\n}\n\n.sh-project-body small{\n    color:var(--red);\n    font-size:10px;\n    letter-spacing:2px;\n}\n\n.sh-project-body h3{\n    font-size:27px;\n    line-height:1.2;\n    margin:18px 0 12px;\n}\n\n.sh-project-body p{\n    color:var(--muted);\n    font-size:14px;\n    line-height:1.7;\n}\n\n\/* =========================================================\n   FOOD\n========================================================= *\/\n\n.sh-food{\n    background:#fff;\n}\n\n.sh-food-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:90px;\n    align-items:center;\n}\n\n.sh-food-stats{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n}\n\n.sh-food-stat{\n    background:var(--cream);\n    padding:38px;\n    min-height:190px;\n    border:1px solid #fff;\n}\n\n.sh-food-stat strong{\n    display:block;\n    font-size:42px;\n    color:var(--green);\n    letter-spacing:-2px;\n    margin-bottom:15px;\n}\n\n.sh-food-stat span{\n    color:var(--muted);\n    font-size:13px;\n    line-height:1.6;\n}\n\n\/* =========================================================\n   IMPACT\n========================================================= *\/\n\n.sh-impact{\n    background:var(--sage);\n    color:#fff;\n}\n\n.sh-impact .sh-eyebrow{\n    color:#FFF1C4;\n}\n\n.sh-impact .sh-eyebrow:before{\n    background:var(--gold);\n}\n\n.sh-impact-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    margin-top:55px;\n}\n\n.sh-impact-card{\n    padding:45px;\n    border:1px solid rgba(255,255,255,.25);\n}\n\n.sh-impact-card strong{\n    display:block;\n    font-size:48px;\n    color:#FFF1C4;\n    margin-bottom:20px;\n}\n\n.sh-impact-card span{\n    font-size:13px;\n    line-height:1.6;\n    color:rgba(255,255,255,.78);\n}\n\n\/* =========================================================\n   BIOSPHERE\n========================================================= *\/\n\n.sh-bio{\n    background:var(--cream);\n}\n\n.sh-bio-grid{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:80px;\n    align-items:center;\n}\n\n.sh-bio-box{\n    background:var(--green);\n    color:#fff;\n    padding:60px;\n}\n\n.sh-bio-box strong{\n    display:block;\n    font-size:clamp(55px,7vw,90px);\n    color:#F2D78F;\n    letter-spacing:-4px;\n    line-height:1;\n}\n\n.sh-bio-box span{\n    display:block;\n    margin-top:20px;\n    line-height:1.7;\n    color:rgba(255,255,255,.72);\n}\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sh-cta{\n    background:var(--red);\n    color:#fff;\n    padding:85px 0;\n}\n\n.sh-cta-inner{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:50px;\n}\n\n.sh-cta h2{\n    font-size:clamp(38px,5vw,64px);\n    line-height:1;\n    letter-spacing:-2px;\n    margin:0;\n    max-width:850px;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:1050px){\n\n    .sh-pillar-grid,\n    .sh-number-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .sabda-countdown-wrap{\n        grid-template-columns:1fr auto;\n        gap:35px;\n        padding:35px 0;\n    }\n\n    .sabda-event-action{\n        grid-column:1 \/ -1;\n        justify-content:flex-start;\n    }\n}\n\n@media(max-width:900px){\n\n    .sh-container{\n        width:calc(100% - 40px);\n    }\n\n    .sh-about-grid,\n    .sh-food-grid,\n    .sh-bio-grid{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .sh-impact-grid{\n        grid-template-columns:1fr;\n    }\n\n    .sh-cta-inner{\n        display:block;\n    }\n\n    .sh-cta .sh-btn{\n        margin-top:30px;\n    }\n\n    .sabda-home .sh-hero{\n        min-height:560px;\n    }\n\n    .sabda-home .sh-hero h1{\n        font-size:clamp(46px,8vw,70px);\n    }\n}\n\n@media(max-width:700px){\n\n    .sabda-countdown-wrap{\n        width:calc(100% - 40px);\n        grid-template-columns:1fr;\n        gap:30px;\n        padding:38px 0;\n    }\n\n    .sabda-timer-area,\n    .sabda-timer-heading{\n        text-align:left;\n    }\n\n    .sabda-timer{\n        justify-content:flex-start;\n        width:100%;\n    }\n\n    .sabda-time-box{\n        min-width:0;\n        width:25%;\n        padding:0 10px;\n    }\n\n    .sabda-time-box:first-child{\n        padding-left:0;\n        border-left:0;\n    }\n\n    .sabda-time-number{\n        font-size:31px;\n    }\n\n    .sabda-event-action{\n        grid-column:auto;\n        justify-content:flex-start;\n    }\n}\n\n@media(max-width:650px){\n\n    .sh-pillar-grid,\n    .sh-number-grid,\n    .sh-project-grid,\n    .sh-food-stats{\n        grid-template-columns:1fr;\n    }\n}\n\n@media(max-width:600px){\n\n    .sh-container{\n        width:calc(100% - 30px);\n    }\n\n    .sh-section{\n        padding:70px 0;\n    }\n\n    .sabda-home .sh-hero{\n        min-height:520px;\n    }\n\n    .sabda-home .sh-hero h1{\n        font-size:clamp(40px,12vw,58px);\n        letter-spacing:-2px;\n    }\n\n    .sabda-home .sh-hero p{\n        font-size:15px;\n    }\n}\n\n@media(max-width:420px){\n\n    .sabda-countdown-wrap{\n        width:calc(100% - 30px);\n    }\n\n    .sabda-time-box{\n        padding:0 7px;\n    }\n\n    .sabda-time-number{\n        font-size:27px;\n    }\n\n    .sabda-time-label{\n        font-size:7px;\n        letter-spacing:1px;\n    }\n}\n<\/style>\n\n\n<div class=\"sabda-home\">\n\n    <!-- HERO -->\n    <section class=\"sh-hero\">\n        <div class=\"sh-container\">\n            <div class=\"sh-hero-content\">\n\n                <div class=\"sh-eyebrow\">\n                    SABAK BERNAM DEVELOPMENT AREA\n                <\/div>\n\n                <h1>\n                    Memacu Pertumbuhan.\n                    <span>Membina Masa Hadapan.<\/span>\n                <\/h1>\n\n                <p>\n                    SABDA memacu transformasi Sabak Bernam melalui pembangunan\n                    ekonomi mampan yang menggabungkan keterjaminan makanan,\n                    pertanian pintar, ekonomi biru, pemuliharaan biodiversiti,\n                    infrastruktur mampan, penyelidikan, inovasi dan kemakmuran komuniti.\n                <\/p>\n\n                <div class=\"sh-buttons\">\n\n                    <a href=\"\/sabda\/tentang-sabda\/\" class=\"sh-btn sh-btn-red\">\n                        TEROKAI SABDA\n                    <\/a>\n\n                    <a href=\"\/sabda\/projek-inisiatif\/\" class=\"sh-btn sh-btn-light\">\n                        PROJEK &amp; INISIATIF\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- KEMBARA SABDA COUNTDOWN -->\n    <section class=\"sabda-event-countdown\">\n\n        <div class=\"sabda-countdown-wrap\">\n\n            <div class=\"sabda-event-info\">\n\n                <div class=\"sabda-event-label\">\n                    <span class=\"sabda-event-dot\"><\/span>\n                    ACARA AKAN DATANG\n                <\/div>\n\n                <h2 class=\"sabda-event-title\">\n                    Kembara SABDA\n                <\/h2>\n\n                <p class=\"sabda-event-location\">\n                    Sabak Bernam, Selangor\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sabda-timer-area\" id=\"sabdaTimerArea\">\n\n                <div class=\"sabda-timer-heading\">\n                    Acara bermula dalam\n                <\/div>\n\n                <div class=\"sabda-timer\">\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaDays\">00<\/span>\n                        <span class=\"sabda-time-label\">Hari<\/span>\n                    <\/div>\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaHours\">00<\/span>\n                        <span class=\"sabda-time-label\">Jam<\/span>\n                    <\/div>\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaMinutes\">00<\/span>\n                        <span class=\"sabda-time-label\">Minit<\/span>\n                    <\/div>\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaSeconds\">00<\/span>\n                        <span class=\"sabda-time-label\">Saat<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sabda-event-ended\" id=\"sabdaEventEnded\">\n\n                Kembara SABDA Sedang Berlangsung\n\n                <small>\n                    SABAK BERNAM DEVELOPMENT AREA\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"sabda-event-action\">\n\n                <a href=\"\/sabda\/projek-inisiatif\/\" class=\"sabda-event-button\">\n                    LIHAT MAKLUMAT\n                    <span>\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ABOUT -->\n    <section class=\"sh-section sh-about\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-about-grid\">\n\n                <div>\n\n                    <div class=\"sh-eyebrow\">\n                        MENGENALI SABDA\n                    <\/div>\n\n                    <div class=\"sh-big\">\n                        01\n                    <\/div>\n\n                <\/div>\n\n\n                <div>\n\n                    <h2 class=\"sh-title\">\n                        Apa Itu SABDA?\n                    <\/h2>\n\n                    <p class=\"sh-text\">\n                        Kawasan Pembangunan Sabak Bernam (SABDA) merupakan\n                        inisiatif koridor ekonomi mampan strategik yang diterajui\n                        oleh Menteri Besar Selangor (Pemerbadanan) di bawah\n                        Rancangan Selangor Kedua (RS-2) Kerajaan Negeri Selangor.\n                    <\/p>\n\n                    <p class=\"sh-text\">\n                        SABDA mengintegrasikan pembangunan ekonomi, keterjaminan\n                        makanan, pemuliharaan alam sekitar dan pemerkasaan komuniti\n                        bagi mentransformasikan Sabak Bernam sebagai model pembangunan\n                        wilayah mampan yang diiktiraf di peringkat nasional.\n                    <\/p>\n\n                    <div style=\"margin-top:35px;\">\n\n                        <a href=\"\/sabda\/tentang-sabda\/\" class=\"sh-btn sh-btn-red\">\n                            KENALI SABDA\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- 8 STRATEGIC PILLARS -->\n    <section class=\"sh-section sh-pillars\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    HALA TUJU PEMBANGUNAN\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    8 Teras Strategik\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    Pembangunan SABDA digerakkan melalui lapan teras strategik\n                    yang menyepadukan ekonomi, masyarakat, teknologi dan\n                    kelestarian alam sekitar.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-pillar-grid\">\n\n                <div class=\"sh-pillar\">\n                    <small>01<\/small>\n                    <h3>Keterjaminan Makanan<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>02<\/small>\n                    <h3>Ekonomi Biru<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>03<\/small>\n                    <h3>Pemuliharaan Biodiversiti<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>04<\/small>\n                    <h3>Infrastruktur Mampan<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>05<\/small>\n                    <h3>Penyelidikan &amp; Inovasi<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>06<\/small>\n                    <h3>Kemakmuran Komuniti<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>07<\/small>\n                    <h3>Pertanian Pintar<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>08<\/small>\n                    <h3>Eko &amp; Agro Pelancongan<\/h3>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- SABDA DALAM ANGKA -->\n    <section class=\"sh-section sh-numbers\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    SABDA DALAM ANGKA\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Potensi Yang Membentuk Masa Hadapan\n                <\/h2>\n\n                <p class=\"sh-text\" style=\"color:rgba(255,255,255,.72);\">\n                    Sabak Bernam mempunyai kekuatan strategik dalam sektor\n                    pertanian, perikanan, pelancongan dan pemuliharaan alam\n                    yang menjadi asas kepada pembangunan SABDA.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-number-grid\">\n\n                <div class=\"sh-number\">\n                    <strong>600<\/strong>\n                    <span>\n                        EKAR<br>\n                        Zon Industri Perikanan Sungai Lang\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>415<\/strong>\n                    <span>\n                        EKAR<br>\n                        Sekinchan Integrated Landing Port\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>RM220.1J<\/strong>\n                    <span>\n                        NILAI JUALAN PADI<br>\n                        Tahun 2024\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>48,216<\/strong>\n                    <span>\n                        HEKTAR<br>\n                        Tanah Pertanian di Sabak Bernam\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>297,661<\/strong>\n                    <span>\n                        HEKTAR<br>\n                        Cadangan Anjung Utara Selangor Biosphere Reserve\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>74%<\/strong>\n                    <span>\n                        PERTUMBUHAN<br>\n                        Ketibaan Pelancong 2024\u20132025\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>42.6%<\/strong>\n                    <span>\n                        PERTUMBUHAN<br>\n                        Pendaratan Perikanan Marin\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>31.7%<\/strong>\n                    <span>\n                        PERTUMBUHAN<br>\n                        Pendapatan Isi Rumah 2021\u20132025\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PROJECTS -->\n    <section class=\"sh-section sh-projects\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    PROJEK &amp; INISIATIF\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Pemangkin Pembangunan SABDA\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    Projek dan inisiatif strategik SABDA dirangka untuk\n                    memperkukuh ekosistem ekonomi Sabak Bernam serta membuka\n                    peluang baharu kepada komuniti, industri dan pelabur.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-project-grid\">\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 01\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            PERIKANAN &amp; EKONOMI BIRU\n                        <\/small>\n\n                        <h3>\n                            Zon Industri Perikanan Sungai Lang\n                        <\/h3>\n\n                        <p>\n                            Ekosistem industri perikanan bersepadu seluas\n                            600 ekar yang menyokong pembangunan rantaian nilai\n                            perikanan dan ekonomi biru.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 02\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            HAB PERIKANAN\n                        <\/small>\n\n                        <h3>\n                            Sekinchan Integrated Landing Port\n                        <\/h3>\n\n                        <p>\n                            Cadangan hab perikanan pintar bersepadu seluas\n                            415 ekar bagi memperkukuh infrastruktur pendaratan,\n                            pemprosesan dan ekosistem industri perikanan.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 03\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            EKOPELANCONGAN\n                        <\/small>\n\n                        <h3>\n                            Ban Canal Eco-Tourism\n                        <\/h3>\n\n                        <p>\n                            Destinasi ekopelancongan yang mengetengahkan\n                            kekayaan landskap, komuniti dan potensi pelancongan\n                            mampan di Sabak Bernam.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 04\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            BIODIVERSITI &amp; PEMULIHARAAN\n                        <\/small>\n\n                        <h3>\n                            Pencalonan Anjung Utara Selangor Biosphere Reserve\n                        <\/h3>\n\n                        <p>\n                            Cadangan landskap pemuliharaan seluas\n                            297,661 hektar di bawah kerangka\n                            UNESCO Man and the Biosphere Programme.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div style=\"margin-top:45px;\">\n\n                <a href=\"\/sabda\/projek-inisiatif\/\" class=\"sh-btn sh-btn-red\">\n                    LIHAT PROJEK &amp; INISIATIF\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- FOOD SECURITY -->\n    <section class=\"sh-section sh-food\">\n\n        <div class=\"sh-container sh-food-grid\">\n\n            <div>\n\n                <div class=\"sh-eyebrow\">\n                    PERTANIAN &amp; KETERJAMINAN MAKANAN\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Memperkukuh Kedudukan Sabak Bernam Dalam Pengeluaran Makanan.\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    Sektor pertanian dan makanan SABDA merangkumi padi,\n                    akuakultur, perikanan marin, sayur-sayuran, tanaman kontan\n                    dan pengeluaran buah-buahan.\n                <\/p>\n\n                <p class=\"sh-text\">\n                    Pembangunan sektor ini diperkukuh melalui penggunaan\n                    teknologi, pertanian pintar, penyelidikan dan inovasi\n                    bagi meningkatkan produktiviti serta keterjaminan makanan.\n                <\/p>\n\n                <div style=\"margin-top:35px;\">\n\n                    <a href=\"\/sabda\/fokus-pembangunan\/\" class=\"sh-btn sh-btn-red\">\n                        TEROKAI FOKUS PEMBANGUNAN\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sh-food-stats\">\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        107,168.5\n                    <\/strong>\n\n                    <span>\n                        tan pengeluaran padi daripada\n                        13,134 hektar kawasan penanaman.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        69.81%\n                    <\/strong>\n\n                    <span>\n                        daripada jumlah hasil padi Negeri Selangor.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        20,457\n                    <\/strong>\n\n                    <span>\n                        tan hasil akuakultur yang menyokong\n                        sektor makanan dan perikanan.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        110,674.4\n                    <\/strong>\n\n                    <span>\n                        tan pengeluaran tanaman lain di Sabak Bernam.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- ECONOMIC IMPACT -->\n    <section class=\"sh-section sh-impact\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    IMPAK EKONOMI\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Membina Ekosistem Ekonomi Yang Berdaya Tahan.\n                <\/h2>\n\n                <p class=\"sh-text\" style=\"color:rgba(255,255,255,.82);\">\n                    Pembangunan SABDA dirangka untuk merangsang pelaburan,\n                    membuka peluang pekerjaan dan meningkatkan pendapatan\n                    melalui pertumbuhan ekonomi yang lebih inklusif dan mampan.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-impact-grid\">\n\n                <div class=\"sh-impact-card\">\n\n                    <strong>\n                        RM1.9B\n                    <\/strong>\n\n                    <span>\n                        PELABURAN\n                        <br><br>\n                        Pelaburan yang menyokong pembangunan\n                        ekosistem ekonomi SABDA.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-impact-card\">\n\n                    <strong>\n                        6,000\n                    <\/strong>\n\n                    <span>\n                        UNJURAN PEKERJAAN\n                        <br><br>\n                        Potensi peluang pekerjaan melalui\n                        pembangunan projek dan sektor ekonomi SABDA.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-impact-card\">\n\n                    <strong>\n                        RM246J\n                    <\/strong>\n\n                    <span>\n                        UNJURAN PENDAPATAN TAHUNAN\n                        <br><br>\n                        Potensi pendapatan tahunan hasil daripada\n                        pembangunan ekosistem ekonomi SABDA.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- SUSTAINABILITY \/ BIOSPHERE -->\n    <section class=\"sh-section sh-bio\">\n\n        <div class=\"sh-container sh-bio-grid\">\n\n            <div>\n\n                <div class=\"sh-eyebrow\">\n                    KELESTARIAN\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Pertumbuhan Ekonomi dan Pemuliharaan Alam Bergerak Seiring.\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    SABDA memberi penekanan kepada pembangunan yang\n                    mengimbangi pertumbuhan ekonomi dengan pemuliharaan\n                    biodiversiti, perlindungan ekosistem dan kesejahteraan komuniti.\n                <\/p>\n\n                <p class=\"sh-text\">\n                    Pencalonan Anjung Utara Selangor Biosphere Reserve\n                    (AUSBR) merupakan cadangan landskap yang menyokong\n                    keharmonian antara pemuliharaan biodiversiti dan\n                    pembangunan mampan.\n                <\/p>\n\n                <div style=\"margin-top:35px;\">\n\n                    <a href=\"\/sabda\/kelestarian\/\" class=\"sh-btn sh-btn-red\">\n                        TEROKAI KELESTARIAN\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sh-bio-box\">\n\n                <strong>\n                    297,661\n                <\/strong>\n\n                <span>\n                    HEKTAR\n                    <br><br>\n\n                    PENCALONAN \/ CADANGAN\n                    <br>\n\n                    ANJUNG UTARA SELANGOR\n                    <br>\n\n                    BIOSPHERE RESERVE (AUSBR)\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- FINAL CTA -->\n    <section class=\"sh-cta\">\n\n        <div class=\"sh-container sh-cta-inner\">\n\n            <h2>\n                Bersama Membangunkan Masa Hadapan Sabak Bernam.\n            <\/h2>\n\n            <a class=\"sh-btn sh-btn-light\" href=\"\/sabda\/hubungi-kami\/\">\n                HUBUNGI KAMI \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n\n<script>\n(function(){\n\n    \"use strict\";\n\n    const eventDate =\n        new Date(\"2026-12-20T09:00:00+08:00\").getTime();\n\n    const daysElement =\n        document.getElementById(\"sabdaDays\");\n\n    const hoursElement =\n        document.getElementById(\"sabdaHours\");\n\n    const minutesElement =\n        document.getElementById(\"sabdaMinutes\");\n\n    const secondsElement =\n        document.getElementById(\"sabdaSeconds\");\n\n    const timerArea =\n        document.getElementById(\"sabdaTimerArea\");\n\n    const endedElement =\n        document.getElementById(\"sabdaEventEnded\");\n\n\n    if(\n        !daysElement ||\n        !hoursElement ||\n        !minutesElement ||\n        !secondsElement\n    ){\n        return;\n    }\n\n\n    function pad(number){\n\n        return String(number).padStart(2,\"0\");\n\n    }\n\n\n    function updateCountdown(){\n\n        const currentTime =\n            new Date().getTime();\n\n        const distance =\n            eventDate - currentTime;\n\n\n        if(distance <= 0){\n\n            if(timerArea){\n                timerArea.style.display = \"none\";\n            }\n\n            if(endedElement){\n                endedElement.style.display = \"block\";\n            }\n\n            return;\n        }\n\n\n        const days =\n            Math.floor(\n                distance \/\n                (1000 * 60 * 60 * 24)\n            );\n\n\n        const hours =\n            Math.floor(\n                (\n                    distance %\n                    (1000 * 60 * 60 * 24)\n                ) \/\n                (1000 * 60 * 60)\n            );\n\n\n        const minutes =\n            Math.floor(\n                (\n                    distance %\n                    (1000 * 60 * 60)\n                ) \/\n                (1000 * 60)\n            );\n\n\n        const seconds =\n            Math.floor(\n                (\n                    distance %\n                    (1000 * 60)\n                ) \/\n                1000\n            );\n\n\n        daysElement.textContent =\n            pad(days);\n\n        hoursElement.textContent =\n            pad(hours);\n\n        minutesElement.textContent =\n            pad(minutes);\n\n        secondsElement.textContent =\n            pad(seconds);\n\n    }\n\n\n    updateCountdown();\n\n    setInterval(\n        updateCountdown,\n        1000\n    );\n\n})();\n<\/script>\n\n\n\n<style>\nhtml,\nbody{\n    overflow-x:hidden !important;\n}\n\n.sabda-home{\n    --green:#063B46;\n    --green2:#087A8C;\n    --sage:#4FA3AD;\n    --cream:#F7F5EF;\n    --red:#087A8C;\n    --gold:#D8B15A;\n    --text:#1D292C;\n    --muted:#68777A;\n\n    font-family:Arial,Helvetica,sans-serif;\n    color:var(--text);\n\n    width:100vw !important;\n    max-width:100vw !important;\n    position:relative !important;\n    left:50% !important;\n    margin-left:-50vw !important;\n    margin-right:-50vw !important;\n    overflow:hidden;\n}\n\n.sabda-home *{\n    box-sizing:border-box;\n}\n\n.sabda-home h1,\n.sabda-home h2,\n.sabda-home h3,\n.sabda-home p{\n    margin-top:0;\n}\n\n.sh-container{\n    width:calc(100% - 80px);\n    max-width:1400px;\n    margin:auto;\n}\n\n.sh-section{\n    padding:105px 0;\n}\n\n.sh-eyebrow{\n    display:flex;\n    align-items:center;\n    gap:12px;\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:3px;\n    text-transform:uppercase;\n    margin-bottom:20px;\n}\n\n.sh-eyebrow:before{\n    content:\"\";\n    width:38px;\n    height:3px;\n    background:var(--red);\n}\n\n.sh-title{\n    font-size:clamp(40px,5vw,68px);\n    line-height:1;\n    letter-spacing:-3px;\n    margin-bottom:25px;\n}\n\n.sh-text{\n    font-size:17px;\n    line-height:1.85;\n    color:var(--muted);\n}\n\n.sh-btn{\n    display:inline-block;\n    padding:16px 28px;\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:1px;\n    text-decoration:none !important;\n    transition:.25s;\n}\n\n.sh-btn:hover{\n    transform:translateY(-3px);\n}\n\n.sh-btn-red{\n    background:var(--red);\n    color:#fff !important;\n}\n\n.sh-btn-light{\n    border:1px solid rgba(255,255,255,.6);\n    color:#fff !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.sh-hero{\n    min-height:720px;\n    display:flex;\n    align-items:center;\n    color:#fff;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(3,42,50,.98),\n            rgba(3,42,50,.78),\n            rgba(3,42,50,.35)\n        ),\n        linear-gradient(\n            135deg,\n            #063B46,\n            #4FA3AD\n        );\n}\n\n.sh-hero-content{\n    max-width:1050px;\n}\n\n.sh-hero .sh-eyebrow{\n    color:#F2DCA4;\n}\n\n.sh-hero .sh-eyebrow:before{\n    background:var(--gold);\n}\n\n.sh-hero h1{\n    font-size:clamp(58px,8vw,108px);\n    line-height:.88;\n    letter-spacing:-5px;\n    text-transform:uppercase;\n    margin-bottom:35px;\n}\n\n.sh-hero h1 span{\n    color:#F2D78F;\n}\n\n.sh-hero p{\n    max-width:780px;\n    font-size:18px;\n    line-height:1.8;\n    color:rgba(255,255,255,.8);\n}\n\n.sh-buttons{\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n    margin-top:35px;\n}\n\n\n\/* =========================================================\n   KEMBARA SABDA COUNTDOWN\n========================================================= *\/\n\n.sabda-event-countdown{\n    --burgundy:#063B46;\n    --dark:#052F38;\n    --deep:#032A32;\n    --count-red:#087A8C;\n    --count-gold:#D8B15A;\n\n    width:100%;\n    position:relative;\n    overflow:hidden;\n    color:#fff;\n\n    background:\n        linear-gradient(\n            110deg,\n            #032A32 0%,\n            #052F38 48%,\n            #063B46 100%\n        );\n}\n\n.sabda-event-countdown::before{\n    content:\"\";\n    position:absolute;\n    right:-100px;\n    top:-130px;\n    width:500px;\n    height:350px;\n    border:1px solid rgba(255,255,255,.06);\n    transform:skewX(-30deg) rotate(-5deg);\n    pointer-events:none;\n}\n\n.sabda-event-countdown::after{\n    content:\"\";\n    position:absolute;\n    right:180px;\n    bottom:-160px;\n    width:400px;\n    height:260px;\n    border:1px solid rgba(255,255,255,.04);\n    transform:skewX(-30deg);\n    pointer-events:none;\n}\n\n.sabda-countdown-wrap{\n    width:calc(100% - 80px);\n    max-width:1400px;\n    margin:0 auto;\n    min-height:175px;\n\n    display:grid;\n    grid-template-columns:\n        minmax(270px,1fr)\n        auto\n        minmax(180px,.45fr);\n\n    align-items:center;\n    gap:55px;\n    position:relative;\n    z-index:2;\n}\n\n.sabda-event-info{\n    min-width:0;\n}\n\n.sabda-event-label{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    margin-bottom:12px;\n    color:#D8B15A;\n    font-size:10px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:2.5px;\n    text-transform:uppercase;\n}\n\n.sabda-event-dot{\n    display:block;\n    width:8px;\n    height:8px;\n    flex:0 0 8px;\n    border-radius:50%;\n    background:#087A8C;\n    box-shadow:0 0 0 5px rgba(8,122,140,.18);\n}\n\n.sabda-event-title{\n    margin:0 0 9px !important;\n    color:#fff !important;\n    font-size:clamp(23px,2.3vw,32px);\n    line-height:1.08;\n    font-weight:800;\n    letter-spacing:-.8px;\n}\n\n.sabda-event-location{\n    margin:0 !important;\n    color:rgba(255,255,255,.62) !important;\n    font-size:12px;\n    line-height:1.6;\n}\n\n.sabda-timer-area{\n    text-align:center;\n}\n\n.sabda-timer-heading{\n    margin-bottom:14px;\n    color:rgba(255,255,255,.55);\n    font-size:9px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:2.2px;\n    text-transform:uppercase;\n}\n\n.sabda-timer{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n.sabda-time-box{\n    min-width:90px;\n    padding:0 20px;\n    border-right:1px solid rgba(255,255,255,.16);\n}\n\n.sabda-time-box:first-child{\n    border-left:1px solid rgba(255,255,255,.16);\n}\n\n.sabda-time-number{\n    display:block;\n    color:#fff;\n    font-size:clamp(32px,3vw,46px);\n    line-height:.95;\n    font-weight:800;\n    letter-spacing:-1.5px;\n    font-variant-numeric:tabular-nums;\n}\n\n.sabda-time-label{\n    display:block;\n    margin-top:10px;\n    color:#D8B15A;\n    font-size:8px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:1.6px;\n    text-transform:uppercase;\n}\n\n.sabda-event-action{\n    display:flex;\n    justify-content:flex-end;\n    align-items:center;\n}\n\n.sabda-event-button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:15px;\n    min-height:50px;\n    padding:0 24px;\n    border:1px solid rgba(255,255,255,.38);\n    color:#fff !important;\n    background:transparent;\n    text-decoration:none !important;\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:1.4px;\n    text-transform:uppercase;\n    white-space:nowrap;\n    transition:.25s ease;\n}\n\n.sabda-event-button span{\n    color:#D8B15A;\n    font-size:19px;\n}\n\n.sabda-event-button:hover{\n    background:#fff;\n    color:#063B46 !important;\n    border-color:#fff;\n    transform:translateY(-2px);\n}\n\n.sabda-event-button:hover span{\n    color:#087A8C;\n}\n\n.sabda-event-ended{\n    display:none;\n    padding:12px 20px;\n    border-left:3px solid #D8B15A;\n    color:#fff;\n    font-size:17px;\n    line-height:1.4;\n    font-weight:800;\n}\n\n.sabda-event-ended small{\n    display:block;\n    margin-top:5px;\n    color:#D8B15A;\n    font-size:9px;\n    font-weight:900;\n    letter-spacing:1.7px;\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   ABOUT\n========================================================= *\/\n\n.sh-about{\n    background:var(--cream);\n}\n\n.sh-about-grid{\n    display:grid;\n    grid-template-columns:.65fr 1.35fr;\n    gap:90px;\n}\n\n.sh-big{\n    font-size:150px;\n    font-weight:900;\n    line-height:.8;\n    color:rgba(6,59,70,.08);\n}\n\n\n\/* =========================================================\n   PILLARS\n========================================================= *\/\n\n.sh-pillars{\n    background:#fff;\n}\n\n.sh-heading{\n    max-width:850px;\n    margin-bottom:60px;\n}\n\n.sh-pillar-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    border-left:1px solid #DCE3DF;\n    border-top:1px solid #DCE3DF;\n}\n\n.sh-pillar{\n    min-height:280px;\n    padding:32px;\n    border-right:1px solid #DCE3DF;\n    border-bottom:1px solid #DCE3DF;\n    transition:.3s;\n}\n\n.sh-pillar:hover{\n    background:var(--green);\n    color:#fff;\n}\n\n.sh-pillar small{\n    color:var(--red);\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.sh-pillar:hover small{\n    color:#F2D78F;\n}\n\n.sh-pillar h3{\n    font-size:22px;\n    line-height:1.25;\n    margin-top:100px;\n}\n\n\n\/* =========================================================\n   NUMBERS\n========================================================= *\/\n\n.sh-numbers{\n    background:var(--green);\n    color:#fff;\n}\n\n.sh-numbers .sh-eyebrow{\n    color:#F2DCA4;\n}\n\n.sh-numbers .sh-eyebrow:before{\n    background:var(--gold);\n}\n\n.sh-number-grid{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    margin-top:55px;\n    border-left:1px solid rgba(255,255,255,.18);\n    border-top:1px solid rgba(255,255,255,.18);\n}\n\n.sh-number{\n    padding:40px 30px;\n    min-height:210px;\n    border-right:1px solid rgba(255,255,255,.18);\n    border-bottom:1px solid rgba(255,255,255,.18);\n}\n\n.sh-number strong{\n    display:block;\n    font-size:clamp(34px,4vw,52px);\n    color:#F2D78F;\n    line-height:1;\n    letter-spacing:-2px;\n    margin-bottom:20px;\n}\n\n.sh-number span{\n    font-size:12px;\n    line-height:1.6;\n    letter-spacing:.7px;\n    color:rgba(255,255,255,.7);\n}\n\n\n\/* =========================================================\n   PROJECTS\n========================================================= *\/\n\n.sh-projects{\n    background:var(--cream);\n}\n\n.sh-project-grid{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:24px;\n}\n\n.sh-project{\n    background:#fff;\n    overflow:hidden;\n    transition:.3s;\n}\n\n.sh-project:hover{\n    transform:translateY(-5px);\n    box-shadow:0 20px 45px rgba(0,0,0,.07);\n}\n\n.sh-project-image{\n    height:290px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(6,59,70,.08),\n            rgba(6,59,70,.65)\n        ),\n        #8FBCC2;\n\n    display:flex;\n    align-items:flex-end;\n    padding:25px;\n    color:#fff;\n    font-size:10px;\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.sh-project-body{\n    padding:35px;\n}\n\n.sh-project-body small{\n    color:var(--red);\n    font-weight:900;\n    letter-spacing:2px;\n}\n\n.sh-project-body h3{\n    font-size:27px;\n    line-height:1.2;\n    margin:18px 0 12px;\n}\n\n.sh-project-body p{\n    color:var(--muted);\n    font-size:14px;\n    line-height:1.7;\n}\n\n\n\/* =========================================================\n   FOOD\n========================================================= *\/\n\n.sh-food{\n    background:#fff;\n}\n\n.sh-food-grid{\n    display:grid;\n    grid-template-columns:.9fr 1.1fr;\n    gap:90px;\n    align-items:center;\n}\n\n.sh-food-stats{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n}\n\n.sh-food-stat{\n    background:var(--cream);\n    padding:38px;\n    min-height:190px;\n    border:1px solid #fff;\n}\n\n.sh-food-stat strong{\n    display:block;\n    font-size:42px;\n    color:var(--green);\n    letter-spacing:-2px;\n    margin-bottom:15px;\n}\n\n.sh-food-stat span{\n    color:var(--muted);\n    font-size:13px;\n    line-height:1.6;\n}\n\n\n\/* =========================================================\n   IMPACT\n========================================================= *\/\n\n.sh-impact{\n    background:var(--sage);\n    color:#fff;\n}\n\n.sh-impact .sh-eyebrow{\n    color:#FFF1C4;\n}\n\n.sh-impact .sh-eyebrow:before{\n    background:var(--gold);\n}\n\n.sh-impact-grid{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    margin-top:55px;\n}\n\n.sh-impact-card{\n    padding:45px;\n    border:1px solid rgba(255,255,255,.25);\n}\n\n.sh-impact-card strong{\n    display:block;\n    font-size:48px;\n    color:#FFF1C4;\n    margin-bottom:20px;\n}\n\n.sh-impact-card span{\n    font-size:13px;\n    line-height:1.6;\n    color:rgba(255,255,255,.78);\n}\n\n\n\/* =========================================================\n   BIOSPHERE\n========================================================= *\/\n\n.sh-bio{\n    background:var(--cream);\n}\n\n.sh-bio-grid{\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:80px;\n    align-items:center;\n}\n\n.sh-bio-box{\n    background:var(--green);\n    color:#fff;\n    padding:60px;\n}\n\n.sh-bio-box strong{\n    display:block;\n    font-size:clamp(55px,7vw,90px);\n    color:#F2D78F;\n    letter-spacing:-4px;\n    line-height:1;\n}\n\n.sh-bio-box span{\n    display:block;\n    margin-top:20px;\n    line-height:1.7;\n    color:rgba(255,255,255,.72);\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sh-cta{\n    background:var(--red);\n    color:#fff;\n    padding:85px 0;\n}\n\n.sh-cta-inner{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    gap:50px;\n}\n\n.sh-cta h2{\n    font-size:clamp(38px,5vw,64px);\n    line-height:1;\n    letter-spacing:-2px;\n    margin:0;\n    max-width:850px;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:1050px){\n\n    .sh-pillar-grid,\n    .sh-number-grid{\n        grid-template-columns:1fr 1fr;\n    }\n\n    .sabda-countdown-wrap{\n        grid-template-columns:1fr auto;\n        gap:35px;\n        padding:35px 0;\n    }\n\n    .sabda-event-action{\n        grid-column:1 \/ -1;\n        justify-content:flex-start;\n    }\n}\n\n@media(max-width:900px){\n\n    .sh-container{\n        width:calc(100% - 40px);\n    }\n\n    .sh-about-grid,\n    .sh-food-grid,\n    .sh-bio-grid{\n        grid-template-columns:1fr;\n        gap:45px;\n    }\n\n    .sh-impact-grid{\n        grid-template-columns:1fr;\n    }\n\n    .sh-cta-inner{\n        display:block;\n    }\n\n    .sh-cta .sh-btn{\n        margin-top:30px;\n    }\n}\n\n@media(max-width:700px){\n\n    .sabda-countdown-wrap{\n        width:calc(100% - 40px);\n        grid-template-columns:1fr;\n        gap:30px;\n        padding:38px 0;\n    }\n\n    .sabda-timer-area{\n        text-align:left;\n    }\n\n    .sabda-timer-heading{\n        text-align:left;\n    }\n\n    .sabda-timer{\n        justify-content:flex-start;\n        width:100%;\n    }\n\n    .sabda-time-box{\n        min-width:0;\n        width:25%;\n        padding:0 10px;\n    }\n\n    .sabda-time-box:first-child{\n        padding-left:0;\n        border-left:0;\n    }\n\n    .sabda-time-number{\n        font-size:31px;\n    }\n\n    .sabda-event-action{\n        grid-column:auto;\n        justify-content:flex-start;\n    }\n}\n\n@media(max-width:650px){\n\n    .sh-pillar-grid,\n    .sh-number-grid,\n    .sh-project-grid,\n    .sh-food-stats{\n        grid-template-columns:1fr;\n    }\n}\n\n@media(max-width:600px){\n\n    .sh-container{\n        width:calc(100% - 30px);\n    }\n\n    .sh-section{\n        padding:70px 0;\n    }\n}\n\n@media(max-width:420px){\n\n    .sabda-countdown-wrap{\n        width:calc(100% - 30px);\n    }\n\n    .sabda-time-box{\n        padding:0 7px;\n    }\n\n    .sabda-time-number{\n        font-size:27px;\n    }\n\n    .sabda-time-label{\n        font-size:7px;\n        letter-spacing:1px;\n    }\n}\n\n<div class=\"sabda-home\">\n\n    <!-- =====================================================\n         HERO\n    ====================================================== -->\n\n    <section class=\"sh-hero\">\n        <div class=\"sh-container\">\n            <div class=\"sh-hero-content\">\n\n                <div class=\"sh-eyebrow\">\n                    SABAK BERNAM DEVELOPMENT AREA\n                <\/div>\n\n                <h1>\n                    Memacu Pertumbuhan.\n                    <span>Membina Masa Hadapan.<\/span>\n                <\/h1>\n\n                <p>\n                    SABDA memacu transformasi Sabak Bernam melalui pembangunan\n                    ekonomi mampan yang menggabungkan keterjaminan makanan,\n                    pertanian pintar, ekonomi biru, pemuliharaan biodiversiti,\n                    infrastruktur mampan, penyelidikan, inovasi dan kemakmuran\n                    komuniti.\n                <\/p>\n\n                <div class=\"sh-buttons\">\n\n                    <a href=\"\/sabda\/tentang-sabda\/\" class=\"sh-btn sh-btn-red\">\n                        TEROKAI SABDA\n                    <\/a>\n\n                    <a href=\"\/sabda\/projek-inisiatif\/\" class=\"sh-btn sh-btn-light\">\n                        PROJEK &amp; INISIATIF\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n    <!-- =====================================================\n         KEMBARA SABDA COUNTDOWN\n    ====================================================== -->\n\n    <section class=\"sabda-event-countdown\">\n\n        <div class=\"sabda-countdown-wrap\">\n\n            <div class=\"sabda-event-info\">\n\n                <div class=\"sabda-event-label\">\n                    <span class=\"sabda-event-dot\"><\/span>\n                    ACARA AKAN DATANG\n                <\/div>\n\n                <h2 class=\"sabda-event-title\">\n                    Kembara SABDA\n                <\/h2>\n\n                <p class=\"sabda-event-location\">\n                    Sabak Bernam, Selangor\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sabda-timer-area\" id=\"sabdaTimerArea\">\n\n                <div class=\"sabda-timer-heading\">\n                    Acara bermula dalam\n                <\/div>\n\n                <div class=\"sabda-timer\">\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaDays\">00<\/span>\n                        <span class=\"sabda-time-label\">Hari<\/span>\n                    <\/div>\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaHours\">00<\/span>\n                        <span class=\"sabda-time-label\">Jam<\/span>\n                    <\/div>\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaMinutes\">00<\/span>\n                        <span class=\"sabda-time-label\">Minit<\/span>\n                    <\/div>\n\n                    <div class=\"sabda-time-box\">\n                        <span class=\"sabda-time-number\" id=\"sabdaSeconds\">00<\/span>\n                        <span class=\"sabda-time-label\">Saat<\/span>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sabda-event-ended\" id=\"sabdaEventEnded\">\n\n                Kembara SABDA Sedang Berlangsung\n\n                <small>\n                    SABAK BERNAM DEVELOPMENT AREA\n                <\/small>\n\n            <\/div>\n\n\n            <div class=\"sabda-event-action\">\n\n                <a\n                    href=\"\/sabda\/projek-inisiatif\/\"\n                    class=\"sabda-event-button\"\n                >\n                    LIHAT MAKLUMAT\n                    <span>\u2192<\/span>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         APA ITU SABDA\n    ====================================================== -->\n\n    <section class=\"sh-section sh-about\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-about-grid\">\n\n                <div>\n\n                    <div class=\"sh-eyebrow\">\n                        MENGENALI SABDA\n                    <\/div>\n\n                    <div class=\"sh-big\">\n                        01\n                    <\/div>\n\n                <\/div>\n\n\n                <div>\n\n                    <h2 class=\"sh-title\">\n                        Apa Itu SABDA?\n                    <\/h2>\n\n                    <p class=\"sh-text\">\n                        Kawasan Pembangunan Sabak Bernam (SABDA) merupakan\n                        inisiatif koridor ekonomi mampan strategik yang diterajui\n                        oleh Menteri Besar Selangor (Pemerbadanan) di bawah\n                        Rancangan Selangor Kedua (RS-2) Kerajaan Negeri Selangor.\n                    <\/p>\n\n                    <p class=\"sh-text\">\n                        SABDA mengintegrasikan pembangunan ekonomi, keterjaminan\n                        makanan, pemuliharaan alam sekitar dan pemerkasaan\n                        komuniti bagi mentransformasikan Sabak Bernam sebagai\n                        model pembangunan wilayah mampan yang diiktiraf di\n                        peringkat nasional.\n                    <\/p>\n\n                    <div style=\"margin-top:35px;\">\n\n                        <a\n                            href=\"\/sabda\/tentang-sabda\/\"\n                            class=\"sh-btn sh-btn-red\"\n                        >\n                            KENALI SABDA\n                        <\/a>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         8 TERAS STRATEGIK\n    ====================================================== -->\n\n    <section class=\"sh-section sh-pillars\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    HALA TUJU PEMBANGUNAN\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    8 Teras Strategik\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    Pembangunan SABDA digerakkan melalui lapan teras strategik\n                    yang menyepadukan ekonomi, masyarakat, teknologi dan\n                    kelestarian alam sekitar.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-pillar-grid\">\n\n                <div class=\"sh-pillar\">\n                    <small>01<\/small>\n                    <h3>Keterjaminan Makanan<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>02<\/small>\n                    <h3>Ekonomi Biru<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>03<\/small>\n                    <h3>Pemuliharaan Biodiversiti<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>04<\/small>\n                    <h3>Infrastruktur Mampan<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>05<\/small>\n                    <h3>Penyelidikan &amp; Inovasi<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>06<\/small>\n                    <h3>Kemakmuran Komuniti<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>07<\/small>\n                    <h3>Pertanian Pintar<\/h3>\n                <\/div>\n\n                <div class=\"sh-pillar\">\n                    <small>08<\/small>\n                    <h3>Eko &amp; Agro Pelancongan<\/h3>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         SABDA DALAM ANGKA\n    ====================================================== -->\n\n    <section class=\"sh-section sh-numbers\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    SABDA DALAM ANGKA\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Potensi Yang Membentuk Masa Hadapan\n                <\/h2>\n\n                <p\n                    class=\"sh-text\"\n                    style=\"color:rgba(255,255,255,.72);\"\n                >\n                    Sabak Bernam mempunyai kekuatan strategik dalam sektor\n                    pertanian, perikanan, pelancongan dan pemuliharaan alam\n                    yang menjadi asas kepada pembangunan SABDA.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-number-grid\">\n\n                <div class=\"sh-number\">\n                    <strong>600<\/strong>\n                    <span>\n                        EKAR<br>\n                        Zon Industri Perikanan Sungai Lang\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>415<\/strong>\n                    <span>\n                        EKAR<br>\n                        Sekinchan Integrated Landing Port\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>RM220.1J<\/strong>\n                    <span>\n                        NILAI JUALAN PADI<br>\n                        Tahun 2024\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>48,216<\/strong>\n                    <span>\n                        HEKTAR<br>\n                        Tanah Pertanian di Sabak Bernam\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>297,661<\/strong>\n                    <span>\n                        HEKTAR<br>\n                        Cadangan Anjung Utara Selangor Biosphere Reserve\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>74%<\/strong>\n                    <span>\n                        PERTUMBUHAN<br>\n                        Ketibaan Pelancong 2024\u20132025\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>42.6%<\/strong>\n                    <span>\n                        PERTUMBUHAN<br>\n                        Pendaratan Perikanan Marin\n                    <\/span>\n                <\/div>\n\n                <div class=\"sh-number\">\n                    <strong>31.7%<\/strong>\n                    <span>\n                        PERTUMBUHAN<br>\n                        Pendapatan Isi Rumah 2021\u20132025\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         PROJEK & INISIATIF\n    ====================================================== -->\n\n    <section class=\"sh-section sh-projects\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    PROJEK &amp; INISIATIF\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Pemangkin Pembangunan SABDA\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    Projek dan inisiatif strategik SABDA dirangka untuk\n                    memperkukuh ekosistem ekonomi Sabak Bernam serta membuka\n                    peluang baharu kepada komuniti, industri dan pelabur.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-project-grid\">\n\n                <!-- PROJECT 01 -->\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 01\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            PERIKANAN &amp; EKONOMI BIRU\n                        <\/small>\n\n                        <h3>\n                            Zon Industri Perikanan Sungai Lang\n                        <\/h3>\n\n                        <p>\n                            Ekosistem industri perikanan bersepadu seluas\n                            600 ekar yang menyokong pembangunan rantaian nilai\n                            perikanan dan ekonomi biru.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- PROJECT 02 -->\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 02\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            HAB PERIKANAN\n                        <\/small>\n\n                        <h3>\n                            Sekinchan Integrated Landing Port\n                        <\/h3>\n\n                        <p>\n                            Cadangan hab perikanan pintar bersepadu seluas\n                            415 ekar bagi memperkukuh infrastruktur pendaratan,\n                            pemprosesan dan ekosistem industri perikanan.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- PROJECT 03 -->\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 03\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            EKOPELANCONGAN\n                        <\/small>\n\n                        <h3>\n                            Ban Canal Eco-Tourism\n                        <\/h3>\n\n                        <p>\n                            Destinasi ekopelancongan yang mengetengahkan\n                            kekayaan landskap, komuniti dan potensi pelancongan\n                            mampan di Sabak Bernam.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n\n                <!-- PROJECT 04 -->\n\n                <article class=\"sh-project\">\n\n                    <div class=\"sh-project-image\">\n                        PROJEK STRATEGIK 04\n                    <\/div>\n\n                    <div class=\"sh-project-body\">\n\n                        <small>\n                            BIODIVERSITI &amp; PEMULIHARAAN\n                        <\/small>\n\n                        <h3>\n                            Pencalonan Anjung Utara Selangor Biosphere Reserve\n                        <\/h3>\n\n                        <p>\n                            Cadangan landskap pemuliharaan seluas\n                            297,661 hektar di bawah kerangka\n                            UNESCO Man and the Biosphere Programme.\n                        <\/p>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n\n            <div style=\"margin-top:45px;\">\n\n                <a\n                    href=\"\/sabda\/projek-inisiatif\/\"\n                    class=\"sh-btn sh-btn-red\"\n                >\n                    LIHAT PROJEK &amp; INISIATIF\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- =====================================================\n         PERTANIAN & KETERJAMINAN MAKANAN\n    ====================================================== -->\n\n    <section class=\"sh-section sh-food\">\n\n        <div class=\"sh-container sh-food-grid\">\n\n            <div>\n\n                <div class=\"sh-eyebrow\">\n                    PERTANIAN &amp; KETERJAMINAN MAKANAN\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Memperkukuh Kedudukan Sabak Bernam Dalam Pengeluaran Makanan.\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    Sektor pertanian dan makanan SABDA merangkumi padi,\n                    akuakultur, perikanan marin, sayur-sayuran, tanaman kontan\n                    dan pengeluaran buah-buahan.\n                <\/p>\n\n                <p class=\"sh-text\">\n                    Pembangunan sektor ini diperkukuh melalui penggunaan\n                    teknologi, pertanian pintar, penyelidikan dan inovasi\n                    bagi meningkatkan produktiviti serta keterjaminan makanan.\n                <\/p>\n\n                <div style=\"margin-top:35px;\">\n\n                    <a\n                        href=\"\/sabda\/fokus-pembangunan\/\"\n                        class=\"sh-btn sh-btn-red\"\n                    >\n                        TEROKAI FOKUS PEMBANGUNAN\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sh-food-stats\">\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        107,168.5\n                    <\/strong>\n\n                    <span>\n                        tan pengeluaran padi daripada\n                        13,134 hektar kawasan penanaman.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        69.81%\n                    <\/strong>\n\n                    <span>\n                        daripada jumlah hasil padi\n                        Negeri Selangor.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        20,457\n                    <\/strong>\n\n                    <span>\n                        tan hasil akuakultur yang menyokong\n                        sektor makanan dan perikanan.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-food-stat\">\n\n                    <strong>\n                        110,674.4\n                    <\/strong>\n\n                    <span>\n                        tan pengeluaran tanaman lain\n                        di Sabak Bernam.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         IMPAK EKONOMI\n    ====================================================== -->\n\n    <section class=\"sh-section sh-impact\">\n\n        <div class=\"sh-container\">\n\n            <div class=\"sh-heading\">\n\n                <div class=\"sh-eyebrow\">\n                    IMPAK EKONOMI\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Membina Ekosistem Ekonomi Yang Berdaya Tahan.\n                <\/h2>\n\n                <p\n                    class=\"sh-text\"\n                    style=\"color:rgba(255,255,255,.82);\"\n                >\n                    Pembangunan SABDA dirangka untuk merangsang pelaburan,\n                    membuka peluang pekerjaan dan meningkatkan pendapatan\n                    melalui pertumbuhan ekonomi yang lebih inklusif dan mampan.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"sh-impact-grid\">\n\n                <div class=\"sh-impact-card\">\n\n                    <strong>\n                        RM1.9B\n                    <\/strong>\n\n                    <span>\n                        PELABURAN\n                        <br><br>\n                        Pelaburan yang menyokong pembangunan\n                        ekosistem ekonomi SABDA.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-impact-card\">\n\n                    <strong>\n                        6,000\n                    <\/strong>\n\n                    <span>\n                        UNJURAN PEKERJAAN\n                        <br><br>\n                        Potensi peluang pekerjaan melalui\n                        pembangunan projek dan sektor ekonomi SABDA.\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"sh-impact-card\">\n\n                    <strong>\n                        RM246J\n                    <\/strong>\n\n                    <span>\n                        UNJURAN PENDAPATAN TAHUNAN\n                        <br><br>\n                        Potensi pendapatan tahunan hasil daripada\n                        pembangunan ekosistem ekonomi SABDA.\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         KELESTARIAN \/ BIOSPHERE\n    ====================================================== -->\n\n    <section class=\"sh-section sh-bio\">\n\n        <div class=\"sh-container sh-bio-grid\">\n\n            <div>\n\n                <div class=\"sh-eyebrow\">\n                    KELESTARIAN\n                <\/div>\n\n                <h2 class=\"sh-title\">\n                    Pertumbuhan Ekonomi dan Pemuliharaan Alam Bergerak Seiring.\n                <\/h2>\n\n                <p class=\"sh-text\">\n                    SABDA memberi penekanan kepada pembangunan yang\n                    mengimbangi pertumbuhan ekonomi dengan pemuliharaan\n                    biodiversiti, perlindungan ekosistem dan kesejahteraan\n                    komuniti.\n                <\/p>\n\n                <p class=\"sh-text\">\n                    Pencalonan Anjung Utara Selangor Biosphere Reserve\n                    (AUSBR) merupakan cadangan landskap yang menyokong\n                    keharmonian antara pemuliharaan biodiversiti dan\n                    pembangunan mampan.\n                <\/p>\n\n                <div style=\"margin-top:35px;\">\n\n                    <a\n                        href=\"\/sabda\/kelestarian\/\"\n                        class=\"sh-btn sh-btn-red\"\n                    >\n                        TEROKAI KELESTARIAN\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"sh-bio-box\">\n\n                <strong>\n                    297,661\n                <\/strong>\n\n                <span>\n                    HEKTAR\n                    <br><br>\n\n                    PENCALONAN \/ CADANGAN\n                    <br>\n\n                    ANJUNG UTARA SELANGOR\n                    <br>\n\n                    BIOSPHERE RESERVE (AUSBR)\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- =====================================================\n         FINAL CTA\n    ====================================================== -->\n\n    <section class=\"sh-cta\">\n\n        <div class=\"sh-container sh-cta-inner\">\n\n            <h2>\n                Bersama Membangunkan Masa Hadapan Sabak Bernam.\n            <\/h2>\n\n            <a\n                class=\"sh-btn sh-btn-light\"\n                href=\"\/sabda\/hubungi-kami\/\"\n            >\n                HUBUNGI KAMI \u2192\n            <\/a>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n<script>\n(function(){\n\n    \"use strict\";\n\n    \/* =========================================================\n       KEMBARA SABDA COUNTDOWN\n       Tarikh sementara:\n       20 Disember 2026\n       9:00 pagi\n       Malaysia (+08:00)\n    ========================================================= *\/\n\n    const eventDate =\n        new Date(\"2026-12-20T09:00:00+08:00\").getTime();\n\n    const daysElement =\n        document.getElementById(\"sabdaDays\");\n\n    const hoursElement =\n        document.getElementById(\"sabdaHours\");\n\n    const minutesElement =\n        document.getElementById(\"sabdaMinutes\");\n\n    const secondsElement =\n        document.getElementById(\"sabdaSeconds\");\n\n    const timerArea =\n        document.getElementById(\"sabdaTimerArea\");\n\n    const endedElement =\n        document.getElementById(\"sabdaEventEnded\");\n\n\n    \/* =========================================================\n       SAFETY CHECK\n    ========================================================= *\/\n\n    if(\n        !daysElement ||\n        !hoursElement ||\n        !minutesElement ||\n        !secondsElement\n    ){\n        return;\n    }\n\n\n    \/* =========================================================\n       FORMAT NUMBER\n    ========================================================= *\/\n\n    function pad(number){\n\n        return String(number).padStart(2,\"0\");\n\n    }\n\n\n    \/* =========================================================\n       UPDATE COUNTDOWN\n    ========================================================= *\/\n\n    function updateCountdown(){\n\n        const currentTime =\n            new Date().getTime();\n\n        const distance =\n            eventDate - currentTime;\n\n\n        \/* =====================================================\n           EVENT STARTED\n        ====================================================== *\/\n\n        if(distance <= 0){\n\n            if(timerArea){\n                timerArea.style.display = \"none\";\n            }\n\n            if(endedElement){\n                endedElement.style.display = \"block\";\n            }\n\n            return;\n        }\n\n\n        \/* =====================================================\n           CALCULATE TIME\n        ====================================================== *\/\n\n        const days =\n            Math.floor(\n                distance \/\n                (1000 * 60 * 60 * 24)\n            );\n\n\n        const hours =\n            Math.floor(\n                (\n                    distance %\n                    (1000 * 60 * 60 * 24)\n                ) \/\n                (1000 * 60 * 60)\n            );\n\n\n        const minutes =\n            Math.floor(\n                (\n                    distance %\n                    (1000 * 60 * 60)\n                ) \/\n                (1000 * 60)\n            );\n\n\n        const seconds =\n            Math.floor(\n                (\n                    distance %\n                    (1000 * 60)\n                ) \/\n                1000\n            );\n\n\n        \/* =====================================================\n           UPDATE DISPLAY\n        ====================================================== *\/\n\n        daysElement.textContent =\n            pad(days);\n\n        hoursElement.textContent =\n            pad(hours);\n\n        minutesElement.textContent =\n            pad(minutes);\n\n        secondsElement.textContent =\n            pad(seconds);\n\n    }\n\n\n    \/* =========================================================\n       START COUNTDOWN\n    ========================================================= *\/\n\n    updateCountdown();\n\n    setInterval(\n        updateCountdown,\n        1000\n    );\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>SABAK BERNAM DEVELOPMENT AREA Memacu Pertumbuhan. Membina Masa Hadapan. SABDA memacu transformasi Sabak Bernam melalui pembangunan ekonomi mampan yang menggabungkan keterjaminan makanan, pertanian pintar, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":10,"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/pages\/69\/revisions\/315"}],"wp:attachment":[{"href":"https:\/\/tapakuji.com\/sabda2\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}