SMAN 1 Setu<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700;800&family=Source+Sans+3:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n html, body { height: 100%; margin: 0; }\n * { box-sizing: border-box; }\n .font-heading { font-family: 'Playfair Display', Georgia, serif; }\n .font-body { font-family: 'Source Sans 3', sans-serif; }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.9); }\n to { opacity: 1; transform: scale(1); }\n }\n .anim-fade-up { animation: fadeUp 0.7s ease forwards; opacity: 0; }\n .anim-scale-in { animation: scaleIn 0.6s ease forwards; opacity: 0; }\n .delay-1 { animation-delay: 0.1s; }\n .delay-2 { animation-delay: 0.2s; }\n .delay-3 { animation-delay: 0.3s; }\n .delay-4 { animation-delay: 0.4s; }\n .delay-5 { animation-delay: 0.5s; }\n .delay-6 { animation-delay: 0.6s; }\n\n .facility-card:hover { transform: translateY(-6px); }\n .facility-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n\n .social-card:hover { transform: translateY(-4px) scale(1.02); }\n .social-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n\n .hero-pattern {\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 40%);\n }\n\n .nav-link { position: relative; }\n .nav-link::after {\n content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px;\n background: currentColor; transition: width 0.3s ease;\n }\n .nav-link:hover::after { width: 100%; }\n\n .photo-placeholder {\n background: linear-gradient(135deg, #e2e8f0, #cbd5e1);\n display: flex; align-items: center; justify-content: center; flex-direction: column;\n }\n\n .scroll-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }\n .scroll-reveal.visible { opacity: 1; transform: translateY(0); }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body data-rsssl=1 data-rsssl=1 class=\"h-full font-body\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #f8f7f4;\">\n <nav id=\"navbar\" class=\"sticky top-0 z-50 backdrop-blur-md border-b\" style=\"background-color: rgba(15,52,36,0.95); border-color: rgba(255,255,255,0.1);\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center font-heading font-bold text-sm\" style=\"background-color: #c9a84c; color: #0f3424;\">\n S1\n <\/div>\n <div>\n <div id=\"nav-school-name\" class=\"font-heading font-bold text-sm\" style=\"color: #c9a84c;\">\n SMAN 1 SETU\n <\/div>\n <div class=\"text-xs\" style=\"color: rgba(255,255,255,0.6);\">\n Kabupaten Bekasi\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hidden md:flex items-center gap-6 text-sm font-medium\" style=\"color: rgba(255,255,255,0.85);\"><a href=\"#beranda\" class=\"nav-link\" style=\"color: #c9a84c;\">Beranda<\/a> <a href=\"#sambutan\" class=\"nav-link\">Sambutan<\/a> <a href=\"#fasilitas\" class=\"nav-link\">Fasilitas<\/a> <a href=\"#sosmed\" class=\"nav-link\">Media Sosial<\/a>\n <\/div><button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg\" style=\"color: white;\" aria-label=\"Toggle menu\"> <i data-lucide=\"menu\" style=\"width:24px;height:24px;\"><\/i> <\/button>\n <\/div>\n <div id=\"mobile-menu\" class=\"hidden md:hidden pb-4 space-y-2 text-sm font-medium\" style=\"color: rgba(255,255,255,0.85);\"><a href=\"#beranda\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\" style=\"color: #c9a84c;\">Beranda<\/a> <a href=\"#sambutan\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\">Sambutan<\/a> <a href=\"#fasilitas\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\">Fasilitas<\/a> <a href=\"#sosmed\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\">Media Sosial<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <header id=\"beranda\" class=\"hero-pattern relative overflow-hidden\" style=\"background-color: #0f3424;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 sm:py-28 text-center relative z-10\">\n <div class=\"anim-fade-up delay-1\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full text-xs font-semibold tracking-wider uppercase mb-6\" style=\"background-color: rgba(201,168,76,0.15); color: #c9a84c; border: 1px solid rgba(201,168,76,0.3);\"><i data-lucide=\"graduation-cap\" style=\"width:14px;height:14px;\"><\/i> Selamat Datang\n <\/div>\n <\/div>\n <h1 id=\"hero-title\" class=\"font-heading font-800 text-4xl sm:text-5xl lg:text-6xl leading-tight mb-4 anim-fade-up delay-2\" style=\"color: white;\">SMAN 1 Setu<\/h1>\n <p id=\"hero-tagline\" class=\"text-lg sm:text-xl max-w-2xl mx-auto mb-8 anim-fade-up delay-3\" style=\"color: rgba(255,255,255,0.7);\">Satu Setu Maju<\/p>\n <div class=\"flex flex-wrap justify-center gap-4 anim-fade-up delay-4\"><a href=\"#sambutan\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold text-sm transition-all hover:brightness-110\" style=\"background-color: #c9a84c; color: #0f3424;\"> <i data-lucide=\"book-open\" style=\"width:16px;height:16px;\"><\/i> Sambutan Kepala Sekolah <\/a> <a href=\"#fasilitas\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold text-sm transition-all hover:bg-white\/20\" style=\"background-color: rgba(255,255,255,0.1); color: white; border: 1px solid rgba(255,255,255,0.2);\"> <i data-lucide=\"building\" style=\"width:16px;height:16px;\"><\/i> Jelajahi Fasilitas <\/a>\n <\/div>\n <div class=\"grid grid-cols-3 gap-4 max-w-md mx-auto mt-14 anim-fade-up delay-5\">\n <div class=\"text-center\">\n <div class=\"font-heading font-bold text-2xl sm:text-3xl\" style=\"color: #c9a84c;\">\n 20+\n <\/div>\n <div class=\"text-xs mt-1\" style=\"color: rgba(255,255,255,0.5);\">\n Tahun Berdiri\n <\/div>\n <\/div>\n <div class=\"text-center\" style=\"border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);\">\n <div class=\"font-heading font-bold text-2xl sm:text-3xl\" style=\"color: #c9a84c;\">\n 1000+\n <\/div>\n <div class=\"text-xs mt-1\" style=\"color: rgba(255,255,255,0.5);\">\n Siswa Aktif\n <\/div>\n <\/div>\n <div class=\"text-center\">\n <div class=\"font-heading font-bold text-2xl sm:text-3xl\" style=\"color: #c9a84c;\">\n 80+\n <\/div>\n <div class=\"text-xs mt-1\" style=\"color: rgba(255,255,255,0.5);\">\n Tenaga Pendidik & TU\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-0 left-0 w-full overflow-hidden\" style=\"line-height:0;\">\n <svg viewbox=\"0 0 1200 120\" preserveaspectratio=\"none\" style=\"width:100%;height:60px;\" fill=\"#f8f7f4\"><path d=\"M0,60 C300,100 600,20 1200,60 L1200,120 L0,120 Z\" \/>\n <\/svg>\n <\/div>\n <\/header>\n <section id=\"sambutan\" class=\"py-16 sm:py-24\" style=\"background-color: #f8f7f4;\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 scroll-reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase mb-4\" style=\"color: #0f3424; background-color: rgba(15,52,36,0.08);\"><i data-lucide=\"quote\" style=\"width:12px;height:12px;\"><\/i> Sambutan\n <\/div>\n <h2 class=\"font-heading font-bold text-3xl sm:text-4xl\" style=\"color: #0f3424;\">Sambutan Kepala Sekolah<\/h2>\n <\/div>\n <div class=\"grid md:grid-cols-5 gap-8 items-start scroll-reveal\">\n <div class=\"md:col-span-2 flex justify-center\">\n <div class=\"relative\">\n <div class=\"w-56 h-72 sm:w-64 sm:h-80 rounded-2xl overflow-hidden shadow-xl photo-placeholder\" style=\"border: 4px solid #c9a84c;\"><i data-lucide=\"user\" style=\"width:64px;height:64px;color:#94a3b8;\"><\/i> <span class=\"text-sm mt-3 font-medium\" style=\"color: #94a3b8;\">Foto Kepala Sekolah<\/span>\n <\/div>\n <div class=\"absolute -bottom-3 -right-3 w-20 h-20 rounded-xl -z-10\" style=\"background-color: #c9a84c; opacity: 0.3;\"><\/div>\n <div class=\"absolute -top-3 -left-3 w-16 h-16 rounded-xl -z-10\" style=\"background-color: #0f3424; opacity: 0.15;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"md:col-span-3\">\n <div class=\"rounded-2xl p-6 sm:p-8 shadow-sm\" style=\"background-color: #ffffff; border: 1px solid rgba(15,52,36,0.08);\">\n <div class=\"mb-4\" style=\"color: #c9a84c; opacity: 0.4;\">\n <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M11 7h-5v7h4v4h-4v2h6v-13zm10 0h-5v7h4v4h-4v2h6v-13z\" \/>\n <\/svg>\n <\/div>\n <p id=\"welcome-text\" class=\"text-base sm:text-lg leading-relaxed mb-6\" style=\"color: #374151;\">Assalamu’alaikum Warahmatullahi Wabarakatuh. Puji syukur kehadirat Allah SWT atas segala limpahan rahmat dan karunia-Nya. Selamat datang di website resmi SMAN 1 Setu. Sekolah kami berkomitmen untuk mencetak generasi yang unggul dalam bidang akademik maupun non-akademik, berkarakter mulia, serta siap menghadapi tantangan era globalisasi. Kami percaya bahwa pendidikan adalah kunci utama dalam membangun masa depan bangsa yang cerah. Semoga website ini bermanfaat bagi seluruh civitas akademika dan masyarakat. “SMA Negeri 1 Setu – Satu Setu Maju” Wassalamu’alaikum Warahmatullahi Wabarakatuh.<\/p>\n <div class=\"flex items-center gap-3 pt-4\" style=\"border-top: 1px solid #e5e7eb;\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center\" style=\"background-color: #0f3424;\"><i data-lucide=\"award\" style=\"width:18px;height:18px;color:#c9a84c;\"><\/i>\n <\/div>\n <div>\n <div id=\"principal-name-display\" class=\"font-heading font-bold\" style=\"color: #0f3424;\">\n Ir. Hj. Sri Anaursi, M.P.\n <\/div>\n <div class=\"text-sm\" style=\"color: #6b7280;\">\n Kepala SMAN 1 Setu\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"fasilitas\" class=\"py-16 sm:py-24\" style=\"background-color: #0f3424;\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 scroll-reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase mb-4\" style=\"background-color: rgba(201,168,76,0.15); color: #c9a84c;\"><i data-lucide=\"building\" style=\"width:12px;height:12px;\"><\/i> Fasilitas\n <\/div>\n <h2 id=\"facilities-heading\" class=\"font-heading font-bold text-3xl sm:text-4xl\" style=\"color: white;\">Sarana & Prasarana<\/h2>\n <p class=\"mt-3 max-w-xl mx-auto\" style=\"color: rgba(255,255,255,0.6);\">Fasilitas untuk mendukung proses belajar mengajar yang optimal<\/p>\n <\/div>\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5\" id=\"facilities-grid\">\n <\/div>\n <\/div>\n <\/section>\n <section id=\"sosmed\" class=\"py-16 sm:py-24\" style=\"background-color: #f8f7f4;\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 scroll-reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase mb-4\" style=\"color: #0f3424; background-color: rgba(15,52,36,0.08);\"><i data-lucide=\"share-2\" style=\"width:12px;height:12px;\"><\/i> Terhubung\n <\/div>\n <h2 id=\"social-heading\" class=\"font-heading font-bold text-3xl sm:text-4xl\" style=\"color: #0f3424;\">Ikuti Kami<\/h2>\n <p class=\"mt-3 max-w-xl mx-auto\" style=\"color: #6b7280;\">Ikuti media sosial kami untuk informasi terbaru seputar kegiatan sekolah<\/p>\n <\/div>\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"social-grid\">\n <\/div>\n <\/div>\n <\/div>\n <script>\n \/\/ Facility data\n const facilities = [\n { icon: 'flask-conical', name: 'Laboratorium IPA', desc: 'Laboratorium lengkap untuk praktikum Fisika, Kimia, dan Biologi' },\n { icon: 'monitor', name: 'Lab Komputer & Bahasa', desc: 'Ruang komputer modern dengan koneksi internet' },\n { icon: 'library', name: 'Perpustakaan', desc: 'Koleksi ribuan buku pelajaran, referensi, dan fiksi' },\n { icon: 'dribbble', name: 'Lapangan Serbaguna', desc: 'Lapangan basket, futsal, dan voli untuk kegiatan olahraga dan Kegiatan Upacara' },\n { icon: 'mic', name: 'Aula Balebat', desc: 'Aula berkapasitas cukup besar untuk acara dan kegiatan sekolah' },\n { icon: 'heart-pulse', name: 'Ruang UKS', desc: 'Fasilitas kesehatan untuk siswa dan staf' },\n ];\n\n const facilityGrid = document.getElementById('facilities-grid');\n facilities.forEach((f, i) => {\n const card = document.createElement('div');\n card.className = 'facility-card rounded-2xl p-6 cursor-default scroll-reveal';\n card.style.cssText = 'background-color: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08);';\n card.style.animationDelay = `${i * 0.1}s`;\n card.innerHTML = `\n <div class=\"w-12 h-12 rounded-xl flex items-center justify-center mb-4\" style=\"background-color: rgba(201,168,76,0.15);\">\n <i data-lucide=\"${f.icon}\" style=\"width:22px;height:22px;color:#c9a84c;\"><\/i>\n <\/div>\n <h3 class=\"font-heading font-bold text-lg mb-2\" style=\"color: white;\">${f.name}<\/h3>\n <p class=\"text-sm leading-relaxed\" style=\"color: rgba(255,255,255,0.55);\">${f.desc}<\/p>\n `;\n facilityGrid.appendChild(card);\n });\n\n \/\/ Social media placeholders\n const socials = [\n { icon: 'instagram', name: 'Instagram', handle: '@sman1setu_official', color: '#E4405F', desc: 'Postingan Instagram terbaru akan ditampilkan di sini' },\n { icon: 'tiktok', name: 'TikTok', handle: 'SMAN 1 Setu', color: '#1877F2', desc: 'Postingan TikTok terbaru akan ditampilkan di sini' },\n { icon: 'youtube', name: 'YouTube', handle: 'SMAN 1 Setu Channel', color: '#FF0000', desc: 'Video YouTube terbaru akan ditampilkan di sini' },\n ];\n\n const socialGrid = document.getElementById('social-grid');\n socials.forEach((s, i) => {\n const card = document.createElement('div');\n card.className = 'social-card rounded-2xl overflow-hidden shadow-sm scroll-reveal';\n card.style.cssText = 'background-color: #ffffff; border: 1px solid #e5e7eb;';\n card.innerHTML = `\n <div class=\"p-4 flex items-center gap-3\" style=\"border-bottom: 1px solid #f3f4f6;\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center\" style=\"background-color: ${s.color}15;\">\n <i data-lucide=\"${s.icon}\" style=\"width:20px;height:20px;color:${s.color};\"><\/i>\n <\/div>\n <div>\n <div class=\"font-semibold text-sm\" style=\"color: #0f3424;\">${s.name}<\/div>\n <div class=\"text-xs\" style=\"color: #6b7280;\">${s.handle}<\/div>\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col items-center justify-center\" style=\"min-height: 220px; background: linear-gradient(135deg, #f9fafb, #f3f4f6);\">\n <div class=\"w-16 h-16 rounded-full flex items-center justify-center mb-3\" style=\"background-color: ${s.color}10;\">\n <i data-lucide=\"${s.icon}\" style=\"width:28px;height:28px;color:${s.color};opacity:0.5;\"><\/i>\n <\/div>\n <p class=\"text-sm text-center\" style=\"color: #9ca3af;\">${s.desc}<\/p>\n <div class=\"mt-4 px-4 py-2 rounded-lg text-xs font-semibold\" style=\"background-color: ${s.color}; color: white;\">\n Embed Postingan\n <\/div>\n <\/div>\n `;\n socialGrid.appendChild(card);\n });\n\n \/\/ Mobile menu toggle\n document.getElementById('mobile-menu-btn').addEventListener('click', () => {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n });\n\n \/\/ Scroll reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); } });\n }, { threshold: 0.1 });\n document.querySelectorAll('.scroll-reveal').forEach(el => observer.observe(el));\n\n \/\/ Lucide icons\n lucide.createIcons();\n\n \/\/ === Element SDK ===\n const defaultConfig = {\n school_name: 'SMAN 1 Setu',\n hero_tagline: 'Satu Setu Maju',\n principal_name: 'Ir. Hj. Sri Anaursi, M.P.',\n welcome_message: 'Assalamu\\'alaikum Warahmatullahi Wabarakatuh. Puji syukur kehadirat Allah SWT atas segala limpahan rahmat dan karunia-Nya. Selamat datang di website resmi SMAN 1 Setu. Sekolah kami berkomitmen untuk mencetak generasi yang unggul dalam bidang akademik maupun non-akademik, berkarakter mulia, serta siap menghadapi tantangan era globalisasi. Kami percaya bahwa pendidikan adalah kunci utama dalam membangun masa depan bangsa yang cerah. Semoga website ini bermanfaat bagi seluruh civitas akademika dan masyarakat. Wassalamu\\'alaikum Warahmatullahi Wabarakatuh.',\n facilities_title: 'Sarana & Prasarana',\n social_title: 'Ikuti Kami',\n background_color: '#f8f7f4',\n surface_color: '#ffffff',\n text_color: '#374151',\n primary_action_color: '#0f3424',\n secondary_action_color: '#c9a84c',\n font_family: 'Playfair Display',\n font_size: 16,\n };\n\n function applyConfig(config) {\n const g = (k) => config[k] || defaultConfig[k];\n const bg = g('background_color');\n const surface = g('surface_color');\n const text = g('text_color');\n const primary = g('primary_action_color');\n const accent = g('secondary_action_color');\n const font = g('font_family');\n const baseSize = g('font_size');\n\n \/\/ Text content\n document.getElementById('hero-title').textContent = g('school_name');\n document.getElementById('nav-school-name').textContent = g('school_name').toUpperCase();\n document.getElementById('hero-tagline').textContent = g('hero_tagline');\n document.getElementById('principal-name-display').textContent = g('principal_name');\n document.getElementById('welcome-text').textContent = g('welcome_message');\n document.getElementById('facilities-heading').textContent = g('facilities_title');\n document.getElementById('social-heading').textContent = g('social_title');\n\n \/\/ Font\n const fontStack = `${font}, Georgia, serif`;\n document.querySelectorAll('.font-heading').forEach(el => { el.style.fontFamily = fontStack; });\n\n \/\/ Font size\n document.getElementById('hero-title').style.fontSize = `${baseSize * 3}px`;\n document.getElementById('hero-tagline').style.fontSize = `${baseSize * 1.2}px`;\n document.getElementById('welcome-text').style.fontSize = `${baseSize}px`;\n document.getElementById('principal-name-display').style.fontSize = `${baseSize}px`;\n document.getElementById('facilities-heading').style.fontSize = `${baseSize * 2}px`;\n document.getElementById('social-heading').style.fontSize = `${baseSize * 2}px`;\n\n \/\/ Colors\n document.getElementById('app-wrapper').style.backgroundColor = bg;\n document.querySelectorAll('#sambutan, #sosmed').forEach(el => el.style.backgroundColor = bg);\n\n \/\/ Primary (dark green) areas\n const navbar = document.getElementById('navbar');\n navbar.style.backgroundColor = `${primary}f2`;\n document.getElementById('beranda').style.backgroundColor = primary;\n document.getElementById('fasilitas').style.backgroundColor = primary;\n document.querySelector('footer').style.backgroundColor = primary;\n\n \/\/ Accent color\n document.querySelectorAll(`[style*=\"color: #c9a84c\"]`).forEach(el => el.style.color = accent);\n\n \/\/ Surface\n const sambutanCard = document.querySelector('#sambutan .rounded-2xl.p-6, #sambutan .rounded-2xl.sm\\\\:p-8');\n if (sambutanCard) sambutanCard.style.backgroundColor = surface;\n document.querySelectorAll('.social-card').forEach(el => el.style.backgroundColor = surface);\n\n \/\/ Text color\n document.getElementById('welcome-text').style.color = text;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => applyConfig(config),\n mapToCapabilities: (config) => {\n const g = (k) => config[k] || defaultConfig[k];\n const mkColor = (key) => ({\n get: () => g(key),\n set: (v) => { config[key] = v; window.elementSdk.setConfig({ [key]: v }); }\n });\n return {\n recolorables: [\n mkColor('background_color'),\n mkColor('surface_color'),\n mkColor('text_color'),\n mkColor('primary_action_color'),\n mkColor('secondary_action_color'),\n ],\n borderables: [],\n fontEditable: {\n get: () => g('font_family'),\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => g('font_size'),\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const g = (k) => config[k] || defaultConfig[k];\n return new Map([\n ['school_name', g('school_name')],\n ['hero_tagline', g('hero_tagline')],\n ['principal_name', g('principal_name')],\n ['welcome_message', g('welcome_message')],\n ['facilities_title', g('facilities_title')],\n ['social_title', g('social_title')],\n ]);\n }\n });\n }\n<\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9e913985e0278e9d',t:'MTc3NTY1MDgxMi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","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-1007","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - SMA Negeri 1 Setu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smanegeri1setu.sch.id\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - SMA Negeri 1 Setu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smanegeri1setu.sch.id\/\" \/>\n<meta property=\"og:site_name\" content=\"SMA Negeri 1 Setu\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T09:09:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"name\":\"Home - SMA Negeri 1 Setu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\"},\"datePublished\":\"2024-02-19T08:21:25+00:00\",\"dateModified\":\"2026-04-10T09:09:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"name\":\"SMA Negeri 1 Setu\",\"description\":\"Satu Setu Maju\",\"publisher\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\",\"name\":\"SMA Negeri 1 Setu\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"contentUrl\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"width\":1080,\"height\":1080,\"caption\":\"SMA Negeri 1 Setu\"},\"image\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - SMA Negeri 1 Setu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smanegeri1setu.sch.id\/","og_locale":"id_ID","og_type":"article","og_title":"Home - SMA Negeri 1 Setu","og_url":"https:\/\/smanegeri1setu.sch.id\/","og_site_name":"SMA Negeri 1 Setu","article_modified_time":"2026-04-10T09:09:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smanegeri1setu.sch.id\/","url":"https:\/\/smanegeri1setu.sch.id\/","name":"Home - SMA Negeri 1 Setu","isPartOf":{"@id":"https:\/\/smanegeri1setu.sch.id\/#website"},"datePublished":"2024-02-19T08:21:25+00:00","dateModified":"2026-04-10T09:09:29+00:00","breadcrumb":{"@id":"https:\/\/smanegeri1setu.sch.id\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smanegeri1setu.sch.id\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smanegeri1setu.sch.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smanegeri1setu.sch.id\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/smanegeri1setu.sch.id\/#website","url":"https:\/\/smanegeri1setu.sch.id\/","name":"SMA Negeri 1 Setu","description":"Satu Setu Maju","publisher":{"@id":"https:\/\/smanegeri1setu.sch.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smanegeri1setu.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/smanegeri1setu.sch.id\/#organization","name":"SMA Negeri 1 Setu","url":"https:\/\/smanegeri1setu.sch.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/","url":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","contentUrl":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","width":1080,"height":1080,"caption":"SMA Negeri 1 Setu"},"image":{"@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1007"}],"version-history":[{"count":81,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1007\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1007\/revisions\/1442"}],"wp:attachment":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1007,"date":"2024-02-19T08:21:25","date_gmt":"2024-02-19T08:21:25","guid":{"rendered":"https:\/\/smanegeri1setu.sch.id\/?page_id=1007"},"modified":"2026-04-10T09:09:29","modified_gmt":"2026-04-10T09:09:29","slug":"home-2","status":"publish","type":"page","link":"https:\/\/smanegeri1setu.sch.id\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n \n \n \n SMAN 1 Setu<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700;800&family=Source+Sans+3:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n html, body { height: 100%; margin: 0; }\n * { box-sizing: border-box; }\n .font-heading { font-family: 'Playfair Display', Georgia, serif; }\n .font-body { font-family: 'Source Sans 3', sans-serif; }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes scaleIn {\n from { opacity: 0; transform: scale(0.9); }\n to { opacity: 1; transform: scale(1); }\n }\n .anim-fade-up { animation: fadeUp 0.7s ease forwards; opacity: 0; }\n .anim-scale-in { animation: scaleIn 0.6s ease forwards; opacity: 0; }\n .delay-1 { animation-delay: 0.1s; }\n .delay-2 { animation-delay: 0.2s; }\n .delay-3 { animation-delay: 0.3s; }\n .delay-4 { animation-delay: 0.4s; }\n .delay-5 { animation-delay: 0.5s; }\n .delay-6 { animation-delay: 0.6s; }\n\n .facility-card:hover { transform: translateY(-6px); }\n .facility-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n\n .social-card:hover { transform: translateY(-4px) scale(1.02); }\n .social-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }\n\n .hero-pattern {\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 40%);\n }\n\n .nav-link { position: relative; }\n .nav-link::after {\n content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px;\n background: currentColor; transition: width 0.3s ease;\n }\n .nav-link:hover::after { width: 100%; }\n\n .photo-placeholder {\n background: linear-gradient(135deg, #e2e8f0, #cbd5e1);\n display: flex; align-items: center; justify-content: center; flex-direction: column;\n }\n\n .scroll-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }\n .scroll-reveal.visible { opacity: 1; transform: translateY(0); }\n <\/style>\n <style>body { box-sizing: border-box; }<\/style>\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\n <\/head>\n <body data-rsssl=1 data-rsssl=1 class=\"h-full font-body\">\n <div id=\"app-wrapper\" class=\"w-full h-full overflow-auto\" style=\"background-color: #f8f7f4;\">\n <nav id=\"navbar\" class=\"sticky top-0 z-50 backdrop-blur-md border-b\" style=\"background-color: rgba(15,52,36,0.95); border-color: rgba(255,255,255,0.1);\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center font-heading font-bold text-sm\" style=\"background-color: #c9a84c; color: #0f3424;\">\n S1\n <\/div>\n <div>\n <div id=\"nav-school-name\" class=\"font-heading font-bold text-sm\" style=\"color: #c9a84c;\">\n SMAN 1 SETU\n <\/div>\n <div class=\"text-xs\" style=\"color: rgba(255,255,255,0.6);\">\n Kabupaten Bekasi\n <\/div>\n <\/div>\n <\/div>\n <div class=\"hidden md:flex items-center gap-6 text-sm font-medium\" style=\"color: rgba(255,255,255,0.85);\"><a href=\"#beranda\" class=\"nav-link\" style=\"color: #c9a84c;\">Beranda<\/a> <a href=\"#sambutan\" class=\"nav-link\">Sambutan<\/a> <a href=\"#fasilitas\" class=\"nav-link\">Fasilitas<\/a> <a href=\"#sosmed\" class=\"nav-link\">Media Sosial<\/a>\n <\/div><button id=\"mobile-menu-btn\" class=\"md:hidden p-2 rounded-lg\" style=\"color: white;\" aria-label=\"Toggle menu\"> <i data-lucide=\"menu\" style=\"width:24px;height:24px;\"><\/i> <\/button>\n <\/div>\n <div id=\"mobile-menu\" class=\"hidden md:hidden pb-4 space-y-2 text-sm font-medium\" style=\"color: rgba(255,255,255,0.85);\"><a href=\"#beranda\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\" style=\"color: #c9a84c;\">Beranda<\/a> <a href=\"#sambutan\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\">Sambutan<\/a> <a href=\"#fasilitas\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\">Fasilitas<\/a> <a href=\"#sosmed\" class=\"block py-2 px-3 rounded-lg hover:bg-white\/10\">Media Sosial<\/a>\n <\/div>\n <\/div>\n <\/nav>\n <header id=\"beranda\" class=\"hero-pattern relative overflow-hidden\" style=\"background-color: #0f3424;\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 sm:py-28 text-center relative z-10\">\n <div class=\"anim-fade-up delay-1\">\n <div class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full text-xs font-semibold tracking-wider uppercase mb-6\" style=\"background-color: rgba(201,168,76,0.15); color: #c9a84c; border: 1px solid rgba(201,168,76,0.3);\"><i data-lucide=\"graduation-cap\" style=\"width:14px;height:14px;\"><\/i> Selamat Datang\n <\/div>\n <\/div>\n <h1 id=\"hero-title\" class=\"font-heading font-800 text-4xl sm:text-5xl lg:text-6xl leading-tight mb-4 anim-fade-up delay-2\" style=\"color: white;\">SMAN 1 Setu<\/h1>\n <p id=\"hero-tagline\" class=\"text-lg sm:text-xl max-w-2xl mx-auto mb-8 anim-fade-up delay-3\" style=\"color: rgba(255,255,255,0.7);\">Satu Setu Maju<\/p>\n <div class=\"flex flex-wrap justify-center gap-4 anim-fade-up delay-4\"><a href=\"#sambutan\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold text-sm transition-all hover:brightness-110\" style=\"background-color: #c9a84c; color: #0f3424;\"> <i data-lucide=\"book-open\" style=\"width:16px;height:16px;\"><\/i> Sambutan Kepala Sekolah <\/a> <a href=\"#fasilitas\" class=\"inline-flex items-center gap-2 px-6 py-3 rounded-xl font-semibold text-sm transition-all hover:bg-white\/20\" style=\"background-color: rgba(255,255,255,0.1); color: white; border: 1px solid rgba(255,255,255,0.2);\"> <i data-lucide=\"building\" style=\"width:16px;height:16px;\"><\/i> Jelajahi Fasilitas <\/a>\n <\/div>\n <div class=\"grid grid-cols-3 gap-4 max-w-md mx-auto mt-14 anim-fade-up delay-5\">\n <div class=\"text-center\">\n <div class=\"font-heading font-bold text-2xl sm:text-3xl\" style=\"color: #c9a84c;\">\n 20+\n <\/div>\n <div class=\"text-xs mt-1\" style=\"color: rgba(255,255,255,0.5);\">\n Tahun Berdiri\n <\/div>\n <\/div>\n <div class=\"text-center\" style=\"border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);\">\n <div class=\"font-heading font-bold text-2xl sm:text-3xl\" style=\"color: #c9a84c;\">\n 1000+\n <\/div>\n <div class=\"text-xs mt-1\" style=\"color: rgba(255,255,255,0.5);\">\n Siswa Aktif\n <\/div>\n <\/div>\n <div class=\"text-center\">\n <div class=\"font-heading font-bold text-2xl sm:text-3xl\" style=\"color: #c9a84c;\">\n 80+\n <\/div>\n <div class=\"text-xs mt-1\" style=\"color: rgba(255,255,255,0.5);\">\n Tenaga Pendidik & TU\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"absolute bottom-0 left-0 w-full overflow-hidden\" style=\"line-height:0;\">\n <svg viewbox=\"0 0 1200 120\" preserveaspectratio=\"none\" style=\"width:100%;height:60px;\" fill=\"#f8f7f4\"><path d=\"M0,60 C300,100 600,20 1200,60 L1200,120 L0,120 Z\" \/>\n <\/svg>\n <\/div>\n <\/header>\n <section id=\"sambutan\" class=\"py-16 sm:py-24\" style=\"background-color: #f8f7f4;\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 scroll-reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase mb-4\" style=\"color: #0f3424; background-color: rgba(15,52,36,0.08);\"><i data-lucide=\"quote\" style=\"width:12px;height:12px;\"><\/i> Sambutan\n <\/div>\n <h2 class=\"font-heading font-bold text-3xl sm:text-4xl\" style=\"color: #0f3424;\">Sambutan Kepala Sekolah<\/h2>\n <\/div>\n <div class=\"grid md:grid-cols-5 gap-8 items-start scroll-reveal\">\n <div class=\"md:col-span-2 flex justify-center\">\n <div class=\"relative\">\n <div class=\"w-56 h-72 sm:w-64 sm:h-80 rounded-2xl overflow-hidden shadow-xl photo-placeholder\" style=\"border: 4px solid #c9a84c;\"><i data-lucide=\"user\" style=\"width:64px;height:64px;color:#94a3b8;\"><\/i> <span class=\"text-sm mt-3 font-medium\" style=\"color: #94a3b8;\">Foto Kepala Sekolah<\/span>\n <\/div>\n <div class=\"absolute -bottom-3 -right-3 w-20 h-20 rounded-xl -z-10\" style=\"background-color: #c9a84c; opacity: 0.3;\"><\/div>\n <div class=\"absolute -top-3 -left-3 w-16 h-16 rounded-xl -z-10\" style=\"background-color: #0f3424; opacity: 0.15;\"><\/div>\n <\/div>\n <\/div>\n <div class=\"md:col-span-3\">\n <div class=\"rounded-2xl p-6 sm:p-8 shadow-sm\" style=\"background-color: #ffffff; border: 1px solid rgba(15,52,36,0.08);\">\n <div class=\"mb-4\" style=\"color: #c9a84c; opacity: 0.4;\">\n <svg width=\"40\" height=\"40\" viewbox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M11 7h-5v7h4v4h-4v2h6v-13zm10 0h-5v7h4v4h-4v2h6v-13z\" \/>\n <\/svg>\n <\/div>\n <p id=\"welcome-text\" class=\"text-base sm:text-lg leading-relaxed mb-6\" style=\"color: #374151;\">Assalamu’alaikum Warahmatullahi Wabarakatuh. Puji syukur kehadirat Allah SWT atas segala limpahan rahmat dan karunia-Nya. Selamat datang di website resmi SMAN 1 Setu. Sekolah kami berkomitmen untuk mencetak generasi yang unggul dalam bidang akademik maupun non-akademik, berkarakter mulia, serta siap menghadapi tantangan era globalisasi. Kami percaya bahwa pendidikan adalah kunci utama dalam membangun masa depan bangsa yang cerah. Semoga website ini bermanfaat bagi seluruh civitas akademika dan masyarakat. “SMA Negeri 1 Setu – Satu Setu Maju” Wassalamu’alaikum Warahmatullahi Wabarakatuh.<\/p>\n <div class=\"flex items-center gap-3 pt-4\" style=\"border-top: 1px solid #e5e7eb;\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center\" style=\"background-color: #0f3424;\"><i data-lucide=\"award\" style=\"width:18px;height:18px;color:#c9a84c;\"><\/i>\n <\/div>\n <div>\n <div id=\"principal-name-display\" class=\"font-heading font-bold\" style=\"color: #0f3424;\">\n Ir. Hj. Sri Anaursi, M.P.\n <\/div>\n <div class=\"text-sm\" style=\"color: #6b7280;\">\n Kepala SMAN 1 Setu\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <section id=\"fasilitas\" class=\"py-16 sm:py-24\" style=\"background-color: #0f3424;\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 scroll-reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase mb-4\" style=\"background-color: rgba(201,168,76,0.15); color: #c9a84c;\"><i data-lucide=\"building\" style=\"width:12px;height:12px;\"><\/i> Fasilitas\n <\/div>\n <h2 id=\"facilities-heading\" class=\"font-heading font-bold text-3xl sm:text-4xl\" style=\"color: white;\">Sarana & Prasarana<\/h2>\n <p class=\"mt-3 max-w-xl mx-auto\" style=\"color: rgba(255,255,255,0.6);\">Fasilitas untuk mendukung proses belajar mengajar yang optimal<\/p>\n <\/div>\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5\" id=\"facilities-grid\">\n <\/div>\n <\/div>\n <\/section>\n <section id=\"sosmed\" class=\"py-16 sm:py-24\" style=\"background-color: #f8f7f4;\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12 scroll-reveal\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full text-xs font-semibold tracking-wider uppercase mb-4\" style=\"color: #0f3424; background-color: rgba(15,52,36,0.08);\"><i data-lucide=\"share-2\" style=\"width:12px;height:12px;\"><\/i> Terhubung\n <\/div>\n <h2 id=\"social-heading\" class=\"font-heading font-bold text-3xl sm:text-4xl\" style=\"color: #0f3424;\">Ikuti Kami<\/h2>\n <p class=\"mt-3 max-w-xl mx-auto\" style=\"color: #6b7280;\">Ikuti media sosial kami untuk informasi terbaru seputar kegiatan sekolah<\/p>\n <\/div>\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"social-grid\">\n <\/div>\n <\/div>\n <\/div>\n <script>\n \/\/ Facility data\n const facilities = [\n { icon: 'flask-conical', name: 'Laboratorium IPA', desc: 'Laboratorium lengkap untuk praktikum Fisika, Kimia, dan Biologi' },\n { icon: 'monitor', name: 'Lab Komputer & Bahasa', desc: 'Ruang komputer modern dengan koneksi internet' },\n { icon: 'library', name: 'Perpustakaan', desc: 'Koleksi ribuan buku pelajaran, referensi, dan fiksi' },\n { icon: 'dribbble', name: 'Lapangan Serbaguna', desc: 'Lapangan basket, futsal, dan voli untuk kegiatan olahraga dan Kegiatan Upacara' },\n { icon: 'mic', name: 'Aula Balebat', desc: 'Aula berkapasitas cukup besar untuk acara dan kegiatan sekolah' },\n { icon: 'heart-pulse', name: 'Ruang UKS', desc: 'Fasilitas kesehatan untuk siswa dan staf' },\n ];\n\n const facilityGrid = document.getElementById('facilities-grid');\n facilities.forEach((f, i) => {\n const card = document.createElement('div');\n card.className = 'facility-card rounded-2xl p-6 cursor-default scroll-reveal';\n card.style.cssText = 'background-color: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08);';\n card.style.animationDelay = `${i * 0.1}s`;\n card.innerHTML = `\n <div class=\"w-12 h-12 rounded-xl flex items-center justify-center mb-4\" style=\"background-color: rgba(201,168,76,0.15);\">\n <i data-lucide=\"${f.icon}\" style=\"width:22px;height:22px;color:#c9a84c;\"><\/i>\n <\/div>\n <h3 class=\"font-heading font-bold text-lg mb-2\" style=\"color: white;\">${f.name}<\/h3>\n <p class=\"text-sm leading-relaxed\" style=\"color: rgba(255,255,255,0.55);\">${f.desc}<\/p>\n `;\n facilityGrid.appendChild(card);\n });\n\n \/\/ Social media placeholders\n const socials = [\n { icon: 'instagram', name: 'Instagram', handle: '@sman1setu_official', color: '#E4405F', desc: 'Postingan Instagram terbaru akan ditampilkan di sini' },\n { icon: 'tiktok', name: 'TikTok', handle: 'SMAN 1 Setu', color: '#1877F2', desc: 'Postingan TikTok terbaru akan ditampilkan di sini' },\n { icon: 'youtube', name: 'YouTube', handle: 'SMAN 1 Setu Channel', color: '#FF0000', desc: 'Video YouTube terbaru akan ditampilkan di sini' },\n ];\n\n const socialGrid = document.getElementById('social-grid');\n socials.forEach((s, i) => {\n const card = document.createElement('div');\n card.className = 'social-card rounded-2xl overflow-hidden shadow-sm scroll-reveal';\n card.style.cssText = 'background-color: #ffffff; border: 1px solid #e5e7eb;';\n card.innerHTML = `\n <div class=\"p-4 flex items-center gap-3\" style=\"border-bottom: 1px solid #f3f4f6;\">\n <div class=\"w-10 h-10 rounded-full flex items-center justify-center\" style=\"background-color: ${s.color}15;\">\n <i data-lucide=\"${s.icon}\" style=\"width:20px;height:20px;color:${s.color};\"><\/i>\n <\/div>\n <div>\n <div class=\"font-semibold text-sm\" style=\"color: #0f3424;\">${s.name}<\/div>\n <div class=\"text-xs\" style=\"color: #6b7280;\">${s.handle}<\/div>\n <\/div>\n <\/div>\n <div class=\"p-6 flex flex-col items-center justify-center\" style=\"min-height: 220px; background: linear-gradient(135deg, #f9fafb, #f3f4f6);\">\n <div class=\"w-16 h-16 rounded-full flex items-center justify-center mb-3\" style=\"background-color: ${s.color}10;\">\n <i data-lucide=\"${s.icon}\" style=\"width:28px;height:28px;color:${s.color};opacity:0.5;\"><\/i>\n <\/div>\n <p class=\"text-sm text-center\" style=\"color: #9ca3af;\">${s.desc}<\/p>\n <div class=\"mt-4 px-4 py-2 rounded-lg text-xs font-semibold\" style=\"background-color: ${s.color}; color: white;\">\n Embed Postingan\n <\/div>\n <\/div>\n `;\n socialGrid.appendChild(card);\n });\n\n \/\/ Mobile menu toggle\n document.getElementById('mobile-menu-btn').addEventListener('click', () => {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n });\n\n \/\/ Scroll reveal\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); } });\n }, { threshold: 0.1 });\n document.querySelectorAll('.scroll-reveal').forEach(el => observer.observe(el));\n\n \/\/ Lucide icons\n lucide.createIcons();\n\n \/\/ === Element SDK ===\n const defaultConfig = {\n school_name: 'SMAN 1 Setu',\n hero_tagline: 'Satu Setu Maju',\n principal_name: 'Ir. Hj. Sri Anaursi, M.P.',\n welcome_message: 'Assalamu\\'alaikum Warahmatullahi Wabarakatuh. Puji syukur kehadirat Allah SWT atas segala limpahan rahmat dan karunia-Nya. Selamat datang di website resmi SMAN 1 Setu. Sekolah kami berkomitmen untuk mencetak generasi yang unggul dalam bidang akademik maupun non-akademik, berkarakter mulia, serta siap menghadapi tantangan era globalisasi. Kami percaya bahwa pendidikan adalah kunci utama dalam membangun masa depan bangsa yang cerah. Semoga website ini bermanfaat bagi seluruh civitas akademika dan masyarakat. Wassalamu\\'alaikum Warahmatullahi Wabarakatuh.',\n facilities_title: 'Sarana & Prasarana',\n social_title: 'Ikuti Kami',\n background_color: '#f8f7f4',\n surface_color: '#ffffff',\n text_color: '#374151',\n primary_action_color: '#0f3424',\n secondary_action_color: '#c9a84c',\n font_family: 'Playfair Display',\n font_size: 16,\n };\n\n function applyConfig(config) {\n const g = (k) => config[k] || defaultConfig[k];\n const bg = g('background_color');\n const surface = g('surface_color');\n const text = g('text_color');\n const primary = g('primary_action_color');\n const accent = g('secondary_action_color');\n const font = g('font_family');\n const baseSize = g('font_size');\n\n \/\/ Text content\n document.getElementById('hero-title').textContent = g('school_name');\n document.getElementById('nav-school-name').textContent = g('school_name').toUpperCase();\n document.getElementById('hero-tagline').textContent = g('hero_tagline');\n document.getElementById('principal-name-display').textContent = g('principal_name');\n document.getElementById('welcome-text').textContent = g('welcome_message');\n document.getElementById('facilities-heading').textContent = g('facilities_title');\n document.getElementById('social-heading').textContent = g('social_title');\n\n \/\/ Font\n const fontStack = `${font}, Georgia, serif`;\n document.querySelectorAll('.font-heading').forEach(el => { el.style.fontFamily = fontStack; });\n\n \/\/ Font size\n document.getElementById('hero-title').style.fontSize = `${baseSize * 3}px`;\n document.getElementById('hero-tagline').style.fontSize = `${baseSize * 1.2}px`;\n document.getElementById('welcome-text').style.fontSize = `${baseSize}px`;\n document.getElementById('principal-name-display').style.fontSize = `${baseSize}px`;\n document.getElementById('facilities-heading').style.fontSize = `${baseSize * 2}px`;\n document.getElementById('social-heading').style.fontSize = `${baseSize * 2}px`;\n\n \/\/ Colors\n document.getElementById('app-wrapper').style.backgroundColor = bg;\n document.querySelectorAll('#sambutan, #sosmed').forEach(el => el.style.backgroundColor = bg);\n\n \/\/ Primary (dark green) areas\n const navbar = document.getElementById('navbar');\n navbar.style.backgroundColor = `${primary}f2`;\n document.getElementById('beranda').style.backgroundColor = primary;\n document.getElementById('fasilitas').style.backgroundColor = primary;\n document.querySelector('footer').style.backgroundColor = primary;\n\n \/\/ Accent color\n document.querySelectorAll(`[style*=\"color: #c9a84c\"]`).forEach(el => el.style.color = accent);\n\n \/\/ Surface\n const sambutanCard = document.querySelector('#sambutan .rounded-2xl.p-6, #sambutan .rounded-2xl.sm\\\\:p-8');\n if (sambutanCard) sambutanCard.style.backgroundColor = surface;\n document.querySelectorAll('.social-card').forEach(el => el.style.backgroundColor = surface);\n\n \/\/ Text color\n document.getElementById('welcome-text').style.color = text;\n }\n\n if (window.elementSdk) {\n window.elementSdk.init({\n defaultConfig,\n onConfigChange: async (config) => applyConfig(config),\n mapToCapabilities: (config) => {\n const g = (k) => config[k] || defaultConfig[k];\n const mkColor = (key) => ({\n get: () => g(key),\n set: (v) => { config[key] = v; window.elementSdk.setConfig({ [key]: v }); }\n });\n return {\n recolorables: [\n mkColor('background_color'),\n mkColor('surface_color'),\n mkColor('text_color'),\n mkColor('primary_action_color'),\n mkColor('secondary_action_color'),\n ],\n borderables: [],\n fontEditable: {\n get: () => g('font_family'),\n set: (v) => { config.font_family = v; window.elementSdk.setConfig({ font_family: v }); }\n },\n fontSizeable: {\n get: () => g('font_size'),\n set: (v) => { config.font_size = v; window.elementSdk.setConfig({ font_size: v }); }\n }\n };\n },\n mapToEditPanelValues: (config) => {\n const g = (k) => config[k] || defaultConfig[k];\n return new Map([\n ['school_name', g('school_name')],\n ['hero_tagline', g('hero_tagline')],\n ['principal_name', g('principal_name')],\n ['welcome_message', g('welcome_message')],\n ['facilities_title', g('facilities_title')],\n ['social_title', g('social_title')],\n ]);\n }\n });\n }\n<\/script>\n <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9e913985e0278e9d',t:'MTc3NTY1MDgxMi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"","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-1007","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - SMA Negeri 1 Setu<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smanegeri1setu.sch.id\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - SMA Negeri 1 Setu\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smanegeri1setu.sch.id\/\" \/>\n<meta property=\"og:site_name\" content=\"SMA Negeri 1 Setu\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T09:09:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"name\":\"Home - SMA Negeri 1 Setu\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\"},\"datePublished\":\"2024-02-19T08:21:25+00:00\",\"dateModified\":\"2026-04-10T09:09:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#website\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"name\":\"SMA Negeri 1 Setu\",\"description\":\"Satu Setu Maju\",\"publisher\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#organization\",\"name\":\"SMA Negeri 1 Setu\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"contentUrl\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/smanlo.png\",\"width\":1080,\"height\":1080,\"caption\":\"SMA Negeri 1 Setu\"},\"image\":{\"@id\":\"https:\\\/\\\/smanegeri1setu.sch.id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - SMA Negeri 1 Setu","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smanegeri1setu.sch.id\/","og_locale":"id_ID","og_type":"article","og_title":"Home - SMA Negeri 1 Setu","og_url":"https:\/\/smanegeri1setu.sch.id\/","og_site_name":"SMA Negeri 1 Setu","article_modified_time":"2026-04-10T09:09:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smanegeri1setu.sch.id\/","url":"https:\/\/smanegeri1setu.sch.id\/","name":"Home - SMA Negeri 1 Setu","isPartOf":{"@id":"https:\/\/smanegeri1setu.sch.id\/#website"},"datePublished":"2024-02-19T08:21:25+00:00","dateModified":"2026-04-10T09:09:29+00:00","breadcrumb":{"@id":"https:\/\/smanegeri1setu.sch.id\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smanegeri1setu.sch.id\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smanegeri1setu.sch.id\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smanegeri1setu.sch.id\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/smanegeri1setu.sch.id\/#website","url":"https:\/\/smanegeri1setu.sch.id\/","name":"SMA Negeri 1 Setu","description":"Satu Setu Maju","publisher":{"@id":"https:\/\/smanegeri1setu.sch.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smanegeri1setu.sch.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/smanegeri1setu.sch.id\/#organization","name":"SMA Negeri 1 Setu","url":"https:\/\/smanegeri1setu.sch.id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/","url":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","contentUrl":"https:\/\/smanegeri1setu.sch.id\/wp-content\/uploads\/2022\/10\/smanlo.png","width":1080,"height":1080,"caption":"SMA Negeri 1 Setu"},"image":{"@id":"https:\/\/smanegeri1setu.sch.id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1007"}],"version-history":[{"count":81,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1007\/revisions"}],"predecessor-version":[{"id":1442,"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=\/wp\/v2\/pages\/1007\/revisions\/1442"}],"wp:attachment":[{"href":"https:\/\/smanegeri1setu.sch.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}