{"id":8,"date":"2026-08-06T15:01:07","date_gmt":"2026-08-06T15:01:07","guid":{"rendered":"https:\/\/mrpom.fun\/?page_id=8"},"modified":"2026-08-06T16:09:45","modified_gmt":"2026-08-06T16:09:45","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/mrpom.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce08e78 e-flex e-con-boxed e-con e-parent\" data-id=\"ce08e78\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/mrpom.fun\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/HERO-MR.POM_.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-828ed02 e-con-full e-flex e-con e-child\" data-id=\"828ed02\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-793875c elementor-widget elementor-widget-html\" data-id=\"793875c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Mr.Pom Painter Pill Nav Section<\/title>\r\n\r\n  <!-- Google Fonts Import -->\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=Coming+Soon&family=Galindo&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===================================================\r\n       PAINTER'S PALETTE COLORS\r\n       =================================================== *\/\r\n    :root {\r\n      --paint-red: #A3333D;       \/* Beret Red *\/\r\n      --paint-yellow: #F4A261;    \/* Ochre \/ Warm Palette *\/\r\n      --paint-blue: #2A9D8F;      \/* Teal \/ Palette Blue *\/\r\n      --paint-canvas: #FFFDF0;    \/* Canvas Cream Warm *\/\r\n      --paint-cream-dark: #F7EED3; \/* Cream Accent *\/\r\n      --paint-green: #6A994E;     \/* Paint Green *\/\r\n      --border-black: #211A1D;    \/* Soft Charcoal Black *\/\r\n      --font-title: 'Galindo', cursive;\r\n      --font-body: 'Coming Soon', cursive;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    body {\r\n      background: transparent;\r\n      font-family: var(--font-body);\r\n    }\r\n\r\n    \/* Container Penuh Kiri-Kanan (Slim & Full Width) *\/\r\n    .mrpom-nav-wrapper {\r\n      width: 100%;\r\n      padding: 10px 0;\r\n    }\r\n\r\n    \/* Navbar Style Pill (Gaya Kapsul Membulat Penuh) *\/\r\n    .navbar {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding: 6px 16px;\r\n      background: var(--paint-canvas);\r\n      border: 3px solid var(--border-black);\r\n      border-radius: 999px;\r\n      box-shadow: 4px 4px 0px var(--border-black);\r\n      gap: 12px;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* Brand Logo \/ Judul (Kiri) *\/\r\n    .brand-logo {\r\n      font-family: var(--font-title);\r\n      font-size: 1.15rem;\r\n      color: var(--paint-red);\r\n      text-decoration: none;\r\n      white-space: nowrap;\r\n      text-shadow: 1.5px 1.5px 0px var(--border-black);\r\n      transition: transform 0.2s ease;\r\n      padding-left: 6px;\r\n    }\r\n\r\n    .brand-logo:hover {\r\n      transform: scale(1.03) rotate(-1deg);\r\n    }\r\n\r\n    \/* Nav Right Area (Kanan) *\/\r\n    .nav-right {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    \/* Social Icons (Gaya Pill) *\/\r\n    .social-icons {\r\n      display: flex;\r\n      gap: 6px;\r\n    }\r\n\r\n    .icon-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 34px;\r\n      height: 34px;\r\n      background-color: var(--paint-yellow);\r\n      border: 2px solid var(--border-black);\r\n      border-radius: 999px;\r\n      box-shadow: 2px 2px 0px var(--border-black);\r\n      text-decoration: none;\r\n      transition: all 0.2s ease;\r\n    }\r\n\r\n    .icon-btn svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      fill: var(--border-black);\r\n    }\r\n\r\n    .icon-btn:hover {\r\n      transform: translate(-1px, -1px);\r\n      box-shadow: 3.5px 3.5px 0px var(--border-black);\r\n      background-color: var(--paint-red);\r\n    }\r\n\r\n    .icon-btn:hover svg {\r\n      fill: var(--paint-canvas);\r\n    }\r\n\r\n    \/* Copy CA Box Pill (Kanan) *\/\r\n    .ca-box {\r\n      display: flex;\r\n      align-items: center;\r\n      background: var(--paint-cream-dark);\r\n      border: 2px solid var(--border-black);\r\n      padding: 3px 4px 3px 12px;\r\n      border-radius: 999px;\r\n      box-shadow: 2px 2px 0px var(--border-black);\r\n    }\r\n\r\n    .ca-text {\r\n      font-family: var(--font-body);\r\n      font-size: 0.85rem;\r\n      font-weight: bold;\r\n      color: var(--border-black);\r\n      margin-right: 8px;\r\n      user-select: all;\r\n    }\r\n\r\n    .btn-copy {\r\n      font-family: var(--font-body);\r\n      font-weight: bold;\r\n      font-size: 0.78rem;\r\n      color: var(--paint-canvas);\r\n      background-color: var(--paint-blue);\r\n      border: 2px solid var(--border-black);\r\n      border-radius: 999px;\r\n      padding: 4px 10px;\r\n      cursor: pointer;\r\n      box-shadow: 1.5px 1.5px 0px var(--border-black);\r\n      transition: all 0.2s ease;\r\n    }\r\n\r\n    .btn-copy:hover {\r\n      transform: translate(-1px, -1px);\r\n      box-shadow: 2.5px 2.5px 0px var(--border-black);\r\n      background-color: var(--paint-red);\r\n    }\r\n\r\n    .btn-copy:active {\r\n      transform: translate(1px, 1px);\r\n      box-shadow: 1px 1px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Penyesuaian Responsif Mobile *\/\r\n    @media (max-width: 650px) {\r\n      .navbar {\r\n        border-radius: 20px;\r\n        flex-direction: column;\r\n        padding: 10px 14px;\r\n      }\r\n\r\n      .brand-logo {\r\n        padding-left: 0;\r\n      }\r\n\r\n      .nav-right {\r\n        width: 100%;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n      }\r\n\r\n      .ca-box {\r\n        width: 100%;\r\n        justify-content: space-between;\r\n      }\r\n\r\n      .ca-text {\r\n        font-size: 0.75rem;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        max-width: 170px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"mrpom-nav-wrapper\">\r\n    <nav class=\"navbar\">\r\n      \r\n      <!-- JUDUL \/ LOGO (KIRI) -->\r\n      <a href=\"#\" class=\"brand-logo\">Mr.Pom ($MRPOM)<\/a>\r\n\r\n      <!-- ICON & CA (KANAN) -->\r\n      <div class=\"nav-right\">\r\n        \r\n        <!-- Social Icons -->\r\n        <div class=\"social-icons\">\r\n          <!-- Telegram Icon -->\r\n          <a href=\"YOUR-LINK\" class=\"icon-btn\" aria-label=\"Telegram\" target=\"_blank\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <!-- X \/ Twitter Icon -->\r\n          <a href=\"YOUR-LINK\" class=\"icon-btn\" aria-label=\"Twitter\" target=\"_blank\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <!-- CA (Contract Address) Box & Copy Button -->\r\n        <div class=\"ca-box\">\r\n          <span class=\"ca-text\" id=\"caAddressNav\">0x000000000000000000000000000000000000pump<\/span>\r\n          <button class=\"btn-copy\" id=\"copyBtnNav\">Copy CA<\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/nav>\r\n  <\/div>\r\n\r\n  <!-- JavaScript Copy System -->\r\n  <script>\r\n    const copyBtnNav = document.getElementById('copyBtnNav');\r\n    const caAddressNav = document.getElementById('caAddressNav').innerText;\r\n\r\n    copyBtnNav.addEventListener('click', () => {\r\n      navigator.clipboard.writeText(caAddressNav).then(() => {\r\n        const originalText = copyBtnNav.innerText;\r\n        copyBtnNav.innerText = 'Copied! \ud83c\udfa8';\r\n        copyBtnNav.style.backgroundColor = '#6A994E'; \/\/ Sage Green saat berhasil\r\n        \r\n        setTimeout(() => {\r\n          copyBtnNav.innerText = originalText;\r\n          copyBtnNav.style.backgroundColor = '';\r\n        }, 2000);\r\n      }).catch(err => {\r\n        console.error('Failed to copy text: ', err);\r\n      });\r\n    });\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bcfce8 e-con-full e-flex e-con e-child\" data-id=\"3bcfce8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e1740e elementor-widget elementor-widget-html\" data-id=\"8e1740e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Mr.Pom Hero Section Centered<\/title>\r\n\r\n  <!-- Google Fonts Import -->\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=Coming+Soon&family=Galindo&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===================================================\r\n       PAINTER'S PALETTE COLORS & VARIABLES\r\n       =================================================== *\/\r\n    :root {\r\n      --paint-bright-yellow: #FF9F1C; \/* Warna Terang & Warm *\/\r\n      --paint-bright-hover: #2EC4B6;  \/* Bright Teal Hover *\/\r\n      --paint-blue: #2A9D8F;          \/* Palette Blue *\/\r\n      --paint-red: #A3333D;           \/* Beret Red *\/\r\n      --paint-cream-dark: #F7EED3;   \/* Cream Accent Card *\/\r\n      --border-black: #211A1D;      \/* Soft Charcoal Black *\/\r\n      --font-title: 'Galindo', cursive;\r\n      --font-body: 'Coming Soon', cursive;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    body {\r\n      background: transparent;\r\n      font-family: var(--font-body);\r\n    }\r\n\r\n    \/* Hero Wrapper (Centered Tengah & Presisi) *\/\r\n    .hero-wrapper {\r\n      width: 100%;\r\n      padding: 20px 0;\r\n      display: flex;\r\n      flex-direction: column;    \/* Tata letak lurus vertikal *\/\r\n      align-items: center;       \/* RATA TENGAH PRESISI (HORISONTAL) *\/\r\n      justify-content: center;   \/* RATA TENGAH PRESISI (VERTIKAL) *\/\r\n      text-align: center;        \/* Teks rata tengah *\/\r\n      gap: 20px;                 \/* Jarak simetris antar elemen *\/\r\n    }\r\n\r\n    \/* Judul Hero (Centered) *\/\r\n    .hero-title {\r\n      font-family: var(--font-title);\r\n      font-size: 3rem;\r\n      color: var(--paint-bright-yellow);\r\n      text-shadow: 2.5px 2.5px 0px var(--border-black);\r\n      line-height: 1.15;\r\n      margin: 0;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      transition: color 0.3s ease, transform 0.2s ease, text-shadow 0.3s ease;\r\n    }\r\n\r\n    \/* Efek Hover Judul *\/\r\n    .hero-title:hover {\r\n      color: var(--paint-bright-hover);\r\n      text-shadow: 3.5px 3.5px 0px var(--border-black);\r\n      transform: translate(-2px, -2px) rotate(-0.5deg);\r\n    }\r\n\r\n    \/* Card Khusus Deskripsi (Centered & Max-Width Presisi) *\/\r\n    .desc-card {\r\n      background-color: var(--paint-cream-dark);\r\n      border: 3px solid var(--border-black);\r\n      border-radius: 20px;\r\n      padding: 18px 24px;\r\n      box-shadow: 4px 4px 0px var(--border-black);\r\n      width: 100%;               \r\n      max-width: 680px;          \/* Batas lebar agar tetap seimbang di tengah *\/\r\n      transition: all 0.25s ease;\r\n    }\r\n\r\n    .desc-card:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 6px 6px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Deskripsi Teks di Dalam Card *\/\r\n    .hero-desc {\r\n      font-family: var(--font-body);\r\n      font-size: 1.05rem;\r\n      color: var(--border-black);\r\n      line-height: 1.55;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Wrapper untuk Grup Tombol (Buy Now & Join Community) *\/\r\n    .btn-group {\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 14px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      width: 100%;\r\n    }\r\n\r\n    \/* Base Styling Tombol Pill Cartoon *\/\r\n    .btn-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 12px 28px;\r\n      font-family: var(--font-body);\r\n      font-weight: bold;\r\n      font-size: 1.05rem;\r\n      text-decoration: none;\r\n      border: 2.5px solid var(--border-black);\r\n      border-radius: 999px;      \/* Style Pill *\/\r\n      box-shadow: 3px 3px 0px var(--border-black);\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      user-select: none;\r\n    }\r\n\r\n    \/* Tombol Buy Now (Merah Beret) *\/\r\n    .btn-buy {\r\n      background-color: var(--paint-red);\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    .btn-buy:hover {\r\n      background-color: var(--paint-bright-yellow);\r\n      color: var(--border-black);\r\n      transform: translate(-2px, -2px);\r\n      box-shadow: 5px 5px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Tombol Join Community (Teal Blue) *\/\r\n    .btn-community {\r\n      background-color: var(--paint-blue);\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    .btn-community:hover {\r\n      background-color: var(--paint-bright-hover);\r\n      color: var(--border-black);\r\n      transform: translate(-2px, -2px);\r\n      box-shadow: 5px 5px 0px var(--border-black);\r\n    }\r\n\r\n    .btn-pill:active {\r\n      transform: translate(1px, 1px);\r\n      box-shadow: 1.5px 1.5px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Penyesuaian Tampilan HP \/ Mobile *\/\r\n    @media (max-width: 768px) {\r\n      .hero-wrapper {\r\n        gap: 16px;\r\n        padding: 15px 0;\r\n      }\r\n\r\n      .hero-title {\r\n        font-size: 2.1rem;\r\n      }\r\n\r\n      .desc-card {\r\n        padding: 15px 18px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .hero-desc {\r\n        font-size: 0.95rem;\r\n      }\r\n\r\n      .btn-group {\r\n        flex-direction: column;  \/* Tombol bertumpuk vertikal di HP *\/\r\n        gap: 10px;\r\n        width: 100%;\r\n        align-items: center;\r\n      }\r\n\r\n      .btn-pill {\r\n        width: 100%;\r\n        max-width: 300px;        \/* Ukuran tombol rapi & seragam di HP *\/\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"hero-wrapper\">\r\n    <!-- 1. Judul Section (Atas Centered) -->\r\n    <h1 class=\"hero-title\">\r\n      Pure Vibe.<br>No Noise.\r\n    <\/h1>\r\n\r\n    <!-- 2. Card Deskripsi Text (Tengah Centered) -->\r\n    <div class=\"desc-card\">\r\n      <p class=\"hero-desc\">\r\n        Solana thrives on a calm, solid, and consistent culture. $MRPOM brings a fresh perspective\u2014focusing on organic community growth, positive energy, and relevant entertainment.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- 3. Grup Tombol (Bawah Centered) -->\r\n    <div class=\"btn-group\">\r\n      <a href=\"YOUR-BUY-LINK\" class=\"btn-pill btn-buy\" target=\"_blank\">Buy Now<\/a>\r\n      <a href=\"YOUR-COMMUNITY-LINK\" class=\"btn-pill btn-community\" target=\"_blank\">Join Community<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1f8cb9 e-flex e-con-boxed e-con e-parent\" data-id=\"e1f8cb9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-eba95d3 e-con-full e-flex e-con e-child\" data-id=\"eba95d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4295b2b elementor-widget elementor-widget-html\" data-id=\"4295b2b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Mr.Pom Precise Side-by-Side Sections<\/title>\r\n\r\n  <!-- Google Fonts Import -->\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=Coming+Soon&family=Galindo&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===================================================\r\n       PAINTER'S PALETTE COLORS & VARIABLES\r\n       =================================================== *\/\r\n    :root {\r\n      --paint-red: #A3333D;          \/* Beret Red *\/\r\n      --paint-bright-yellow: #FF9F1C;\/* Sunburst Gold \/ Warm *\/\r\n      --paint-bright-hover: #2EC4B6; \/* Bright Teal Hover *\/\r\n      --paint-blue: #2A9D8F;         \/* Palette Teal Blue *\/\r\n      --paint-cream-dark: #F7EED3;  \/* Canvas Cream Card *\/\r\n      --border-black: #211A1D;       \/* Soft Charcoal Black *\/\r\n      --font-title: 'Galindo', cursive;\r\n      --font-body: 'Coming Soon', cursive;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    body {\r\n      background: transparent;\r\n      font-family: var(--font-body);\r\n      color: var(--border-black);\r\n    }\r\n\r\n    \/* Outer Wrapper *\/\r\n    .mrpom-outer-wrapper {\r\n      position: relative;\r\n      width: 100%;\r\n      padding: 40px 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Container Utama Sejajar Kiri & Kanan *\/\r\n    .mrpom-sections-container {\r\n      width: 100%;\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      flex-direction: row;\r\n      justify-content: space-between;\r\n      align-items: stretch; \/* Membuat tinggi kolom fleksibel mengikuti grid *\/\r\n      gap: 30px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Column Base *\/\r\n    .section-col {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n    }\r\n\r\n    \/* Section Title *\/\r\n    .section-title {\r\n      font-family: var(--font-title);\r\n      font-size: 2.2rem;\r\n      color: var(--paint-bright-yellow);\r\n      text-shadow: 2.5px 2.5px 0px var(--border-black);\r\n      line-height: 1.2;\r\n      margin: 0;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      transition: color 0.3s ease, transform 0.2s ease, text-shadow 0.3s ease;\r\n    }\r\n\r\n    .section-title:hover {\r\n      color: var(--paint-bright-hover);\r\n      text-shadow: 3.5px 3.5px 0px var(--border-black);\r\n      transform: translate(-2px, -2px) rotate(-0.5deg);\r\n    }\r\n\r\n    \/* Subtitle Title *\/\r\n    .sub-title {\r\n      font-family: var(--font-title);\r\n      font-size: 1.4rem;\r\n      color: var(--paint-blue);\r\n      text-shadow: 1.5px 1.5px 0px var(--border-black);\r\n      margin: 4px 0 0 0;\r\n    }\r\n\r\n    \/* Cartoon Card Base *\/\r\n    .cartoon-card {\r\n      background-color: var(--paint-cream-dark);\r\n      border: 3px solid var(--border-black);\r\n      border-radius: 20px;\r\n      padding: 20px 24px;\r\n      box-shadow: 4px 4px 0px var(--border-black);\r\n      width: 100%;\r\n      transition: all 0.25s ease;\r\n    }\r\n\r\n    .cartoon-card:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 6px 6px 0px var(--border-black);\r\n    }\r\n\r\n    \/* About Card agar Tinggi Sejajar Presisi *\/\r\n    .about-card {\r\n      flex: 1; \/* Memastikan card about mengisi ruang kosong agar seimbang dengan kolom kanan *\/\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n    }\r\n\r\n    .about-card p {\r\n      font-family: var(--font-body);\r\n      font-size: 1.05rem;\r\n      line-height: 1.6;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .about-card p:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    \/* ===================================================\r\n       TOKENOMICS (4 POIN GRID 2x2 PRESISI)\r\n       =================================================== *\/\r\n    .tokenomics-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr); \/* 2 Kolom Kiri & Kanan *\/\r\n      gap: 12px;\r\n      width: 100%;\r\n    }\r\n\r\n    .token-item {\r\n      background-color: #FFF;\r\n      border: 2.5px solid var(--border-black);\r\n      border-radius: 16px;\r\n      padding: 12px 10px;\r\n      text-align: center;\r\n      box-shadow: 3px 3px 0px var(--border-black);\r\n      transition: transform 0.2s ease, background-color 0.2s ease;\r\n    }\r\n\r\n    .token-item:hover {\r\n      transform: translateY(-2px);\r\n      background-color: var(--paint-bright-yellow);\r\n    }\r\n\r\n    .token-label {\r\n      font-family: var(--font-body);\r\n      font-size: 0.85rem;\r\n      font-weight: bold;\r\n      color: var(--border-black);\r\n      display: block;\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .token-value {\r\n      font-family: var(--font-title);\r\n      font-size: 1.05rem;\r\n      color: var(--paint-red);\r\n      text-shadow: 1px 1px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Roadmap Section Specifics *\/\r\n    .roadmap-grid {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 14px;\r\n    }\r\n\r\n    .phase-card {\r\n      text-align: left;\r\n    }\r\n\r\n    .phase-title {\r\n      font-family: var(--font-title);\r\n      font-size: 1.15rem;\r\n      color: var(--paint-red);\r\n      text-shadow: 1.5px 1.5px 0px var(--border-black);\r\n      margin-bottom: 8px;\r\n    }\r\n\r\n    .phase-list {\r\n      list-style-type: none;\r\n      padding-left: 0;\r\n    }\r\n\r\n    .phase-list li {\r\n      font-family: var(--font-body);\r\n      font-size: 0.95rem;\r\n      line-height: 1.5;\r\n      margin-bottom: 6px;\r\n      position: relative;\r\n      padding-left: 22px;\r\n    }\r\n\r\n    .phase-list li:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .phase-list li::before {\r\n      content: \"\ud83c\udfa8\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      font-size: 0.8rem;\r\n    }\r\n\r\n    \/* ===================================================\r\n       ANIMATED FLOATING IMAGE ASSET (DI ATAS KONTEN)\r\n       =================================================== *\/\r\n    .floating-asset {\r\n      position: absolute;\r\n      width: 120px;\r\n      height: auto;\r\n      z-index: 10;            \/* Terlihat di atas konten *\/\r\n      pointer-events: none;   \/* Tetap tembus klik (tidak mengganggu interaksi) *\/\r\n      opacity: 0.95;\r\n      animation: randomFloat 14s infinite ease-in-out alternate;\r\n    }\r\n\r\n    @keyframes randomFloat {\r\n      0% { top: 5%; left: 2%; transform: rotate(0deg) scale(1); }\r\n      25% { top: 65%; left: 82%; transform: rotate(15deg) scale(1.1); }\r\n      50% { top: 75%; left: 12%; transform: rotate(-10deg) scale(0.9); }\r\n      75% { top: 15%; left: 78%; transform: rotate(20deg) scale(1.05); }\r\n      100% { top: 5%; left: 2%; transform: rotate(0deg) scale(1); }\r\n    }\r\n\r\n    \/* ===================================================\r\n       RESPONSIVE MOBILE STYLES\r\n       =================================================== *\/\r\n    @media (max-width: 850px) {\r\n      .mrpom-sections-container {\r\n        flex-direction: column;\r\n        gap: 30px;\r\n      }\r\n\r\n      .tokenomics-grid {\r\n        gap: 8px;\r\n      }\r\n\r\n      .token-item {\r\n        padding: 10px 6px;\r\n      }\r\n\r\n      .token-label {\r\n        font-size: 0.75rem;\r\n      }\r\n\r\n      .token-value {\r\n        font-size: 0.88rem;\r\n      }\r\n\r\n      .section-title {\r\n        font-size: 1.9rem;\r\n      }\r\n\r\n      .cartoon-card {\r\n        padding: 16px 18px;\r\n        border-radius: 16px;\r\n      }\r\n\r\n      .floating-asset {\r\n        width: 80px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <!-- Outer Section Wrapper -->\r\n  <div class=\"mrpom-outer-wrapper\">\r\n    \r\n    <!-- Aset Gambar Melayang di Atas Konten (Tanpa Mengganggu Klik) -->\r\n    <img decoding=\"async\" \r\n      src=\"https:\/\/mrpom.fun\/wp-content\/uploads\/2026\/08\/ASET.png\" \r\n      alt=\"Mr.Pom Asset\" \r\n      class=\"floating-asset\"\r\n    \/>\r\n\r\n    <div class=\"mrpom-sections-container\">\r\n\r\n      <!-- \ud83d\udcd6 SECTION 1: ABOUT & TOKENOMICS (SEBELAH KIRI) -->\r\n      <div class=\"section-col\" id=\"about\">\r\n        <h2 class=\"section-title\">Mr.Pom ($MRPOM)<\/h2>\r\n        \r\n        <!-- Card Deskripsi About (Tinggi Presisi) -->\r\n        <div class=\"cartoon-card about-card\">\r\n          <p>\r\n            The memecoin space often gets overly noisy and driven by short-lived hype. Mr.Pom takes a different approach: simplicity, loyalty, and a relaxed atmosphere on the Solana network.\r\n          <\/p>\r\n          <p>\r\n            The core focus centers on building a strong gathering space for traders who appreciate visual artistry, relatable humor, and a healthy ecosystem free from extreme pressure.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Tokenomics Subtitle -->\r\n        <h3 class=\"sub-title\">Tokenomics<\/h3>\r\n\r\n        <!-- 4 Poin Tokenomics (2 Atas, 2 Bawah Grid) -->\r\n        <div class=\"tokenomics-grid\">\r\n          <div class=\"token-item\">\r\n            <span class=\"token-label\">TAX<\/span>\r\n            <span class=\"token-value\">0% \/ 0%<\/span>\r\n          <\/div>\r\n          <div class=\"token-item\">\r\n            <span class=\"token-label\">LIQUIDITY<\/span>\r\n            <span class=\"token-value\">BURNT<\/span>\r\n          <\/div>\r\n          <div class=\"token-item\">\r\n            <span class=\"token-label\">NETWORK<\/span>\r\n            <span class=\"token-value\">SOLANA<\/span>\r\n          <\/div>\r\n          <div class=\"token-item\">\r\n            <span class=\"token-label\">TOTAL SUPPLY<\/span>\r\n            <span class=\"token-value\">1,000,000,000<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \ud83d\uddfa\ufe0f SECTION 2: ROADMAP (SEBELAH KANAN) -->\r\n      <div class=\"section-col\" id=\"roadmap\">\r\n        <h2 class=\"section-title\">Step-by-Step, No Hype<\/h2>\r\n        <div class=\"roadmap-grid\">\r\n          \r\n          <!-- Phase 1 -->\r\n          <div class=\"cartoon-card phase-card\">\r\n            <h3 class=\"phase-title\">Phase 1: Initiation & Foundation<\/h3>\r\n            <ul class=\"phase-list\">\r\n              <li>Token launch on the Solana network.<\/li>\r\n              <li>Establishment of the official Telegram group and communication channels.<\/li>\r\n              <li>Release of initial visual assets and first meme drops.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <!-- Phase 2 -->\r\n          <div class=\"cartoon-card phase-card\">\r\n            <h3 class=\"phase-title\">Phase 2: Organic Growth<\/h3>\r\n            <ul class=\"phase-list\">\r\n              <li>Community-driven creative content campaigns.<\/li>\r\n              <li>Appreciation initiatives for active members and meme creators.<\/li>\r\n              <li>Expanding narrative reach across social media.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <!-- Phase 3 -->\r\n          <div class=\"cartoon-card phase-card\">\r\n            <h3 class=\"phase-title\">Phase 3: Ecosystem Strengthening<\/h3>\r\n            <ul class=\"phase-list\">\r\n              <li>Cultural collaborations with other community-focused projects.<\/li>\r\n              <li>Regular community events.<\/li>\r\n              <li>Maintaining rhythm and consistency for long-term momentum.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf77411 e-flex e-con-boxed e-con e-parent\" data-id=\"bf77411\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/mrpom.fun\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/HERO-MR.POM1_-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-8d22498 e-con-full e-flex e-con e-child\" data-id=\"8d22498\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd728c8 elementor-widget elementor-widget-html\" data-id=\"cd728c8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Mr.Pom Join Us Side-by-Side Section<\/title>\r\n\r\n  <!-- Google Fonts Import -->\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=Coming+Soon&family=Galindo&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    \/* ===================================================\r\n       PAINTER'S PALETTE COLORS & VARIABLES\r\n       =================================================== *\/\r\n    :root {\r\n      --paint-bright-yellow: #FF9F1C; \/* Sunburst Gold *\/\r\n      --paint-bright-hover: #2EC4B6;  \/* Bright Teal Hover *\/\r\n      --paint-blue: #2A9D8F;          \/* Palette Teal Blue *\/\r\n      --paint-red: #A3333D;           \/* Beret Red *\/\r\n      --paint-wood: #D4A373;          \/* Canvas Wood Color *\/\r\n      --border-black: #211A1D;        \/* Soft Charcoal Black *\/\r\n      --font-title: 'Galindo', cursive;\r\n      --font-body: 'Coming Soon', cursive;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    body {\r\n      background: transparent;\r\n      font-family: var(--font-body);\r\n      color: var(--border-black);\r\n    }\r\n\r\n    \/* Outer Wrapper: Split Left & Right (Centered Vertically) *\/\r\n    .join-wrapper {\r\n      width: 100%;\r\n      min-height: 100vh;\r\n      padding: 40px 20px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;     \/* RATA TENGAH PRESISI ATAS-BAWAH *\/\r\n      position: relative;\r\n    }\r\n\r\n    \/* Container Split Kiri & Kanan dengan Ruang Tengah Kosong untuk Karakter Mr.Pom *\/\r\n    .join-split-container {\r\n      width: 100%;\r\n      max-width: 1100px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      gap: 280px; \/* Celah Luas di Tengah untuk Karakter Mr.Pom *\/\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Shared Card Base Style *\/\r\n    .split-card {\r\n      position: relative;\r\n      border: 4px solid var(--border-black);\r\n      border-radius: 24px;\r\n      padding: 28px 22px 24px 22px;\r\n      box-shadow: 7px 7px 0px var(--border-black);\r\n      width: 100%;\r\n      max-width: 380px; \/* Lebar pas agar tidak memakan ruang tengah *\/\r\n      text-align: center;\r\n      transition: all 0.3s ease;\r\n      overflow: hidden;\r\n      background: rgba(255, 253, 240, 0.92);\r\n      backdrop-filter: blur(4px);\r\n    }\r\n\r\n    \/* Kiri: Card Quote Style *\/\r\n    .quote-card {\r\n      transform: rotate(-1.5deg);\r\n    }\r\n\r\n    .quote-card:hover {\r\n      transform: rotate(0deg) translateY(-3px);\r\n      box-shadow: 9px 9px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Kanan: Card Join Us dengan Video *\/\r\n    .join-card {\r\n      transform: rotate(1.5deg);\r\n    }\r\n\r\n    .join-card:hover {\r\n      transform: rotate(0deg) translateY(-3px);\r\n      box-shadow: 9px 9px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Video Background Khusus Card Kanan *\/\r\n    .card-video-bg {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      z-index: 1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Overlay Video Transparan *\/\r\n    .card-video-overlay {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(255, 253, 240, 0.85);\r\n      backdrop-filter: blur(2px);\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* Content Layer di Atas Video *\/\r\n    .card-content {\r\n      position: relative;\r\n      z-index: 3;\r\n    }\r\n\r\n    \/* Wooden Clip Top (Hiasan Atas Card) *\/\r\n    .canvas-clip {\r\n      position: absolute;\r\n      top: -16px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background-color: var(--paint-wood);\r\n      border: 2.5px solid var(--border-black);\r\n      border-radius: 8px;\r\n      padding: 3px 16px;\r\n      font-family: var(--font-title);\r\n      font-size: 0.7rem;\r\n      color: var(--border-black);\r\n      box-shadow: 2px 2px 0px var(--border-black);\r\n      letter-spacing: 1px;\r\n      z-index: 4;\r\n    }\r\n\r\n    \/* Section Titles *\/\r\n    .card-title {\r\n      font-family: var(--font-title);\r\n      font-size: 1.8rem;\r\n      color: var(--paint-red);\r\n      text-shadow: 2px 2px 0px #FFF, 2.5px 2.5px 0px var(--border-black);\r\n      line-height: 1.15;\r\n      margin-top: 4px;\r\n      margin-bottom: 10px;\r\n      cursor: pointer;\r\n      display: inline-block;\r\n      transition: color 0.3s ease, transform 0.2s ease;\r\n    }\r\n\r\n    .card-title:hover {\r\n      color: var(--paint-bright-hover);\r\n      transform: scale(1.02);\r\n    }\r\n\r\n    \/* Quote Text Style *\/\r\n    .quote-text {\r\n      font-family: var(--font-body);\r\n      font-size: 1.1rem;\r\n      line-height: 1.5;\r\n      color: var(--border-black);\r\n      font-weight: bold;\r\n      font-style: italic;\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .quote-author {\r\n      font-family: var(--font-title);\r\n      font-size: 0.9rem;\r\n      color: var(--paint-blue);\r\n      text-shadow: 1px 1px 0px var(--border-black);\r\n    }\r\n\r\n    \/* Join Desc Text *\/\r\n    .join-desc {\r\n      font-family: var(--font-body);\r\n      font-size: 0.98rem;\r\n      line-height: 1.5;\r\n      color: var(--border-black);\r\n      margin-bottom: 18px;\r\n      font-weight: bold;\r\n      text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);\r\n    }\r\n\r\n    \/* Group Tombol Sosial Media *\/\r\n    .btn-group {\r\n      display: flex;\r\n      gap: 10px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    \/* Tombol Cartoon Pill *\/\r\n    .btn-pill {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 6px;\r\n      padding: 9px 18px;\r\n      font-family: var(--font-body);\r\n      font-weight: bold;\r\n      font-size: 0.9rem;\r\n      color: #FFFFFF;\r\n      text-decoration: none;\r\n      border: 2.5px solid var(--border-black);\r\n      border-radius: 999px;\r\n      box-shadow: 3px 3px 0px var(--border-black);\r\n      cursor: pointer;\r\n      transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n      user-select: none;\r\n    }\r\n\r\n    .btn-telegram {\r\n      background-color: var(--paint-blue);\r\n    }\r\n\r\n    .btn-twitter {\r\n      background-color: var(--paint-bright-yellow);\r\n      color: var(--border-black);\r\n    }\r\n\r\n    .btn-telegram svg { fill: #FFFFFF; }\r\n    .btn-twitter svg { fill: var(--border-black); }\r\n\r\n    .btn-pill svg {\r\n      width: 15px;\r\n      height: 15px;\r\n      transition: transform 0.2s ease;\r\n    }\r\n\r\n    .btn-pill:hover {\r\n      transform: translate(-2px, -2px) scale(1.04);\r\n      box-shadow: 4px 4px 0px var(--border-black);\r\n      background-color: var(--paint-red);\r\n      color: #FFFFFF;\r\n    }\r\n\r\n    .btn-pill:hover svg {\r\n      fill: #FFFFFF;\r\n      transform: rotate(-12deg);\r\n    }\r\n\r\n    .btn-pill:active {\r\n      transform: translate(1px, 1px);\r\n      box-shadow: 1px 1px 0px var(--border-black);\r\n    }\r\n\r\n    \/* RESPONSIVE MOBILE STYLES *\/\r\n    @media (max-width: 900px) {\r\n      .join-wrapper {\r\n        min-height: auto;\r\n        padding: 30px 12px;\r\n      }\r\n\r\n      .join-split-container {\r\n        flex-direction: column; \/* Otomatis berurutan vertikal di HP *\/\r\n        gap: 20px;\r\n        align-items: center;\r\n      }\r\n\r\n      .split-card {\r\n        max-width: 100%;\r\n        transform: rotate(0deg);\r\n      }\r\n\r\n      .btn-group {\r\n        flex-direction: column;\r\n        width: 100%;\r\n      }\r\n\r\n      .btn-pill {\r\n        width: 100%;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"join-wrapper\" id=\"community\">\r\n    <div class=\"join-split-container\">\r\n      \r\n      <!-- \ud83c\udfa8 CARD KIRI: ART QUOTE -->\r\n      <div class=\"split-card quote-card\">\r\n        <div class=\"canvas-clip\">DAILY VIBE<\/div>\r\n        <div class=\"card-content\">\r\n          <h2 class=\"card-title\">Art of Crypto<\/h2>\r\n          <p class=\"quote-text\">\r\n            \"Every great canvas starts with a single vibe. Stay calm, stay loyal, and let the culture paint the future.\"\r\n          <\/p>\r\n          <span class=\"quote-author\">\u2014 Mr.Pom Studio \ud83c\udfa8<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \ud83e\udd1d CARD KANAN: JOIN US WITH VIDEO BACKGROUND -->\r\n      <div class=\"split-card join-card\">\r\n        \r\n        <!-- Video Background Bawaan -->\r\n        <video class=\"card-video-bg\" autoplay loop muted playsinline>\r\n          <source src=\"https:\/\/mrpom.fun\/wp-content\/uploads\/2026\/08\/HERO-MR.POM1_-1.mp4\" type=\"video\/mp4\" \/>\r\n        <\/video>\r\n\r\n        <!-- Overlay Transparan di Atas Video -->\r\n        <div class=\"card-video-overlay\"><\/div>\r\n\r\n        <!-- Penjepit Papan Lukis Wood Clip -->\r\n        <div class=\"canvas-clip\">JOIN US<\/div>\r\n\r\n        <!-- Wrapper Konten Utama -->\r\n        <div class=\"card-content\">\r\n          <h2 class=\"card-title\">Ready for the Journey?<\/h2>\r\n\r\n          <p class=\"join-desc\">\r\n            Enjoy the crypto experience with total peace of mind. Drop into the chat and grow alongside the purest community on Solana.\r\n          <\/p>\r\n\r\n          <!-- Action Buttons -->\r\n          <div class=\"btn-group\">\r\n            \r\n            <!-- Telegram Button -->\r\n            <a href=\"YOUR-LINK\" class=\"btn-pill btn-telegram\" target=\"_blank\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M9.78 18.65l.28-4.23 7.68-6.92c.34-.31-.07-.46-.52-.19L7.74 13.3 3.64 12c-.88-.25-.89-.86.2-1.3l15.97-6.16c.73-.33 1.43.18 1.15 1.3l-2.72 12.81c-.19.91-.74 1.13-1.5.71L12.6 16.3l-1.99 1.93c-.23.23-.42.42-.83.42z\"\/>\r\n              <\/svg>\r\n              Telegram\r\n            <\/a>\r\n\r\n            <!-- Twitter \/ X Button -->\r\n            <a href=\"YOUR-LINK\" class=\"btn-pill btn-twitter\" target=\"_blank\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/>\r\n              <\/svg>\r\n              X \/ Twitter\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f33e9d6 e-flex e-con-boxed e-con e-parent\" data-id=\"f33e9d6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93faea2 elementor-widget elementor-widget-html\" data-id=\"93faea2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\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>Mr.Pom Footer Copyright<\/title>\r\n\r\n  <!-- Google Fonts Import -->\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=Coming+Soon&family=Galindo&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n    :root {\r\n      --paint-cream-dark: #F7EED3;\r\n      --border-black: #211A1D;\r\n      --font-body: 'Coming Soon', cursive;\r\n    }\r\n\r\n    * {\r\n      box-sizing: border-box;\r\n      margin: 0;\r\n      padding: 0;\r\n    }\r\n\r\n    body {\r\n      background: transparent;\r\n      font-family: var(--font-body);\r\n    }\r\n\r\n    \/* Footer Container Simpel & Centered *\/\r\n    .mrpom-footer {\r\n      width: 100%;\r\n      padding: 20px 15px;\r\n      text-align: center;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* Text Copyright Style *\/\r\n    .copyright-text {\r\n      font-family: var(--font-body);\r\n      font-size: 0.95rem;\r\n      font-weight: bold;\r\n      color: var(--border-black);\r\n      background-color: var(--paint-cream-dark);\r\n      border: 2px solid var(--border-black);\r\n      border-radius: 999px; \/* Style Pill *\/\r\n      padding: 6px 18px;\r\n      box-shadow: 2px 2px 0px var(--border-black);\r\n      display: inline-block;\r\n    }\r\n\r\n    \/* Mobile Responsive *\/\r\n    @media (max-width: 600px) {\r\n      .copyright-text {\r\n        font-size: 0.85rem;\r\n        padding: 5px 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <footer class=\"mrpom-footer\">\r\n    <span class=\"copyright-text\">\r\n      \u00a9 2026 Mr.Pom ($MRPOM). All rights reserved.\r\n    <\/span>\r\n  <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\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>Mr.Pom Painter Pill Nav Section Mr.Pom ($MRPOM) 0x000000000000000000000000000000000000pump Copy CA Mr.Pom Hero Section Centered Pure Vibe.No Noise. Solana thrives on a calm, solid, and consistent culture. $MRPOM brings a fresh perspective\u2014focusing on organic community growth, positive energy, and relevant entertainment. Buy Now Join Community Mr.Pom Precise Side-by-Side Sections Mr.Pom ($MRPOM) The memecoin space often gets [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mrpom.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrpom.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrpom.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrpom.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrpom.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":10,"href":"https:\/\/mrpom.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/mrpom.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/mrpom.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}