{"id":13,"date":"2026-09-08T05:54:00","date_gmt":"2026-09-08T05:54:00","guid":{"rendered":"https:\/\/smp-nasa.sch.id\/?page_id=13"},"modified":"2026-10-15T16:03:48","modified_gmt":"2026-10-15T16:03:48","slug":"contact","status":"publish","type":"page","link":"https:\/\/smp-nasa.sch.id\/?page_id=13","title":{"rendered":"Contact"},"content":{"rendered":"\n\n\n\n \n \n Kontak Kami – SMP NASA<\/title>\n <!-- Google Fonts untuk Tipografi Akademik Modern -->\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&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 --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: 50px;\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 \/* Layout Grid Kontak (2 Kolom) *\/\n .contact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n margin-bottom: 40px;\n }\n\n @media (max-width: 900px) {\n .contact-grid {\n grid-template-columns: 1fr;\n }\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 height: 100%;\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 \/* Info Item List *\/\n .info-item {\n display: flex;\n align-items: flex-start;\n margin-bottom: 22px;\n }\n\n .info-icon {\n background: var(--primary-brown-light);\n color: var(--primary-brown);\n min-width: 44px;\n height: 44px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n margin-right: 18px;\n flex-shrink: 0;\n }\n\n .info-content h3 {\n font-size: 0.95rem;\n font-weight: 700;\n color: var(--text-dark);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-bottom: 4px;\n }\n\n .info-content p, .info-content a {\n font-size: 0.95rem;\n color: var(--text-muted);\n text-decoration: none;\n transition: color 0.2s;\n }\n\n .info-content a:hover {\n color: var(--primary-brown);\n text-decoration: underline;\n }\n\n \/* Tombol Aksi Cepat (WhatsApp\/Maps) *\/\n .btn-action {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: #25D366; \/* Warna khas WhatsApp *\/\n color: #FFFFFF;\n padding: 10px 18px;\n border-radius: 8px;\n font-size: 0.9rem;\n font-weight: 600;\n text-decoration: none;\n margin-top: 8px;\n transition: opacity 0.2s, transform 0.2s;\n }\n\n .btn-action:hover {\n opacity: 0.9;\n transform: translateY(-2px);\n color: #FFFFFF;\n text-decoration: none;\n }\n\n .btn-maps {\n background-color: var(--primary-brown);\n }\n\n \/* Sosmed Badges *\/\n .social-container {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 8px;\n }\n\n .social-badge {\n background: var(--primary-brown-light);\n color: var(--text-dark);\n padding: 6px 14px;\n border-radius: 20px;\n font-size: 0.88rem;\n font-weight: 600;\n text-decoration: none;\n border: 1px solid var(--border-color);\n transition: all 0.2s;\n }\n\n .social-badge:hover {\n background: var(--primary-brown);\n color: #FFFFFF;\n border-color: var(--primary-brown);\n }\n\n \/* Full Width Map Card *\/\n .map-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-top: 30px;\n }\n\n .map-responsive {\n position: relative;\n width: 100%;\n height: 400px;\n border-radius: 12px;\n overflow: hidden;\n border: 1px solid var(--border-color);\n margin-top: 20px;\n }\n\n .map-responsive iframe {\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* Responsive Adjustments *\/\n @media (max-width: 768px) {\n body { padding: 20px 10px; }\n .section-card, .map-card { padding: 25px 20px; }\n .page-header h1 { font-size: 2rem; }\n .map-responsive { height: 300px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"container\">\n \n <!-- Header -->\n <header class=\"page-header\">\n <p>Pusat Informasi & Layanan<\/p>\n <h1>Kontak Kami SMP NASA<\/h1>\n <\/header>\n\n <!-- GRID KONTAK UTAMA -->\n <div class=\"contact-grid\">\n \n <!-- Kolom 1: Alamat & Jam Kerja -->\n <div class=\"section-card\">\n <h2 class=\"section-title\">Lokasi & Operasional<\/h2>\n \n <div class=\"info-item\">\n <div class=\"info-icon\">\ud83c\udfeb<\/div>\n <div class=\"info-content\">\n <h3>Nama Sekolah<\/h3>\n <p>SMP NASA (Islamic Boarding School)<\/p>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\ud83d\udccd<\/div>\n <div class=\"info-content\">\n <h3>Alamat Lengkap<\/h3>\n <p>Jln. Ciwantani No. 59 RT. 03 RW. 17 Desa Cilame Kecamatan Ngamprah, Kabupaten Bandung Barat, Provinsi Jawa Barat.<\/p>\n <p style=\"margin-top: 4px; font-weight: 600;\">Kode Pos: 40552<\/p>\n <a href=\"https:\/\/maps.app.goo.gl\/psFVBYTJgiyi6Sdt9\" target=\"_blank\" class=\"btn-action btn-maps\">\ud83d\uddfa\ufe0f Buka di Google Maps<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\u23f0<\/div>\n <div class=\"info-content\">\n <h3>Jam Kerja Kantor<\/h3>\n <p>Senin \u2013 Sabtu<br>08:00 \u2013 15:00 WIB<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Kolom 2: Kontak Person & Media Sosial -->\n <div class=\"section-card\">\n <h2 class=\"section-title\">Layanan & Komunikasi<\/h2>\n \n <div class=\"info-item\">\n <div class=\"info-icon\">\ud83d\udcf1<\/div>\n <div class=\"info-content\">\n <h3>WhatsApp Hotline SMP NASA<\/h3>\n <p>0817-7091-9951<\/p>\n <a href=\"https:\/\/wa.me\/6281770919951\" target=\"_blank\" class=\"btn-action\">\ud83d\udcac Chat Hotline<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\ud83d\udc69\u200d\ud83d\udcbc<\/div>\n <div class=\"info-content\">\n <h3>Ibu Hilda Dwi Septiani<\/h3>\n <p>0897-5679-735<\/p>\n <a href=\"https:\/\/wa.me\/628975679735\" target=\"_blank\" class=\"btn-action\">\ud83d\udcac Chat via WhatsApp<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\u2709\ufe0f<\/div>\n <div class=\"info-content\">\n <h3>Email Resmi<\/h3>\n <a href=\"mailto:smpnasa.ibs@gmail.com\">smpnasa.ibs@gmail.com<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info-item\">\n <div class=\"info-icon\">\ud83c\udf10<\/div>\n <div class=\"info-content\">\n <h3>Media Sosial<\/h3>\n <div class=\"social-container\">\n <a href=\"https:\/\/instagram.com\/nasa.ibs\" target=\"_blank\" class=\"social-badge\">Instagram (@nasa.ibs)<\/a>\n <a href=\"#\" target=\"_blank\" class=\"social-badge\">Facebook (SMP Nasa Islamic Boarding School)<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- FULL WIDTH MAP SECTION -->\n <div class=\"map-card\">\n <h2 class=\"section-title\" style=\"margin-bottom: 10px;\">Peta Lokasi Sekolah<\/h2>\n <p style=\"color: var(--text-muted); font-size: 0.95rem;\">Kunjungi lokasi kampus kami di kawasan Ngamprah, Kabupaten Bandung Barat.<\/p>\n \n <div class=\"map-responsive\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3961.5151444947182!2d107.52165007499569!3d-6.828663693169227!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68e30b29320a7f%3A0xda0b3163b90beac0!2sSMP%20Nasa%20KBB!5e0!3m2!1sen!2sid!4v1792079706638!5m2!1sen!2sid\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n <\/div>\n <\/div>\n\n <\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Kontak Kami – SMP NASA Pusat Informasi & Layanan Kontak Kami SMP NASA Lokasi & Operasional \ud83c\udfeb Nama Sekolah SMP NASA (Islamic Boarding School) \ud83d\udccd Alamat Lengkap Jln. Ciwantani No. 59 RT. 03 RW. 17 Desa Cilame Kecamatan Ngamprah, Kabupaten Bandung Barat, Provinsi Jawa Barat. Kode Pos: 40552 \ud83d\uddfa\ufe0f Buka di Google Maps \u23f0 Jam […]<\/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-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/13","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=13"}],"version-history":[{"count":2,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":124,"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/124"}],"wp:attachment":[{"href":"https:\/\/smp-nasa.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}