{"id":52,"date":"2026-08-02T15:48:13","date_gmt":"2026-08-02T15:48:13","guid":{"rendered":"http:\/\/localhost:8080\/amikom-pmb\/?page_id=52"},"modified":"2026-08-17T10:16:40","modified_gmt":"2026-08-17T10:16:40","slug":"beranda","status":"publish","type":"page","link":"https:\/\/kuliahdiamikomsolo.tech\/?page_id=52","title":{"rendered":"Beranda"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1375\" src=\"https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1.jpg\" alt=\"\" class=\"wp-image-106\" srcset=\"https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1.jpg 2560w, https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1-300x161.jpg 300w, https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1-1024x550.jpg 1024w, https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1-768x413.jpg 768w, https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1-1536x825.jpg 1536w, https:\/\/kuliahdiamikomsolo.tech\/wp-content\/uploads\/2026\/08\/SLIDE-2-scaled-1-2048x1100.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<style>\n  \/* \u2500\u2500 CSS Variables & Reset \u2500\u2500 *\/\n  :root {\n    --amk-primary: #4b207f;\n    --amk-primary-light: #6b33b0;\n    --amk-text-dark: #1e293b;\n    --amk-text-muted: #64748b;\n    --amk-bg-light: #f8f9fa;\n    --amk-border: #e2e8f0;\n    --transition-smooth: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n  }\n\n  #pmb-landing-page {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    color: var(--amk-text-dark);\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 30px 20px;\n    background-color: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.04);\n    overflow: hidden;\n  }\n  \n  #pmb-landing-page * { box-sizing: border-box; }\n\n  \/* \u2500\u2500 Animasi Scroll Reveal \u2500\u2500 *\/\n  .pmb-reveal {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: var(--transition-smooth);\n  }\n  .pmb-reveal.active {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* \u2500\u2500 1. Hero Section \u2500\u2500 *\/\n  .pmb-hero-section {\n    background: linear-gradient(135deg, #f4ebfa 0%, #e8dcf2 100%);\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 60px 5%;\n    margin-bottom: 70px;\n    box-shadow: 0 20px 40px rgba(75, 32, 127, 0.06);\n    position: relative;\n    overflow: hidden;\n  }\n  .pmb-hero-section::before {\n    content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px;\n    background: rgba(75, 32, 127, 0.05); border-radius: 50%;\n  }\n  .pmb-hero-content { flex: 1; max-width: 550px; z-index: 2; }\n  .pmb-hero-content h1 {\n    font-size: 42px; font-weight: 800; color: var(--amk-primary);\n    margin-bottom: 18px; line-height: 1.2; letter-spacing: -0.02em;\n  }\n  .pmb-hero-content p {\n    font-size: 17px; color: #475569; line-height: 1.7; margin-bottom: 30px;\n  }\n  \n  .pmb-hero-image { flex: 1; text-align: right; z-index: 2; }\n  .pmb-image-placeholder {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 100%; max-width: 420px; height: 280px;\n    background: rgba(255,255,255,0.6);\n    border: 2px dashed var(--amk-primary-light); border-radius: 16px;\n    color: var(--amk-primary); font-weight: 600; font-size: 15px;\n    backdrop-filter: blur(5px);\n  }\n\n  \/* \u2500\u2500 2. Welcome & Features \u2500\u2500 *\/\n  .pmb-welcome-section { text-align: center; margin-bottom: 70px; }\n  .pmb-welcome-section h2 { font-size: 32px; font-weight: 800; margin-bottom: 12px; }\n  .pmb-welcome-section > p { color: var(--amk-text-muted); max-width: 700px; margin: 0 auto 50px auto; line-height: 1.6; font-size: 16px; }\n  \n  .pmb-grid-features {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; text-align: left;\n  }\n  .pmb-feature-card {\n    display: flex; align-items: flex-start; gap: 18px;\n    background: #ffffff; padding: 24px; border-radius: 16px;\n    border: 1px solid var(--amk-border);\n    box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: var(--transition-smooth);\n    cursor: default;\n  }\n  .pmb-feature-card:hover {\n    transform: translateY(-8px); border-color: var(--amk-primary-light);\n    box-shadow: 0 12px 30px rgba(75, 32, 127, 0.08);\n  }\n  .pmb-circle-icon {\n    width: 60px; height: 60px; border-radius: 14px;\n    background: #f8f5fb; color: var(--amk-primary);\n    display: flex; align-items: center; justify-content: center; font-size: 26px; flex-shrink: 0;\n  }\n  .pmb-feature-text h3 { font-size: 16px; font-weight: 700; margin: 0 0 6px 0; letter-spacing: 0.5px; }\n  .pmb-feature-text p { font-size: 14px; color: var(--amk-text-muted); margin: 0; line-height: 1.5; }\n\n  \/* \u2500\u2500 3. Syarat & CBT (Split Section) \u2500\u2500 *\/\n  .pmb-split-section {\n    display: flex; gap: 40px; margin-bottom: 70px;\n    background: var(--amk-bg-light); padding: 40px; border-radius: 16px;\n  }\n  .pmb-syarat, .pmb-cbt { flex: 1; }\n  .pmb-split-section h2 { font-size: 24px; font-weight: 800; margin-bottom: 8px; }\n  .pmb-subtitle { color: var(--amk-text-muted); font-size: 14px; margin-bottom: 24px; display: block; }\n  \n  .pmb-alert-box {\n    background: #ffffff; border-left: 4px solid var(--amk-primary);\n    padding: 16px 20px; border-radius: 0 8px 8px 0;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03); margin-bottom: 24px;\n    font-size: 14.5px; line-height: 1.6; color: var(--amk-text-dark);\n  }\n  \n  .pmb-syarat h4 { font-size: 16px; font-weight: 700; margin-bottom: 12px; }\n  .pmb-syarat ol { padding-left: 20px; color: #475569; font-size: 14.5px; line-height: 1.8; margin: 0;}\n  .pmb-syarat ol li { margin-bottom: 10px; padding-left: 5px; }\n  \n  .pmb-cbt-buttons { display: flex; flex-direction: column; gap: 12px; }\n  .pmb-cbt-btn {\n    padding: 16px 20px; color: #ffffff; font-weight: 600; border-radius: 12px; font-size: 15px;\n    display: flex; justify-content: space-between; align-items: center;\n    cursor: pointer; transition: var(--transition-smooth);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n  }\n  .pmb-cbt-btn:hover { transform: translateX(5px); }\n  .pmb-cbt-btn::after { content: '\u2192'; font-size: 18px; transition: transform 0.3s ease; }\n  .pmb-cbt-btn:hover::after { transform: translateX(4px); }\n  .pmb-cbt-btn.math { background: linear-gradient(135deg, #f59e0b, #d97706); }\n  .pmb-cbt-btn.eng { background: linear-gradient(135deg, #f97316, #ea580c); }\n  .pmb-cbt-btn.log { background: linear-gradient(135deg, #10b981, #059669); }\n\n  \/* \u2500\u2500 4. Footer & Kontak \u2500\u2500 *\/\n  .pmb-footer-section {\n    background-color: var(--amk-primary); color: #ffffff;\n    padding: 50px 40px; border-radius: 16px 16px 0 0; margin-top: 20px;\n  }\n  .pmb-footer-grid {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px;\n  }\n  .pmb-footer-col h3 {\n    font-size: 16px; font-weight: 700; margin-bottom: 20px; color: #fca311; letter-spacing: 0.5px;\n  }\n  .pmb-footer-col p, .pmb-footer-col a {\n    font-size: 14.5px; color: #e2e8f0; line-height: 1.8; text-decoration: none; display: block; margin-bottom: 10px; transition: color 0.2s ease;\n  }\n  .pmb-footer-col a:hover { color: #ffffff; text-decoration: underline; }\n  .pmb-footer-col strong { color: #ffffff; font-weight: 600; }\n  \n  .pmb-social-media { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); }\n  .pmb-social-media h4 { font-size: 14px; margin-bottom: 12px; color: #fca311; }\n  .pmb-social-media a { display: inline-flex; align-items: center; gap: 8px; margin-right: 15px; }\n\n  \/* \u2500\u2500 5. Copyright \u2500\u2500 *\/\n  .pmb-copyright {\n    background-color: #2e1052; color: #cbd5e1;\n    padding: 20px 40px; font-size: 13.5px;\n    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;\n    border-radius: 0 0 16px 16px;\n  }\n\n  \/* \u2500\u2500 Mobile Responsiveness \u2500\u2500 *\/\n  @media (max-width: 768px) {\n    #pmb-landing-page { padding: 15px; }\n    .pmb-hero-section { flex-direction: column; text-align: center; padding: 40px 20px; }\n    .pmb-hero-content { margin-bottom: 30px; }\n    .pmb-hero-content h1 { font-size: 34px; }\n    .pmb-image-placeholder { margin: 0 auto; height: 220px; }\n    .pmb-split-section { flex-direction: column; padding: 25px; gap: 40px; }\n    .pmb-footer-section { padding: 40px 25px; }\n    .pmb-copyright { flex-direction: column; text-align: center; justify-content: center; padding: 20px; }\n  }\n<\/style>\n\n<div id=\"pmb-landing-page\">\n  \n  <!-- Bagian Hero -->\n  <div class=\"pmb-hero-section pmb-reveal\">\n    <div class=\"pmb-hero-content\">\n      <h1>PMB 2026\/2027<\/h1>\n      <p>Selamat Datang di Website Resmi Penerimaan Mahasiswa Baru STMIK AMIKOM Surakarta. Siapkan dirimu menuju era digital!<\/p>\n    <\/div>\n    <div class=\"pmb-hero-image\">\n      <!-- Ganti URL ini dengan link gambar mahasiswi Amikom -->\n      <div class=\"pmb-image-placeholder\">[ Area Foto \/ Banner PMB ]<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Bagian Selamat Datang & Fitur -->\n  <div class=\"pmb-welcome-section pmb-reveal\">\n    <h2>Selamat Datang!<\/h2>\n    <p>Pusat informasi pendaftaran calon mahasiswa baru STMIK AMIKOM SURAKARTA Tahun Akademik 2026\/2027. Temukan semua panduan yang kamu butuhkan di bawah ini.<\/p>\n    \n    <div class=\"pmb-grid-features\">\n      <div class=\"pmb-feature-card\">\n        <div class=\"pmb-circle-icon\">\ud83d\udcc5<\/div>\n        <div class=\"pmb-feature-text\">\n          <h3>GELOMBANG PENDAFTARAN<\/h3>\n          <p>Informasi jadwal dan gelombang pendaftaran mahasiswa baru.<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"pmb-feature-card\">\n        <div class=\"pmb-circle-icon\">\u2753<\/div>\n        <div class=\"pmb-feature-text\">\n          <h3>PETUNJUK PENDAFTARAN<\/h3>\n          <p>Panduan langkah demi langkah proses pendaftaran.<\/p>\n        <\/div>\n      <\/div>\n      \n      <div class=\"pmb-feature-card\">\n        <div class=\"pmb-circle-icon\">\ud83d\udcdd<\/div>\n        <div class=\"pmb-feature-text\">\n          <h3>PENDAFTARAN ONLINE<\/h3>\n          <p>Akses formulir pendaftaran secara online dan mudah.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Tahap 2: Syarat & CBT -->\n  <div class=\"pmb-split-section pmb-reveal\">\n    <div class=\"pmb-syarat\">\n      <h2>Syarat Pendaftaran<\/h2>\n      <span class=\"pmb-subtitle\">Dokumen administrasi calon mahasiswa baru<\/span>\n      \n      <div class=\"pmb-alert-box\">\n        <strong>PENTING:<\/strong> Sebelum mendaftar online, calon Mahasiswa WAJIB KONFIRMASI DAHULU ke WhatsApp <strong>081329303450<\/strong> untuk mendapatkan persetujuan.\n      <\/div>\n\n      <h4>Berkas Persyaratan :<\/h4>\n      <ol>\n        <li>Lulusan SMA\/MA\/SMK semua jurusan.<\/li>\n        <li>Fotocopy Ijasah dan Transkrip nilai (SKL jika ijasah belum keluar) masing-masing 1 lembar.<\/li>\n        <li>Fotocopy Kartu Keluarga (KK) dan KTP masing-masing 1 lembar.<\/li>\n        <li>Biaya Registrasi Pendaftaran Rp 1.000.000,-<\/li>\n      <\/ol>\n    <\/div>\n    \n    <div class=\"pmb-cbt\">\n      <h2>Materi TES CBT<\/h2>\n      <span class=\"pmb-subtitle\">Persiapan tes Computer Based Test (CBT)<\/span>\n      \n      <div class=\"pmb-cbt-buttons\">\n        <div class=\"pmb-cbt-btn math\" onclick=\"alert('Silakan hubungi Chatbot PMB untuk detail simulasi tes Matematika.')\">Matematika Dasar<\/div>\n        <div class=\"pmb-cbt-btn eng\" onclick=\"alert('Silakan hubungi Chatbot PMB untuk detail simulasi tes Bahasa Inggris.')\">Bahasa Inggris<\/div>\n        <div class=\"pmb-cbt-btn log\" onclick=\"alert('Silakan hubungi Chatbot PMB untuk detail simulasi tes Logika.')\">Logika &#038; Penalaran<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Tahap 3: Footer & Informasi Kontak -->\n  <div class=\"pmb-footer-section pmb-reveal\">\n    <div class=\"pmb-footer-grid\">\n      \n      <div class=\"pmb-footer-col\">\n        <h3>PANDUAN PMB<\/h3>\n        <a href=\"#\">Portal Web Amikom<\/a>\n        <a href=\"#\">Petunjuk Pengisian Form<\/a>\n        <a href=\"#\">Alur Pendaftaran<\/a>\n        <a href=\"#\">Denah &#038; Peta Lokasi<\/a>\n      <\/div>\n      \n      <div class=\"pmb-footer-col\">\n        <h3>HUBUNGI KAMI<\/h3>\n        <p><strong>Telepon:<\/strong> (0271) 7851501, 7851507<\/p>\n        <p><strong>WhatsApp CS 1:<\/strong> 0813-2930-3450<\/p>\n        <p><strong>WhatsApp CS 2:<\/strong> 0856-4508-3664<\/p>\n        \n        <div class=\"pmb-social-media\">\n          <h4>Sosial Media Resmi<\/h4>\n          <a href=\"#\">\ud83d\udcd8 Facebook<\/a>\n          <a href=\"#\">\ud83d\udc26 Twitter<\/a>\n          <a href=\"#\">\ud83d\udcf7 Instagram<\/a>\n        <\/div>\n      <\/div>\n      \n      <div class=\"pmb-footer-col\">\n        <h3>SEKRETARIAT PMB<\/h3>\n        <p>STMIK AMIKOM Surakarta<br>Jalan Veteran, Notosuman, Singopuran, Kartasura, Kab. Sukoharjo, Jawa Tengah.<\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <!-- Copyright -->\n  <div class=\"pmb-copyright\">\n    <span>\u00a9 <span id=\"currentYear\"><\/span> Hak Cipta Dilindungi.<\/span>\n    <span>Sistem Informasi PMB &#8211; STMIK AMIKOM SURAKARTA<\/span>\n  <\/div>\n\n<\/div>\n\n<!-- \u2500\u2500 JavaScript Khusus UI Landing Page \u2500\u2500 -->\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Set Tahun Otomatis pada Copyright\n    document.getElementById(\"currentYear\").textContent = new Date().getFullYear();\n\n    \/\/ Animasi Scroll Reveal (Memunculkan elemen perlahan saat di-scroll)\n    const reveals = document.querySelectorAll(\".pmb-reveal\");\n    \n    function revealOnScroll() {\n      const windowHeight = window.innerHeight;\n      const elementVisible = 100;\n      \n      reveals.forEach(function(reveal) {\n        const elementTop = reveal.getBoundingClientRect().top;\n        if (elementTop < windowHeight - elementVisible) {\n          reveal.classList.add(\"active\");\n        }\n      });\n    }\n    \n    \/\/ Jalankan sekali saat load, dan jalankan tiap scroll\n    revealOnScroll();\n    window.addEventListener(\"scroll\", revealOnScroll);\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>PMB 2026\/2027 Selamat Datang di Website Resmi Penerimaan Mahasiswa Baru STMIK AMIKOM Surakarta. Siapkan dirimu menuju era digital! [ Area Foto \/ Banner PMB ] Selamat Datang! Pusat informasi pendaftaran calon mahasiswa baru STMIK AMIKOM SURAKARTA Tahun Akademik 2026\/2027. Temukan semua panduan yang kamu butuhkan di bawah ini. \ud83d\udcc5 GELOMBANG PENDAFTARAN Informasi jadwal dan gelombang [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":3,"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":107,"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/107"}],"wp:attachment":[{"href":"https:\/\/kuliahdiamikomsolo.tech\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}