{"id":43,"date":"2026-03-08T22:10:47","date_gmt":"2026-03-08T22:10:47","guid":{"rendered":"https:\/\/advokatbersamagaruda.com\/lbh\/?page_id=43"},"modified":"2026-03-15T20:58:21","modified_gmt":"2026-03-15T20:58:21","slug":"hubungi-kami","status":"publish","type":"page","link":"https:\/\/advokatbersamagaruda.com\/lbh\/hubungi-kami\/","title":{"rendered":"Hubungi kami"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8422836 e-flex e-con-boxed e-con e-parent\" data-id=\"8422836\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a50cc8 elementor-widget elementor-widget-html\" data-id=\"9a50cc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Kabar Gembira \u00b7 Animasi Seru<\/title>\r\n  <!-- Font dan ikon -->\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;700;800&family=Poppins:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n  <style>\r\n    * {\r\n      margin: 0;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      min-height: 100vh;\r\n      background: linear-gradient(145deg, #0b2b21 0%, #1f4d3a 70%, #2c6b50 100%);\r\n      font-family: 'Poppins', 'Inter', sans-serif;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* partikel latar meriah *\/\r\n    .confetti-bg {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    .confetti-bg i {\r\n      position: absolute;\r\n      color: rgba(255, 240, 150, 0.3);\r\n      font-size: 2rem;\r\n      animation: float 6s infinite ease-in-out;\r\n    }\r\n\r\n    @keyframes float {\r\n      0% { transform: translateY(0) rotate(0deg); opacity: 0.2; }\r\n      50% { transform: translateY(-30px) rotate(15deg); opacity: 0.6; }\r\n      100% { transform: translateY(0) rotate(0deg); opacity: 0.2; }\r\n    }\r\n\r\n    \/* lingkaran dekoratif *\/\r\n    .circle-glow {\r\n      position: absolute;\r\n      width: 300px;\r\n      height: 300px;\r\n      background: radial-gradient(circle, #f9d42330 0%, transparent 70%);\r\n      border-radius: 50%;\r\n      top: -100px;\r\n      right: -100px;\r\n      animation: pulse 5s infinite;\r\n      z-index: 1;\r\n    }\r\n\r\n    .circle-glow2 {\r\n      left: -100px;\r\n      bottom: -100px;\r\n      width: 400px;\r\n      height: 400px;\r\n      background: radial-gradient(circle, #ffb34730 0%, transparent 70%);\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      animation: pulse 7s infinite reverse;\r\n      z-index: 1;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0% { transform: scale(1); opacity: 0.4; }\r\n      50% { transform: scale(1.2); opacity: 0.6; }\r\n      100% { transform: scale(1); opacity: 0.4; }\r\n    }\r\n\r\n    \/* KONTEN UTAMA - KABAR GEMBIRA *\/\r\n    .kabar-utama {\r\n      position: relative;\r\n      z-index: 10;\r\n      text-align: center;\r\n      max-width: 1100px;\r\n      padding: 2rem;\r\n      animation: muncul 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    @keyframes muncul {\r\n      0% { transform: scale(0.2) rotate(-10deg); opacity: 0; }\r\n      70% { transform: scale(1.05) rotate(2deg); }\r\n      100% { transform: scale(1) rotate(0); opacity: 1; }\r\n    }\r\n\r\n    \/* kata KABAR dengan efek gemuruh *\/\r\n    .kata-kabar {\r\n      font-size: 7rem;\r\n      font-weight: 800;\r\n      letter-spacing: 0.1em;\r\n      color: #fff9e6;\r\n      text-shadow: 0 0 15px #fcee9f, 0 0 40px #fbb03b, 4px 8px 0 #1d5e3f;\r\n      margin-bottom: -1rem;\r\n      display: inline-block;\r\n      animation: goyang 3s infinite alternate;\r\n      transform-origin: center;\r\n      line-height: 1;\r\n    }\r\n\r\n    @keyframes goyang {\r\n      0% { transform: skew(0deg, 0deg) scale(1); text-shadow: 4px 8px 0 #1d5e3f, 0 0 30px gold; }\r\n      25% { transform: skew(3deg, 1deg) scale(1.02); text-shadow: 8px 12px 0 #0f442f, 0 0 50px #f3b33d; }\r\n      50% { transform: skew(-2deg, -0.5deg) scale(1.05); text-shadow: 2px 4px 0 #1e6b42, 0 0 60px #ffe165; }\r\n      75% { transform: skew(2deg, 0deg) scale(1.02); text-shadow: -4px 6px 0 #1b543a, 0 0 40px #f9cf6b; }\r\n      100% { transform: skew(0deg, 0deg) scale(1); text-shadow: 4px 8px 0 #1d5e3f, 0 0 30px #fdc43a; }\r\n    }\r\n\r\n    \/* kata GEMBIRA dengan efek bouncing dan warna-warni *\/\r\n    .kata-gembira {\r\n      font-size: 8rem;\r\n      font-weight: 800;\r\n      color: #fee9a8;\r\n      text-transform: uppercase;\r\n      -webkit-text-stroke: 4px #c58f2d;\r\n      text-stroke: 4px #c58f2d;\r\n      background: linear-gradient(45deg, #fcee21, #ffb347, #ff8c5a, #fff176);\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      color: transparent;\r\n      animation: lompat 0.9s infinite alternate, warna-berubah 2s infinite;\r\n      display: inline-block;\r\n      filter: drop-shadow(0 0 20px #ffdd55);\r\n      line-height: 1;\r\n      margin-top: -0.2rem;\r\n    }\r\n\r\n    @keyframes lompat {\r\n      0% { transform: translateY(0) scale(1); }\r\n      100% { transform: translateY(-25px) scale(1.08); }\r\n    }\r\n\r\n    @keyframes warna-berubah {\r\n      0% { filter: hue-rotate(0deg) drop-shadow(0 0 15px #f3c623); }\r\n      50% { filter: hue-rotate(25deg) drop-shadow(0 0 35px #ff9f4b); }\r\n      100% { filter: hue-rotate(0deg) drop-shadow(0 0 15px #f3c623); }\r\n    }\r\n\r\n    \/* elemen seru: letusan bintang *\/\r\n    .bintang-kejutan {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 1rem;\r\n      margin: 1.5rem 0 2rem;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .bintang-kejutan span {\r\n      font-size: 3rem;\r\n      animation: ledakan 1.4s infinite alternate;\r\n      display: inline-block;\r\n    }\r\n\r\n    .bintang-kejutan span:nth-child(1) { animation-delay: 0s; }\r\n    .bintang-kejutan span:nth-child(2) { animation-delay: 0.2s; }\r\n    .bintang-kejutan span:nth-child(3) { animation-delay: 0.4s; }\r\n    .bintang-kejutan span:nth-child(4) { animation-delay: 0.6s; }\r\n    .bintang-kejutan span:nth-child(5) { animation-delay: 0.8s; }\r\n    .bintang-kejutan span:nth-child(6) { animation-delay: 1s; }\r\n    .bintang-kejutan span:nth-child(7) { animation-delay: 1.2s; }\r\n\r\n    @keyframes ledakan {\r\n      0% { transform: scale(0.5) rotate(0deg); opacity: 0.4; }\r\n      100% { transform: scale(1.6) rotate(15deg); opacity: 1; text-shadow: 0 0 20px gold; }\r\n    }\r\n\r\n    \/* subteks meriah *\/\r\n    .sub-megah {\r\n      background: rgba(10, 35, 25, 0.6);\r\n      backdrop-filter: blur(6px);\r\n      padding: 1.5rem 3rem;\r\n      border-radius: 60px 10px 60px 10px;\r\n      border: 2px solid #fdcf6b;\r\n      box-shadow: 0 25px 40px -10px #091e13, 0 0 40px #fbbc04 inset;\r\n      margin: 2rem auto 0;\r\n      max-width: 800px;\r\n    }\r\n\r\n    .sub-megah p {\r\n      font-size: 2rem;\r\n      font-weight: 600;\r\n      color: #fffbe3;\r\n      text-shadow: 2px 2px 0 #23583e;\r\n      letter-spacing: 1px;\r\n    }\r\n\r\n    .sub-megah i {\r\n      color: #fdcf5a;\r\n      margin: 0 10px;\r\n      animation: kedip 1.2s infinite;\r\n    }\r\n\r\n    @keyframes kedip {\r\n      0% { opacity: 1; transform: scale(1); }\r\n      50% { opacity: 0.5; transform: scale(1.3); color: #ffd966; }\r\n      100% { opacity: 1; transform: scale(1); }\r\n    }\r\n\r\n    \/* info tambahan berupa kotak-kotak seru *\/\r\n    .info-pentas {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 2rem;\r\n      margin: 3rem 0 1rem;\r\n    }\r\n\r\n    .info-card {\r\n      background: rgba(255, 255, 230, 0.15);\r\n      backdrop-filter: blur(10px);\r\n      padding: 1rem 2rem;\r\n      border-radius: 40px 8px 40px 8px;\r\n      border: 2px solid #fec45e;\r\n      font-size: 1.3rem;\r\n      font-weight: 600;\r\n      color: #fef4cc;\r\n      box-shadow: 0 10px 20px -8px #00000050;\r\n      transition: 0.3s;\r\n      animation: muncul-card 0.5s ease backwards;\r\n      animation-delay: calc(0.1s * var(--i));\r\n    }\r\n\r\n    .info-card:nth-child(1) { --i: 1; }\r\n    .info-card:nth-child(2) { --i: 2; }\r\n    .info-card:nth-child(3) { --i: 3; }\r\n\r\n    @keyframes muncul-card {\r\n      from { opacity: 0; transform: translateY(50px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .info-card i {\r\n      margin-right: 10px;\r\n      color: #fed554;\r\n      font-size: 1.8rem;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    \/* tombol aksi dengan animasi ajakan *\/\r\n    .tombol-aksi {\r\n      margin: 3rem 0 1rem;\r\n    }\r\n\r\n    .btn-rainbow {\r\n      background: linear-gradient(90deg, #fb8b2c, #f9d423, #fdaa4b, #fcee89);\r\n      background-size: 300% 100%;\r\n      border: none;\r\n      padding: 1.2rem 3.5rem;\r\n      font-size: 2rem;\r\n      font-weight: 700;\r\n      border-radius: 50px;\r\n      color: #174e32;\r\n      border: 4px solid #ffcf8a;\r\n      box-shadow: 0 0 30px #fabb50, 0 8px 0 #a55917;\r\n      cursor: pointer;\r\n      transition: 0.2s all;\r\n      animation: gerak-gradien 3s infinite alternate;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 15px;\r\n    }\r\n\r\n    .btn-rainbow:hover {\r\n      transform: scale(1.02) translateY(-4px);\r\n      box-shadow: 0 0 45px #ffc107, 0 10px 0 #9b4f13;\r\n    }\r\n\r\n    @keyframes gerak-gradien {\r\n      0% { background-position: 0% 50%; }\r\n      100% { background-position: 100% 50%; }\r\n    }\r\n\r\n    \/* responsif *\/\r\n    @media (max-width: 700px) {\r\n      .kata-kabar { font-size: 4rem; }\r\n      .kata-gembira { font-size: 5rem; }\r\n      .sub-megah p { font-size: 1.3rem; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- background semarak -->\r\n  <div class=\"circle-glow\"><\/div>\r\n  <div class=\"circle-glow2\"><\/div>\r\n  <div class=\"confetti-bg\">\r\n    <i class=\"fas fa-star\" style=\"top:10%; left:5%;\"><\/i>\r\n    <i class=\"fas fa-star\" style=\"top:70%; left:85%; animation-duration: 7s;\"><\/i>\r\n    <i class=\"fas fa-certificate\" style=\"top:20%; left:90%; font-size: 2.5rem; opacity:0.2;\"><\/i>\r\n    <i class=\"fas fa-gem\" style=\"bottom:15%; left:15%; font-size: 2rem; opacity:0.15;\"><\/i>\r\n    <i class=\"fas fa-music\" style=\"top:80%; left:20%;\"><\/i>\r\n  <\/div>\r\n\r\n  <!-- UTAMA: KABAR GEMBIRA -->\r\n  <div class=\"kabar-utama\">\r\n    \r\n    <!-- kata kabar bergerak -->\r\n    <div>\r\n      <span class=\"kata-kabar\">KABAR<\/span>\r\n      <span class=\"kata-gembira\">GEMBIRA<\/span>\r\n    <\/div>\r\n\r\n    <!-- bintang-bintang kejutan -->\r\n    <div class=\"bintang-kejutan\">\r\n      <span>\u2728<\/span>\r\n      <span>\ud83c\udf89<\/span>\r\n      <span>\u2b50<\/span>\r\n      <span>\ud83c\udf8a<\/span>\r\n      <span>\ud83c\udf1f<\/span>\r\n      <span>\ud83d\udcab<\/span>\r\n      <span>\u26a1<\/span>\r\n    <\/div>\r\n\r\n    <!-- sub-kabar dengan ikon -->\r\n    <div class=\"sub-megah\">\r\n      <p>\r\n        <i class=\"fas fa-gavel\"><\/i> \r\n        LAYANAN PENGUMUMAN HUKUM \r\n        <i class=\"fas fa-scale-balanced\"><\/i>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- info cards menarik -->\r\n    <div class=\"info-pentas\">\r\n      <div class=\"info-card\"><i class=\"fas fa-newspaper\"><\/i> Pasang Berita Resmi<\/div>\r\n      <div class=\"info-card\"><i class=\"fas fa-bullhorn\"><\/i> Pengumuman RUPS \/ Lelang<\/div>\r\n      <div class=\"info-card\"><i class=\"fas fa-file-signature\"><\/i> Proses Cepat & Sah<\/div>\r\n    <\/div>\r\n\r\n    <!-- tombol WA dengan nomor (contoh) dan animasi -->\r\n    <div class=\"tombol-aksi\">\r\n      <a href=\"https:\/\/wa.me\/628121331832\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-rainbow\">\r\n        <i class=\"fab fa-whatsapp\" style=\"font-size: 2.2rem;\"><\/i> Konsultasi Gratis\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- penawaran singkat dengan animasi teks kecil -->\r\n    <div style=\"margin-top: 2rem; font-size: 1.4rem; color: #fff9cf; text-shadow: 2px 2px 0 #195837;\">\r\n      <i class=\"fas fa-phone-alt\"><\/i> 0812-1331-832 (Ir. H. Ahmad Sarmadi, S.H., M.Si.)\r\n    <\/div>\r\n\r\n    <!-- tambahan kilauan -->\r\n    <div style=\"display: flex; justify-content: center; gap: 1rem; margin-top: 2.5rem; color: #ffe49b; font-size: 2rem;\">\r\n      <i class=\"fas fa-bell\" style=\"animation: kedip 1.2s infinite;\"><\/i>\r\n      <i class=\"fas fa-gift\" style=\"animation: kedip 1.5s infinite reverse;\"><\/i>\r\n      <i class=\"fas fa-crown\" style=\"animation: kedip 1.8s infinite;\"><\/i>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Kabar Gembira \u00b7 Animasi Seru KABAR GEMBIRA \u2728 \ud83c\udf89 \u2b50 \ud83c\udf8a \ud83c\udf1f \ud83d\udcab \u26a1 LAYANAN PENGUMUMAN HUKUM Pasang Berita Resmi Pengumuman RUPS \/ Lelang Proses Cepat &#038; Sah Konsultasi Gratis 0812-1331-832 (Ir. H. Ahmad Sarmadi, S.H., M.Si.)<\/p>\n","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":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":4,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":626,"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/pages\/43\/revisions\/626"}],"wp:attachment":[{"href":"https:\/\/advokatbersamagaruda.com\/lbh\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}