{"id":102,"date":"2026-10-15T13:52:18","date_gmt":"2026-10-15T13:52:18","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=102"},"modified":"2026-10-16T04:15:55","modified_gmt":"2026-10-16T04:15:55","slug":"spmb-2027","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=102","title":{"rendered":"SPMB 2027"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PPDB &#8211; SMP NASA Islamic Boarding School<\/title>\n    <!-- Google Fonts untuk Tipografi Modern & Akademis -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* ==========================================\n           1. VARIABLE WARNA & UTILITY\n           ========================================== *\/\n        :root {\n            --bg-body: #FAFAFA;\n            --bg-card: #FFFFFF;\n            --primary-brown: #9E7633;     \/* Coklat Muda Keemasan Logo *\/\n            --primary-brown-light: #F7F3EB;\/* Coklat Sangat Muda (Aksen) *\/\n            --text-dark: #1F1F1F;         \/* Hitam\/Charcoal Utama *\/\n            --text-muted: #555555;        \/* Abu-abu Teks Deskripsi *\/\n            --border-color: #E8E3DA;\n            --red-bright: #E63946;        \/* Merah Menyala untuk CTA Utama *\/\n            --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);\n            --shadow-hover: 0 15px 35px rgba(158, 118, 51, 0.12);\n            --radius-main: 16px;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: 'Plus Jakarta Sans', sans-serif;\n        }\n\n        body {\n            background-color: var(--bg-body);\n            color: var(--text-dark);\n            line-height: 1.7;\n            padding: 40px 20px;\n        }\n\n        .container {\n            max-width: 1100px;\n            margin: 0 auto;\n        }\n\n        \/* Header Halaman *\/\n        .page-header {\n            text-align: center;\n            margin-bottom: 40px;\n        }\n\n        .page-header h1 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            letter-spacing: -0.5px;\n        }\n\n        .page-header p {\n            color: var(--primary-brown);\n            font-size: 1.1rem;\n            font-weight: 600;\n            margin-top: 8px;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n        }\n\n        \/* HERO CTA BANNER *\/\n        .ppdb-hero {\n            background: linear-gradient(135deg, var(--text-dark) 0%, #342813 100%);\n            color: #FFFFFF;\n            border-radius: var(--radius-main);\n            padding: 45px 35px;\n            text-align: center;\n            box-shadow: var(--shadow-soft);\n            margin-bottom: 40px;\n        }\n\n        .ppdb-hero h2 {\n            font-size: 2rem;\n            font-weight: 800;\n            margin-bottom: 12px;\n            color: #FFFFFF;\n        }\n\n        .ppdb-hero p {\n            font-size: 1.1rem;\n            color: var(--primary-brown-light);\n            max-width: 780px;\n            margin: 0 auto 28px auto;\n        }\n\n        \/* TOMBOL MERAH MENYALA TULISAN PUTIH *\/\n        .btn-daftar-merah {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            background-color: var(--red-bright);\n            color: #FFFFFF !important;\n            padding: 18px 42px;\n            border-radius: 12px;\n            font-size: 1.25rem;\n            font-weight: 800;\n            text-decoration: none;\n            box-shadow: 0 8px 25px rgba(230, 57, 70, 0.4);\n            transition: all 0.3s ease;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .btn-daftar-merah:hover {\n            transform: translateY(-4px) scale(1.02);\n            box-shadow: 0 12px 30px rgba(230, 57, 70, 0.55);\n            background-color: #d62839;\n        }\n\n        \/* Card Section Umum *\/\n        .section-card {\n            background: var(--bg-card);\n            border-radius: var(--radius-main);\n            padding: 35px;\n            border: 1px solid var(--border-color);\n            box-shadow: var(--shadow-soft);\n            margin-bottom: 35px;\n        }\n\n        .section-title {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 24px;\n            position: relative;\n            padding-left: 18px;\n        }\n\n        .section-title::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 10%;\n            height: 80%;\n            width: 5px;\n            background-color: var(--primary-brown);\n            border-radius: 4px;\n        }\n\n        \/* GELOMBANG PENDAFTARAN GRID *\/\n        .gelombang-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n        }\n\n        .gelombang-card {\n            background: var(--bg-card);\n            border: 2px solid var(--border-color);\n            border-radius: 14px;\n            padding: 25px;\n            position: relative;\n            transition: all 0.3s ease;\n        }\n\n        .gelombang-card.active {\n            border-color: var(--primary-brown);\n            background: var(--primary-brown-light);\n        }\n\n        .badge-disc {\n            position: absolute;\n            top: 18px;\n            right: 18px;\n            background: var(--red-bright);\n            color: #FFFFFF;\n            font-size: 0.8rem;\n            font-weight: 800;\n            padding: 4px 12px;\n            border-radius: 20px;\n            text-transform: uppercase;\n        }\n\n        .gelombang-card h3 {\n            font-size: 1.25rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n        }\n\n        .gelombang-card .periode {\n            font-size: 0.95rem;\n            font-weight: 600;\n            color: var(--primary-brown);\n            margin-bottom: 12px;\n            display: block;\n        }\n\n        .gelombang-card p {\n            font-size: 0.9rem;\n            color: var(--text-muted);\n        }\n\n        \/* SYARAT SYARAT GRID *\/\n        .syarat-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 15px;\n        }\n\n        .syarat-item {\n            background: var(--primary-brown-light);\n            border: 1px solid var(--border-color);\n            padding: 18px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-weight: 600;\n            font-size: 0.95rem;\n            color: var(--text-dark);\n        }\n\n        .syarat-item .icon {\n            font-size: 1.5rem;\n        }\n\n        \/* KELEBIHAN & FASILITAS GRID *\/\n        .kelebihan-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 20px;\n        }\n\n        .kelebihan-card {\n            background: #FFFFFF;\n            border: 1px solid var(--border-color);\n            border-radius: 12px;\n            padding: 22px;\n            transition: all 0.3s ease;\n        }\n\n        .kelebihan-card:hover {\n            border-color: var(--primary-brown);\n            box-shadow: var(--shadow-hover);\n            transform: translateY(-3px);\n        }\n\n        .kelebihan-card h4 {\n            font-size: 1.1rem;\n            font-weight: 700;\n            color: var(--primary-brown);\n            margin-bottom: 8px;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .kelebihan-card p {\n            font-size: 0.92rem;\n            color: var(--text-muted);\n        }\n\n        \/* EKSTRAKURIKULER TAGS *\/\n        .ekskul-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-top: 15px;\n        }\n\n        .ekskul-tag {\n            background: var(--primary-brown-light);\n            border: 1px solid var(--border-color);\n            color: var(--text-dark);\n            padding: 8px 16px;\n            border-radius: 20px;\n            font-size: 0.9rem;\n            font-weight: 600;\n        }\n\n        \/* BOTTOM CTA BOX *\/\n        .bottom-cta {\n            background: var(--primary-brown-light);\n            border: 2px dashed var(--primary-brown);\n            border-radius: var(--radius-main);\n            padding: 35px;\n            text-align: center;\n            margin-top: 20px;\n        }\n\n        .bottom-cta h3 {\n            font-size: 1.5rem;\n            font-weight: 800;\n            color: var(--text-dark);\n            margin-bottom: 10px;\n        }\n\n        .bottom-cta p {\n            font-size: 0.98rem;\n            color: var(--text-muted);\n            margin-bottom: 22px;\n        }\n\n        \/* Responsive *\/\n        @media (max-width: 768px) {\n            body { padding: 20px 10px; }\n            .section-card, .ppdb-hero, .bottom-cta { padding: 25px 20px; }\n            .page-header h1 { font-size: 2rem; }\n            .ppdb-hero h2 { font-size: 1.5rem; }\n            .btn-daftar-merah { width: 100%; justify-content: center; font-size: 1.05rem; padding: 16px 20px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- Header -->\n        <header class=\"page-header\">\n            <p>Penerimaan Peserta Didik Baru (PPDB)<\/p>\n            <h1>SMP NASA Islamic Boarding School<\/h1>\n        <\/header>\n\n        <!-- HERO CTA BANNER UTAMA -->\n        <div class=\"ppdb-hero\">\n            <h2>Membentuk Generasi CAKAP &#038; Berperspektif Global<\/h2>\n            <p>Pendaftaran Terpadu SMP NASA sekaligus Program Kepesantrenan (Boarding School). Siapkan masa depan putra-putri Anda bersama kami.<\/p>\n            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeyAl8JeWf4B0mBTxC5OTb8bGlxVqCqIIeSzqD9GHKoUzI7-Q\/viewform\" target=\"_blank\" class=\"btn-daftar-merah\">\n                \ud83d\udcdd DAFTAR SEKARANG\n            <\/a>\n        <\/div>\n\n        <!-- GELOMBANG PENDAFTARAN -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Jadwal &#038; Gelombang Pendaftaran<\/h2>\n            <div class=\"gelombang-grid\">\n                \n                <div class=\"gelombang-card active\">\n                    <span class=\"badge-disc\">Disc Up To 50%<\/span>\n                    <h3>Gelombang 1<\/h3>\n                    <span class=\"periode\">Oktober \u2013 Desember 2026<\/span>\n                    <p>Dapatkan keringanan biaya pendaftaran maksimal. Kuota terbatas untuk pendaftar awal.<\/p>\n                <\/div>\n\n                <div class=\"gelombang-card\">\n                    <span class=\"badge-disc\" style=\"background: #2A9D8F;\">Disc Up To 30%<\/span>\n                    <h3>Gelombang 2<\/h3>\n                    <span class=\"periode\">Januari \u2013 Mei 2027<\/span>\n                    <p>Kesempatan potongan biaya pendaftaran tahap kedua sebelum kuota penuh.<\/p>\n                <\/div>\n\n                <div class=\"gelombang-card\">\n                    <h3>Gelombang 3<\/h3>\n                    <span class=\"periode\">Juni 2027<\/span>\n                    <p>Pendaftaran tahap akhir dengan tarif normal (apabila kuota masih tersedia).<\/p>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <!-- SYARAT PENDAFTARAN -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Syarat &#038; Dokumen Pendaftaran<\/h2>\n            <p style=\"color: var(--text-muted); margin-bottom: 20px;\">Pendaftaran dilakukan secara online. Setiap calon santri wajib mengikuti seluruh rangkaian kegiatan sekolah dan pondok pesantren asrama. Siapkan berkas berikut:<\/p>\n            \n            <div class=\"syarat-grid\">\n                <div class=\"syarat-item\">\n                    <span class=\"icon\">\ud83d\udcc4<\/span>\n                    <span>Mengisi Formulir Online<\/span>\n                <\/div>\n                <div class=\"syarat-item\">\n                    <span class=\"icon\">\ud83e\udeaa<\/span>\n                    <span>KTP Orang Tua \/ Wali<\/span>\n                <\/div>\n                <div class=\"syarat-item\">\n                    <span class=\"icon\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66<\/span>\n                    <span>Kartu Keluarga (KK)<\/span>\n                <\/div>\n                <div class=\"syarat-item\">\n                    <span class=\"icon\">\ud83d\udcdc<\/span>\n                    <span>Akta Kelahiran Siswa<\/span>\n                <\/div>\n                <div class=\"syarat-item\">\n                    <span class=\"icon\">\ud83d\uddbc\ufe0f<\/span>\n                    <span>Pas Foto Terbaru<\/span>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- KELEBIHAN & KEUNGGULAN SMP NASA -->\n        <section class=\"section-card\">\n            <h2 class=\"section-title\">Mengapa Harus Memilih SMP NASA?<\/h2>\n            \n            <div class=\"kelebihan-grid\">\n                \n                <div class=\"kelebihan-card\">\n                    <h4>\ud83c\udfdb\ufe0f Legalitas &#038; Keamanan Aset<\/h4>\n                    <p>Perizinan operasional resmi diakui negara. Lahan dan tanah sekolah sudah <strong>bersertifikat wakaf<\/strong> penuh, sehingga aman dan bebas dari sengketa.<\/p>\n                <\/div>\n\n                <div class=\"kelebihan-card\">\n                    <h4>\ud83c\udfd4\ufe0f Kawasan Asri 1000 Mdpl<\/h4>\n                    <p>Berada di ketinggian 1000 Mdpl di kawasan Ngamprah yang sejuk, asri, dan jauh dari kebisingan kota, mendukung iklim belajar &#038; menghafal Al-Qur&#8217;an secara maksimal.<\/p>\n                <\/div>\n\n                <div class=\"kelebihan-card\">\n                    <h4>\ud83c\udfe2 Fasilitas Terpisah &#038; Nyaman<\/h4>\n                    <p>Asrama serta lapangan olahraga dibuat terpisah penuh antara putra dan putri (bebas antrean\/rebutan). Ruang kelas dilengkapi proyektor dan toilet senantiasa bersih.<\/p>\n                <\/div>\n\n                <div class=\"kelebihan-card\">\n                    <h4>\ud83d\ude97 Area Parkir Luas<\/h4>\n                    <p>Memiliki area parkir yang sangat luas dan aman untuk kenyamanan orang tua saat agenda kunjungan\/penjengukan santri.<\/p>\n                <\/div>\n\n                <div class=\"kelebihan-card\">\n                    <h4>\ud83d\udc68\u200d\ud83c\udfeb Pendidik Profesional<\/h4>\n                    <p>Dibidangi oleh guru-guru kualifikasi S1 &#038; S2 yang ahli, fasih berbahasa Arab, adaptif, serta bertindak sebagai pengasuh teladan di asrama.<\/p>\n                <\/div>\n\n                <div class=\"kelebihan-card\">\n                    <h4>\ud83c\udf93 Prestasi &#038; Target Jelas<\/h4>\n                    <p>Target hafalan Al-Qur&#8217;an terukur, pembiasaan bahasa Arab, serta rekam jejak prestasi siswa hingga tingkat Provinsi Jawa Barat &#038; Kabupaten Bandung Barat.<\/p>\n                <\/div>\n\n            <\/div>\n\n            <!-- EKSKUL HIGHLIGHT -->\n            <h3 style=\"font-size: 1.15rem; font-weight: 700; margin-top: 30px; margin-bottom: 10px; color: var(--text-dark);\">\n                \ud83c\udfaf Pilihan Ekstrakurikuler Pengembangan Diri:\n            <\/h3>\n            <div class=\"ekskul-container\">\n                <span class=\"ekskul-tag\">\ud83c\udff9 Panahan<\/span>\n                <span class=\"ekskul-tag\">\ud83c\udf73 Memasak (Culinary)<\/span>\n                <span class=\"ekskul-tag\">\ud83e\uddf5 Menjahit<\/span>\n                <span class=\"ekskul-tag\">\ud83c\udfd4\ufe0f Hiking \/ Pendakian Gunung<\/span>\n                <span class=\"ekskul-tag\">\u26bd Sepak Bola<\/span>\n                <span class=\"ekskul-tag\">\u26bd Futsal<\/span>\n                <span class=\"ekskul-tag\">\ud83c\udff8 Badminton<\/span>\n                <span class=\"ekskul-tag\">\ud83e\udd4b Pencak Silat<\/span>\n                <span class=\"ekskul-tag\">\ud83d\udcbb Informatika &#038; Teknologi<\/span>\n                <span class=\"ekskul-tag\">&#8230;dan banyak pilihan lainnya!<\/span>\n            <\/div>\n        <\/section>\n\n        <!-- BOTTOM CALL TO ACTION -->\n        <div class=\"bottom-cta\">\n            <h3>Siap Menjadi Bagian dari Keluarga Besar SMP NASA?<\/h3>\n            <p>Pengisian formulir pendaftaran dilakukan secara terpadu melalui tautan resmi Google Form di bawah ini.<\/p>\n            <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeyAl8JeWf4B0mBTxC5OTb8bGlxVqCqIIeSzqD9GHKoUzI7-Q\/viewform\" target=\"_blank\" class=\"btn-daftar-merah\">\n                \ud83d\udcdd DAFTAR SEKARANG\n            <\/a>\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>PPDB &#8211; SMP NASA Islamic Boarding School Penerimaan Peserta Didik Baru (PPDB) SMP NASA Islamic Boarding School Membentuk Generasi CAKAP &#038; Berperspektif Global Pendaftaran Terpadu SMP NASA sekaligus Program Kepesantrenan (Boarding School). Siapkan masa depan putra-putri Anda bersama kami. \ud83d\udcdd DAFTAR SEKARANG Jadwal &#038; Gelombang Pendaftaran Disc Up To 50% Gelombang 1 Oktober \u2013 Desember [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=102"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/102\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}