{"id":8,"date":"2026-04-24T12:04:11","date_gmt":"2026-04-24T12:04:11","guid":{"rendered":"http:\/\/maribelajarcoding.site\/?page_id=8"},"modified":"2026-05-21T09:47:28","modified_gmt":"2026-05-21T09:47:28","slug":"home","status":"publish","type":"page","link":"https:\/\/pancamitracendekia.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2a41c e-con-full e-flex e-con e-parent\" data-id=\"5f2a41c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-207d774 elementor-widget elementor-widget-html\" data-id=\"207d774\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"width: 100%; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; background: #0A0F1C;\">\r\n  \r\n  <!-- HERO SECTION - Full width tapi tidak fixed, bisa discroll -->\r\n  <div style=\"position: relative; width: 100%; min-height: 90vh; background: #0A0F1C; overflow: hidden;\">\r\n    \r\n    <!-- SLIDE SHOW BACKGROUND -->\r\n    <div id=\"heroSlideshow\" style=\"position: absolute; inset: 0; z-index: 0; overflow: hidden;\">\r\n      <div class=\"slide active\" style=\"position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 1.5s ease-in-out; opacity: 1;\"\r\n           data-bg=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/uplagi-5-scaled.jpg\">\r\n      <\/div>\r\n      <div class=\"slide\" style=\"position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 1.5s ease-in-out; opacity: 0;\"\r\n           data-bg=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/5-scaled.jpg\">\r\n      <\/div>\r\n      <div class=\"slide\" style=\"position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: opacity 1.5s ease-in-out; opacity: 0;\"\r\n           data-bg=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/bg-reading-3.jpg\">\r\n      <\/div>\r\n      \r\n      <!-- Overlay gelap -->\r\n      <div style=\"position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,15,28,0.85) 0%, rgba(10,15,28,0.7) 50%, rgba(0,0,0,0.6) 100%); z-index: 1;\"><\/div>\r\n      \r\n      <!-- Efek grain -->\r\n      <div style=\"position: absolute; inset: 0; background-image: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIj48ZmlsdGVyIGlkPSJmIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjciIG51bU9jdGF2ZXM9IjMiLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjZikiIG9wYWNpdHk9IjAuMDMiLz48L3N2Zz4='); background-repeat: repeat; opacity: 0.2; pointer-events: none; z-index: 2;\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Dekorasi ornamen -->\r\n    <div style=\"position: absolute; top: -20%; left: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255, 107, 107, 0.15) 0%, rgba(255,107,107,0) 70%); border-radius: 50%; pointer-events: none; z-index: 2;\"><\/div>\r\n    <div style=\"position: absolute; bottom: -15%; right: -5%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(72, 187, 255, 0.1) 0%, rgba(72,187,255,0) 70%); border-radius: 50%; pointer-events: none; z-index: 2;\"><\/div>\r\n\r\n    <!-- KONTEN UTAMA - Layout flex row: kiri teks, kanan gambar rak buku -->\r\n     <br>\r\n       <br>\r\n       <br>\r\n       <br>\r\n       <br>\r\n       <br>\r\n       <br>\r\n\r\n\r\n\r\n    <div style=\"display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; z-index: 10; padding: 80px 56px 100px 56px; animation: fadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards; max-width: 1440px; margin: 0 auto; gap: 40px;\">\r\n      \r\n      <!-- SISI KIRI: Teks -->\r\n      \r\n      <div style=\"flex: 2; min-width: 280px;\">\r\n        <!-- Nama PENERBIT - Rata kiri -->\r\n        <h1 style=\"font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 800; line-height: 1.2; margin-bottom: 16px; font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; letter-spacing: -0.02em; background: linear-gradient(120deg, #FFFFFF 20%, #F3BA7C 80%); background-clip: text; -webkit-background-clip: text; color: transparent; text-align: left;\">\r\n          Panca Mitra Cendekia\r\n        <\/h1>\r\n        \r\n        <!-- Tagline - Rata kiri -->\r\n        <div style=\"margin: 8px 0 20px;\">\r\n          <span style=\"font-size: clamp(1rem, 3vw, 1.5rem); font-weight: 600; font-family: 'Inter'; color: #FFE4B5; display: inline-block; border-left: 4px solid #FF6B6B; padding-left: 18px; letter-spacing: -0.2px;\">\r\n            more than just books\r\n          <\/span>\r\n        <\/div>\r\n        \r\n        <!-- Deskripsi -->\r\n        <p style=\"font-size: clamp(0.9rem, 2.5vw, 1rem); line-height: 1.6; color: rgba(255,255,240,0.9); max-width: 520px; margin: 0 0 32px 0; font-weight: 400; text-shadow: 0 1px 2px rgba(0,0,0,0.1); text-align: left;\">\r\n          Membuka wawasan, merangkai masa depan. Koleksi terbaik dari penulis visioner dan pemikir global.\r\n        <\/p>\r\n        \r\n        <!-- CTA Buttons -->\r\n        <div style=\"display: flex; flex-wrap: wrap; gap: 16px; justify-content: flex-start;\">\r\n          <a href=\"https:\/\/wa.me\/6282120751791?text=Halo%20Admin%20Panca%20Mitra%20Cendekia,%20saya%20ingin%20konsultasi%20mengenai%20pengiriman%20naskah%20buku%20saya\" style=\"display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(105deg, #FF6B6B, #FF8E53); color: white; padding: 12px 28px; border-radius: 80px; font-weight: 600; text-decoration: none; font-size: 0.85rem; transition: all 0.35s ease; box-shadow: 0 10px 20px -5px rgba(255,107,107,0.4); border: none; cursor: pointer;\" \r\n             onmouseover=\"this.style.transform='translateY(-3px) scale(1.02)'; this.style.boxShadow='0 20px 30px -8px rgba(255,107,107,0.6)';\" \r\n             onmouseout=\"this.style.transform='translateY(0) scale(1)'; this.style.boxShadow='0 10px 20px -5px rgba(255,107,107,0.4)';\">\r\n            <i class=\"fas fa-arrow-right\"><\/i> Konsultasi Sekarang\r\n          <\/a>\r\n          <a href=\"https:\/\/pancamitracendekia.com\/catalog\/\" style=\"display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.12); backdrop-filter: blur(10px); color: #FFE4B5; padding: 12px 26px; border-radius: 80px; font-weight: 500; text-decoration: none; font-size: 0.85rem; border: 1px solid rgba(255,255,200,0.4); transition: all 0.3s ease;\" \r\n             onmouseover=\"this.style.backgroundColor='rgba(255,255,255,0.25)'; this.style.borderColor='#FF8E53'; this.style.transform='translateY(-2px)';\" \r\n             onmouseout=\"this.style.backgroundColor='rgba(255,255,255,0.12)'; this.style.borderColor='rgba(255,255,200,0.4)'; this.style.transform='translateY(0)';\">\r\n            <i class=\"fas fa-play-circle\"><\/i> Publikasi\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- SISI KANAN: Rak Buku (Tanpa box, tanpa tulisan) -->\r\n      \r\n\r\n    <\/div>\r\n\r\n    <!-- Indikator Slide \/ Dot navigation -->\r\n    <div style=\"position: absolute; bottom: 30px; left: 56px; z-index: 15; display: flex; gap: 10px;\" class=\"slide-dots\">\r\n      <div class=\"dot active\" data-index=\"0\" style=\"width: 40px; height: 4px; background: #FF6B6B; border-radius: 4px; cursor: pointer; transition: all 0.3s ease;\"><\/div>\r\n      <div class=\"dot\" data-index=\"1\" style=\"width: 30px; height: 4px; background: rgba(255,255,255,0.4); border-radius: 4px; cursor: pointer; transition: all 0.3s ease;\"><\/div>\r\n      <div class=\"dot\" data-index=\"2\" style=\"width: 30px; height: 4px; background: rgba(255,255,255,0.4); border-radius: 4px; cursor: pointer; transition: all 0.3s ease;\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Tombol panah prev\/next -->\r\n    <button id=\"prevSlide\" style=\"position: absolute; left: 20px; top: 50%; transform: translateY(-50%); z-index: 15; background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); border: none; color: white; width: 40px; height: 40px; border-radius: 60px; cursor: pointer; font-size: 1.3rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;\" onmouseover=\"this.style.backgroundColor='rgba(255,107,107,0.5)';\" onmouseout=\"this.style.backgroundColor='rgba(255,255,255,0.15)';\">\u2039<\/button>\r\n    <button id=\"nextSlide\" style=\"position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 15; background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); border: none; color: white; width: 40px; height: 40px; border-radius: 60px; cursor: pointer; font-size: 1.3rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;\" onmouseover=\"this.style.backgroundColor='rgba(255,107,107,0.5)';\" onmouseout=\"this.style.backgroundColor='rgba(255,255,255,0.15)';\">\u203a<\/button>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- JavaScript untuk Slideshow -->\r\n<script>\r\n(function() {\r\n  const slides = document.querySelectorAll('#heroSlideshow .slide');\r\n  const dots = document.querySelectorAll('.dot');\r\n  const prevBtn = document.getElementById('prevSlide');\r\n  const nextBtn = document.getElementById('nextSlide');\r\n  let currentIndex = 0;\r\n  let intervalId = null;\r\n  const AUTO_INTERVAL = 5000;\r\n\r\n  function showSlide(index) {\r\n    if (!slides.length) return;\r\n    if (index >= slides.length) index = 0;\r\n    if (index < 0) index = slides.length - 1;\r\n    \r\n    slides.forEach((slide, i) => {\r\n      slide.style.opacity = '0';\r\n      slide.classList.remove('active');\r\n    });\r\n    \r\n    slides[index].style.opacity = '1';\r\n    slides[index].classList.add('active');\r\n    \r\n    dots.forEach((dot, i) => {\r\n      if (i === index) {\r\n        dot.style.background = '#FF6B6B';\r\n        dot.style.width = '40px';\r\n      } else {\r\n        dot.style.background = 'rgba(255,255,255,0.4)';\r\n        dot.style.width = '30px';\r\n      }\r\n    });\r\n    \r\n    currentIndex = index;\r\n  }\r\n  \r\n  function nextSlide() {\r\n    showSlide(currentIndex + 1);\r\n    resetAutoSlide();\r\n  }\r\n  \r\n  function prevSlide() {\r\n    showSlide(currentIndex - 1);\r\n    resetAutoSlide();\r\n  }\r\n  \r\n  function resetAutoSlide() {\r\n    if (intervalId) clearInterval(intervalId);\r\n    intervalId = setInterval(() => { nextSlide(); }, AUTO_INTERVAL);\r\n  }\r\n  \r\n  function initSlides() {\r\n    slides.forEach((slide) => {\r\n      const bgUrl = slide.getAttribute('data-bg');\r\n      if (bgUrl) {\r\n        slide.style.backgroundImage = `url('${bgUrl}')`;\r\n      } else {\r\n        slide.style.backgroundColor = '#1A2A3A';\r\n      }\r\n    });\r\n    showSlide(0);\r\n    resetAutoSlide();\r\n  }\r\n  \r\n  if (prevBtn) prevBtn.addEventListener('click', prevSlide);\r\n  if (nextBtn) nextBtn.addEventListener('click', nextSlide);\r\n  \r\n  dots.forEach((dot, idx) => {\r\n    dot.addEventListener('click', () => {\r\n      showSlide(idx);\r\n      resetAutoSlide();\r\n    });\r\n  });\r\n  \r\n  const container = document.querySelector('#heroSlideshow')?.parentElement;\r\n  if (container) {\r\n    container.addEventListener('mouseenter', () => {\r\n      if (intervalId) clearInterval(intervalId);\r\n    });\r\n    container.addEventListener('mouseleave', () => { resetAutoSlide(); });\r\n  }\r\n  \r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initSlides);\r\n  } else {\r\n    initSlides();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n  @keyframes fadeInUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(30px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n  \r\n  @media (max-width: 768px) {\r\n    [style*=\"padding: 80px 56px\"] {\r\n      padding: 60px 24px 80px 24px !important;\r\n    }\r\n    [style*=\"left: 56px\"].slide-dots {\r\n      left: 24px !important;\r\n      bottom: 20px !important;\r\n    }\r\n    button#prevSlide, button#nextSlide {\r\n      width: 32px !important;\r\n      height: 32px !important;\r\n      font-size: 1rem !important;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bf3964 e-con-full e-flex e-con e-parent\" data-id=\"0bf3964\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e687da elementor-widget elementor-widget-html\" data-id=\"7e687da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; padding: 15px 0;\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n    \r\n    .why-card {\r\n      background: #fff;\r\n      border-radius: 20px;\r\n      padding: 20px 18px;\r\n      box-shadow: 0 10px 25px -8px rgba(0,0,0,0.06);\r\n      transition: all 0.35s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      height: 100%;\r\n    }\r\n    \r\n    .why-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 3px;\r\n      transform: scaleX(0);\r\n      transition: transform 0.4s ease;\r\n      transform-origin: center;\r\n    }\r\n    \r\n    .card-why-1::after { background: #D32F2F; }\r\n    .card-why-2::after { background: #00ACC1; }\r\n    .card-why-3::after { background: #43A047; }\r\n    \r\n    .why-card:hover::after {\r\n      transform: scaleX(1);\r\n    }\r\n    \r\n    .why-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 18px 30px -12px rgba(0,0,0,0.15);\r\n    }\r\n    \r\n    .image-circle {\r\n      width: 70px;\r\n      height: 70px;\r\n      border-radius: 50%;\r\n      overflow: hidden;\r\n      margin: 0 auto 18px auto;\r\n      transition: all 0.4s ease;\r\n      box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n    }\r\n    \r\n    .why-card:hover .image-circle {\r\n      transform: scale(1.05);\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.15);\r\n    }\r\n    \r\n    .image-circle img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .why-card:hover .image-circle img {\r\n      transform: scale(1.08);\r\n    }\r\n    \r\n    .why-title {\r\n      font-size: 17px;\r\n      font-weight: 800;\r\n      margin: 0 0 8px 0;\r\n      transition: letter-spacing 0.3s ease;\r\n    }\r\n    \r\n    .why-card:hover .why-title {\r\n      letter-spacing: 0.3px;\r\n    }\r\n    \r\n    .why-desc {\r\n      color: #5a5a5a;\r\n      line-height: 1.55;\r\n      margin: 0;\r\n      font-size: 12.5px;\r\n      font-weight: 400;\r\n      transition: color 0.3s ease;\r\n    }\r\n    \r\n    .why-card:hover .why-desc {\r\n      color: #2c2c2c;\r\n    }\r\n    \r\n    .phone-number {\r\n      display: inline-block;\r\n      margin-top: 12px;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      transition: all 0.3s ease;\r\n    }\r\n    \r\n    .card-why-1 .phone-number { color: #D32F2F; }\r\n    .card-why-2 .phone-number { color: #00ACC1; }\r\n    .card-why-3 .phone-number { color: #43A047; }\r\n    \r\n    .phone-number:hover {\r\n      transform: translateX(3px);\r\n      text-decoration: underline;\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .why-card { padding: 18px 15px; }\r\n      .image-circle { width: 65px; height: 65px; margin-bottom: 15px; }\r\n      .why-title { font-size: 16px; }\r\n      .why-desc { font-size: 12px; }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .why-card { padding: 16px 14px; }\r\n      .image-circle { width: 60px; height: 60px; margin-bottom: 12px; }\r\n      .why-title { font-size: 15px; }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .why-card { padding: 14px 12px; }\r\n      .image-circle { width: 55px; height: 55px; margin-bottom: 10px; }\r\n      .why-title { font-size: 14px; margin-bottom: 6px; }\r\n      .why-desc { font-size: 11px; line-height: 1.5; }\r\n      .phone-number { margin-top: 10px; font-size: 12px; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Header Section - Diperkecil -->\r\n  <div style=\"text-align: center; margin-bottom: 30px;\">\r\n    <span style=\"display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 2px; background: linear-gradient(135deg, #D32F2F, #00ACC1, #43A047); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-transform: uppercase; margin-bottom: 8px;\">\r\n      \u2605 Why Choose Us \u2605\r\n    <\/span>\r\n    <h3 style=\"font-size: 26px; font-weight: 800; margin: 0 0 8px 0; background: linear-gradient(135deg, #D32F2F 0%, #00ACC1 50%, #43A047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\r\n      Kenapa Memilih Kami\r\n    <\/h3>\r\n    <p style=\"color: #6b6b6b; font-size: 14px; font-weight: 400; max-width: 450px; margin: 0 auto;\">\r\n      Layanan spesial untuk mewujudkan terbitnya buku Anda\r\n    <\/p>\r\n    <div style=\"width: 50px; height: 2.5px; background: linear-gradient(90deg, #D32F2F, #00ACC1, #43A047); margin: 12px auto 0 auto; border-radius: 2px;\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Cards Container - Responsive Grid -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;\">\r\n    \r\n    <!-- Card 1 - Quick Response -->\r\n    <div class=\"why-card card-why-1\">\r\n      <div class=\"image-circle\">\r\n        <!-- GANTI URL GAMBAR DI BAWAH INI DARI WORDPRESS -->\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/fast-respone.png\" alt=\"Fast Response\">\r\n      <\/div>\r\n      <h4 class=\"why-title\" style=\"color: #D32F2F;\">Fast Response<\/h4>\r\n      <p class=\"why-desc\">\r\n        Tim kami siap merespon dengan cepat setiap pertanyaan dan kebutuhan Anda. Layanan cepat untuk kenyamanan maksimal.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 2 - 100% Satisfaction -->\r\n    <div class=\"why-card card-why-2\">\r\n      <div class=\"image-circle\">\r\n        <!-- GANTI URL GAMBAR DI BAWAH INI DARI WORDPRESS -->\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/kepuasan.png\" alt=\"100% Satisfaction\">\r\n      <\/div>\r\n      <h4 class=\"why-title\" style=\"color: #00ACC1;\">100% Kepuasan<\/h4>\r\n      <p class=\"why-desc\">\r\n        Kualitas terbaik dengan harga yang reasonable. Kami berkomitmen memberikan layanan premium tanpa mengorbankan kantong Anda.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Card 3 - Servis Kreatif -->\r\n    <div class=\"why-card card-why-3\">\r\n      <div class=\"image-circle\">\r\n        <!-- GANTI URL GAMBAR DI BAWAH INI DARI WORDPRESS -->\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/services.png\" alt=\"Servis Kreatif\">\r\n      <\/div>\r\n      <h4 class=\"why-title\" style=\"color: #43A047;\">Servis Kreatif<\/h4>\r\n      <p class=\"why-desc\">\r\n        Fokus pada inovasi dan kreativitas dalam mengembangkan produk serta layanan yang sesuai dengan kebutuhan unik Anda.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be25c1a elementor-widget elementor-widget-html\" data-id=\"be25c1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; padding: 15px 0;\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n    \r\n    .service-card {\r\n      background: #fff;\r\n      border-radius: 18px;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 25px -8px rgba(0,0,0,0.06);\r\n      transition: all 0.35s ease;\r\n      cursor: pointer;\r\n      height: 100%;\r\n    }\r\n    \r\n    .service-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 18px 30px -12px rgba(0,0,0,0.15);\r\n    }\r\n    \r\n    .service-image {\r\n      width: 100%;\r\n      height: 170px;\r\n      overflow: hidden;\r\n      position: relative;\r\n    }\r\n    \r\n    .service-image img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      transition: all 0.5s ease;\r\n      filter: blur(2px);\r\n      transform: scale(1.02);\r\n    }\r\n    \r\n    .service-card:hover .service-image img {\r\n      transform: scale(1.08);\r\n    }\r\n    \r\n    \/* Warna 1 - Merah (#D32F2F) *\/\r\n    .service-card:nth-child(1):hover .service-image img {\r\n      filter: blur(6px) brightness(0.85);\r\n    }\r\n    \r\n    \/* Warna 2 - Biru (#00ACC1) *\/\r\n    .service-card:nth-child(2):hover .service-image img {\r\n      filter: blur(6px) brightness(0.85);\r\n    }\r\n    \r\n    \/* Warna 3 - Hijau (#43A047) *\/\r\n    .service-card:nth-child(3):hover .service-image img {\r\n      filter: blur(6px) brightness(0.85);\r\n    }\r\n    \r\n    \/* Warna 4 - Merah *\/\r\n    .service-card:nth-child(4):hover .service-image img {\r\n      filter: blur(6px) brightness(0.85);\r\n    }\r\n    \r\n    .service-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n    \r\n    \/* Warna overlay sesuai card *\/\r\n    .service-card:nth-child(1) .service-overlay {\r\n      background: linear-gradient(135deg, rgba(211,47,47,0.4), rgba(211,47,47,0.1));\r\n    }\r\n    .service-card:nth-child(2) .service-overlay {\r\n      background: linear-gradient(135deg, rgba(0,172,193,0.4), rgba(0,172,193,0.1));\r\n    }\r\n    .service-card:nth-child(3) .service-overlay {\r\n      background: linear-gradient(135deg, rgba(67,160,71,0.4), rgba(67,160,71,0.1));\r\n    }\r\n    .service-card:nth-child(4) .service-overlay {\r\n      background: linear-gradient(135deg, rgba(211,47,47,0.4), rgba(211,47,47,0.1));\r\n    }\r\n    \r\n    .service-card:hover .service-overlay {\r\n      opacity: 0.7;\r\n    }\r\n    \r\n    \/* Caption yang muncul saat hover *\/\r\n    .image-caption {\r\n      position: absolute;\r\n      bottom: -40px;\r\n      left: 0;\r\n      right: 0;\r\n      text-align: center;\r\n      color: white;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      padding: 8px;\r\n      background: rgba(0,0,0,0.7);\r\n      backdrop-filter: blur(4px);\r\n      transition: bottom 0.4s ease;\r\n      z-index: 2;\r\n    }\r\n    \r\n    .service-card:hover .image-caption {\r\n      bottom: 0;\r\n    }\r\n    \r\n    .service-content {\r\n      padding: 16px 16px 20px;\r\n      position: relative;\r\n      z-index: 2;\r\n      background: #fff;\r\n    }\r\n    \r\n    .service-title {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      margin: 0 0 8px 0;\r\n      transition: all 0.3s ease;\r\n    }\r\n    \r\n    .service-card:hover .service-title {\r\n      letter-spacing: 0.5px;\r\n      transform: translateX(3px);\r\n    }\r\n    \r\n    .service-desc {\r\n      color: #5a5a5a;\r\n      line-height: 1.55;\r\n      margin: 0 0 14px 0;\r\n      font-size: 12.5px;\r\n      transition: all 0.3s ease;\r\n    }\r\n    \r\n    .service-card:hover .service-desc {\r\n      color: #3a3a3a;\r\n    }\r\n    \r\n    .readmore-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      padding: 5px 0;\r\n      transition: all 0.3s ease;\r\n      border-bottom: 1.5px solid transparent;\r\n    }\r\n    \r\n    .readmore-btn:hover {\r\n      gap: 10px;\r\n    }\r\n    \r\n    .service-card .readmore-btn span {\r\n      font-size: 14px;\r\n      transition: transform 0.3s ease;\r\n    }\r\n    \r\n    .service-card:hover .readmore-btn span {\r\n      transform: translateX(5px);\r\n    }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .service-image { height: 160px; }\r\n      .service-content { padding: 14px 14px 18px; }\r\n      .service-title { font-size: 15px; }\r\n      .service-desc { font-size: 12px; }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .service-image { height: 150px; }\r\n      .service-content { padding: 12px 12px 16px; }\r\n      .service-title { font-size: 14px; }\r\n      .service-desc { font-size: 11.5px; margin-bottom: 12px; }\r\n      .service-image img { filter: blur(1.5px); }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .service-image { height: 140px; }\r\n      .service-content { padding: 10px 10px 14px; }\r\n      .service-title { font-size: 13px; margin-bottom: 6px; }\r\n      .service-desc { font-size: 11px; line-height: 1.5; }\r\n      .readmore-btn { font-size: 11px; }\r\n      .image-caption { font-size: 11px; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Header Section -->\r\n  <div style=\"text-align: center; margin-bottom: 30px;\">\r\n    <span style=\"display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 1.5px; background: linear-gradient(135deg, #D32F2F, #00ACC1, #43A047); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-transform: uppercase; margin-bottom: 8px;\">\r\n      \u2726 Our Services \u2726\r\n    <\/span>\r\n    <h3 style=\"font-size: 26px; font-weight: 800; margin: 0 0 8px 0; background: linear-gradient(135deg, #D32F2F 0%, #00ACC1 50%, #43A047 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\r\n      Layanan Kami\r\n    <\/h3>\r\n    <p style=\"color: #6b6b6b; font-size: 14px; font-weight: 400; max-width: 450px; margin: 0 auto;\">\r\n      Kami selalu di sini untuk mewujudkan mimpi Anda\r\n    <\/p>\r\n    <div style=\"width: 50px; height: 2.5px; background: linear-gradient(90deg, #D32F2F, #00ACC1, #43A047); margin: 12px auto 0 auto; border-radius: 2px;\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- Services Container -->\r\n  <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px;\">\r\n    \r\n    <!-- Service 1 - Konsultasi Publikasi (Warna Merah) -->\r\n    <div class=\"service-card\">\r\n      <div class=\"service-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/cropped-colleagues-generating-business-ideas-scaled.jpg\" alt=\"Konsultasi Publikasi\">\r\n        <div class=\"service-overlay\"><\/div>\r\n        <div class=\"image-caption\">\ud83d\udd25 Raih Sukses Bersama Kami<\/div>\r\n      <\/div>\r\n      <div class=\"service-content\">\r\n        <h4 class=\"service-title\" style=\"color: #D32F2F;\">Konsultasi Publikasi<\/h4>\r\n        <p class=\"service-desc\">\r\n          Kami mengetahui banyak cara yang dapat dilakukan oleh penulis dan penerbit berbeda untuk mencapai distribusi ebook\/buku cetak beredar di pasaran.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Service 2 - Parafrase (Warna Biru) -->\r\n    <div class=\"service-card\">\r\n      <div class=\"service-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/woman-using-laptop-work-scaled.jpg\" alt=\"Woman using laptop for paraphrasing service\">\r\n        <div class=\"service-overlay\"><\/div>\r\n        <div class=\"image-caption\">\ud83d\udca1 Ide Segar & Original<\/div>\r\n      <\/div>\r\n      <div class=\"service-content\">\r\n        <h4 class=\"service-title\" style=\"color: #00ACC1;\">Parafrase<\/h4>\r\n        <p class=\"service-desc\">\r\n          Jasa parafrase untuk menurunkan tingkat kemiripan dengan sumber naskah\/draft. Kami menjaga originalitas karya Anda.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Service 3 - Editing dan Proofreading (Warna Hijau) -->\r\n    <div class=\"service-card\">\r\n      <div class=\"service-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/draft-design-line-outline-sketch-style-graphic-concept-scaled.jpg\" alt=\"Editing dan Proofreading\">\r\n        <div class=\"service-overlay\"><\/div>\r\n        <div class=\"image-caption\">\u2713 Bebas Kesalahan<\/div>\r\n      <\/div>\r\n      <div class=\"service-content\">\r\n        <h4 class=\"service-title\" style=\"color: #43A047;\">Editing & Proofreading<\/h4>\r\n        <p class=\"service-desc\">\r\n          Jenis pengeditan apa yang dibutuhkan proyek Anda? Panca Mitra Cendekia dapat menyediakan semua jenis pengeditan, tergantung kebutuhan proyek Anda.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Service 4 - Desain Cover Buku (Warna Merah) -->\r\n    <div class=\"service-card\">\r\n      <div class=\"service-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/pancamitracendekia.com\/wp-content\/uploads\/2026\/04\/young-male-designer-using-graphics-tablet-while-working-with-com-scaled.jpg\" alt=\"Desain Cover Buku\">\r\n        <div class=\"service-overlay\"><\/div>\r\n        <div class=\"image-caption\">\ud83c\udfa8 Tampil Memukau<\/div>\r\n      <\/div>\r\n      <div class=\"service-content\">\r\n        <h4 class=\"service-title\" style=\"color: #D32F2F;\">Desain Cover Buku<\/h4>\r\n        <p class=\"service-desc\">\r\n          Setelah menulis buku dan memutuskan untuk menerbitkannya sendiri, Anda harus menggunakan alat tertentu untuk menarik pembaca yang tepat.\r\n        <\/p>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef1ae93 e-con-full e-flex e-con e-parent\" data-id=\"ef1ae93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad79af4 elementor-widget elementor-widget-html\" data-id=\"ad79af4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"font-family: 'Poppins', 'Segoe UI', Arial, sans-serif; background: #f8f9fc; width: 100%;\">\r\n  \r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n    \r\n    \/* Container pembatas - BOXED *\/\r\n    .boxed-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      padding: 30px 20px;\r\n    }\r\n    \r\n    .feature-card {\r\n      background: #fff;\r\n      border-radius: 20px;\r\n      padding: 20px 18px;\r\n      box-shadow: 0 10px 25px -8px rgba(0,0,0,0.06);\r\n      transition: all 0.35s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n      cursor: pointer;\r\n      height: 100%;\r\n    }\r\n    \r\n    .feature-card:hover {\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 18px 30px -12px rgba(0,0,0,0.15);\r\n    }\r\n    \r\n    .card-1:hover .icon-wrapper { background: #1E3A8A; transform: scale(1.03) rotate(3deg); }\r\n    .card-2:hover .icon-wrapper { background: #B45309; transform: scale(1.03) rotate(3deg); }\r\n    .card-3:hover .icon-wrapper { background: #065F46; transform: scale(1.03) rotate(3deg); }\r\n    \r\n    .icon-wrapper {\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 16px;\r\n      transition: all 0.35s ease;\r\n    }\r\n    \r\n    .icon-wrapper span { font-size: 26px; }\r\n    \r\n    .card-title {\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      margin: 0 0 8px 0;\r\n      transition: all 0.3s ease;\r\n    }\r\n    \r\n    .feature-card:hover .card-title { letter-spacing: 0.2px; }\r\n    \r\n    .card-description {\r\n      color: #5a5a5a;\r\n      line-height: 1.55;\r\n      margin: 0;\r\n      font-size: 13px;\r\n      font-weight: 400;\r\n    }\r\n    \r\n    .feature-card:hover .card-description { color: #333; }\r\n    \r\n    .read-more {\r\n      display: inline-block;\r\n      margin-top: 12px;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      opacity: 0;\r\n      transform: translateX(-5px);\r\n      transition: all 0.3s ease;\r\n    }\r\n    \r\n    .feature-card:hover .read-more {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n    \r\n    .card-1 .read-more { color: #1E3A8A; }\r\n    .card-2 .read-more { color: #B45309; }\r\n    .card-3 .read-more { color: #065F46; }\r\n    \r\n    \/* Responsive *\/\r\n    @media (max-width: 992px) {\r\n      .feature-card { padding: 18px 15px; }\r\n      .icon-wrapper { width: 45px; height: 45px; }\r\n      .icon-wrapper span { font-size: 24px; }\r\n      .card-title { font-size: 16px; }\r\n      .card-description { font-size: 12px; }\r\n      .boxed-container { padding: 30px 20px; }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .feature-card { padding: 16px 14px; }\r\n      .icon-wrapper { width: 42px; height: 42px; margin-bottom: 12px; }\r\n      .icon-wrapper span { font-size: 22px; }\r\n      .boxed-container { padding: 25px 16px; }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .feature-card { padding: 14px 12px; }\r\n      .card-title { font-size: 15px; margin-bottom: 6px; }\r\n      .card-description { font-size: 11.5px; line-height: 1.5; }\r\n      .read-more { margin-top: 10px; font-size: 11px; }\r\n      .boxed-container { padding: 20px 14px; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- BOXED CONTAINER - Konten terbatas -->\r\n  <div class=\"boxed-container\">\r\n    \r\n    <!-- Header Section -->\r\n    <div style=\"text-align: center; margin-bottom: 35px;\">\r\n      <span style=\"display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 1.5px; color: #1E3A8A; text-transform: uppercase; margin-bottom: 8px;\">\u2696\ufe0f Legalitas Perusahaan<\/span>\r\n      <h3 style=\"font-size: 28px; font-weight: 700; margin: 0 0 10px 0; background: linear-gradient(135deg, #1E3A8A 0%, #B45309 50%, #065F46 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\">\r\n        CV. Panca Mintra Cendekia\r\n      <\/h3>\r\n      <p style=\"color: #6b6b6b; font-size: 14px; max-width: 500px; margin: 0 auto 10px auto;\">Berbadan hukum resmi dan terpercaya dalam menjalankan setiap kegiatan usaha<\/p>\r\n      <div style=\"width: 50px; height: 3px; background: linear-gradient(90deg, #1E3A8A, #B45309, #065F46); margin: 0 auto; border-radius: 2px;\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Cards Container - Responsive Grid -->\r\n    <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px;\">\r\n      \r\n      <!-- Card 1 - Akta Pendirian -->\r\n      <div class=\"feature-card card-1\">\r\n        \r\n        <h4 class=\"card-title\" style=\"color: #1E3A8A;\">Akta Pendirian & Pengesahan<\/h4>\r\n        <p class=\"card-description\">\r\n          Didirikan berdasarkan Akta Notaris No. 02.- tanggal 06 Januari 2026, telah mendapatkan pengesahan dari Kementerian Hukum dan HAM RI Nomor AHU-0015959-AH.01.14 Tahun 2026.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- Card 2 - NPWP & PKP -->\r\n      <div class=\"feature-card card-2\">\r\n        <h4 class=\"card-title\" style=\"color: #B45309;\">Nomor Pokok Wajib Pajak (NPWP)<\/h4>\r\n        <p class=\"card-description\">\r\n          Memiliki Nomor Pokok Wajib Pajak (NPWP) atas nama CV. Panca Mintra Cendekia\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <!-- Card 3 - NIB & Sertifikasi -->\r\n      <div class=\"feature-card card-3\">\r\n        <h4 class=\"card-title\" style=\"color: #065F46;\">Nomor Induk Berusaha (NIB)<\/h4>\r\n        <p class=\"card-description\">\r\n          Terdaftar dengan Nomor Induk Berusaha (NIB)  Nomor 0303260108303\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Panca Mitra Cendekia more than just books Membuka wawasan, merangkai masa depan. Koleksi terbaik dari penulis visioner dan pemikir global. Konsultasi Sekarang Publikasi \u2039 \u203a \u2605 Why Choose Us \u2605 Kenapa Memilih Kami Layanan spesial untuk mewujudkan terbitnya buku Anda Fast Response Tim kami siap merespon dengan cepat setiap pertanyaan dan kebutuhan Anda. Layanan cepat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":163,"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/551"}],"wp:attachment":[{"href":"https:\/\/pancamitracendekia.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}