{"id":8,"date":"2026-07-29T12:03:19","date_gmt":"2026-07-29T12:03:19","guid":{"rendered":"https:\/\/zencat.fun\/?page_id=8"},"modified":"2026-07-29T14:08:25","modified_gmt":"2026-07-29T14:08:25","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/zencat.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-6785b15 e-con-full e-flex e-con e-parent\" data-id=\"6785b15\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0957629 elementor-widget elementor-widget-html\" data-id=\"0957629\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"zencat-premium-ui\">\r\n  <!-- Zen Particles Canvas Background -->\r\n  <canvas id=\"zen-particles\"><\/canvas>\r\n\r\n  <!-- CSS Styles -->\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;400;500;600&family=Inter:wght@300;400;500&display=swap');\r\n\r\n    :root {\r\n      --bg-color: #030303;\r\n      --accent: #E87A3E; \/* Soft sunset orange *\/\r\n      --accent-light: #FF9D66;\r\n      --accent-glow: rgba(232, 122, 62, 0.25);\r\n      --text-main: #FDFDFD;\r\n      --text-muted: #9A9A9A;\r\n      --glass-bg: rgba(255, 255, 255, 0.02);\r\n      --glass-border: rgba(255, 255, 255, 0.08);\r\n      --glass-shadow: inset 0 1px 1px rgba(255,255,255,0.1);\r\n      --transition-smooth: all 0.5s cubic-bezier(0.25, 1, 0.3, 1);\r\n    }\r\n\r\n    #zencat-premium-ui {\r\n      position: relative;\r\n      font-family: 'Inter', sans-serif;\r\n      background-color: var(--bg-color);\r\n      color: var(--text-main);\r\n      overflow-x: hidden;\r\n      margin: 0;\r\n      padding: 0;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    #zen-particles {\r\n      position: fixed;\r\n      top: 0; left: 0;\r\n      width: 100vw; height: 100vh;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n    }\r\n\r\n    #zencat-premium-ui h1, #zencat-premium-ui h2, #zencat-premium-ui h3, .zen-logo {\r\n      font-family: 'Space Grotesk', sans-serif;\r\n      font-weight: 500;\r\n      letter-spacing: -0.02em;\r\n    }\r\n\r\n    #zencat-premium-ui a {\r\n      text-decoration: none;\r\n      color: inherit;\r\n      transition: var(--transition-smooth);\r\n    }\r\n    \r\n    .zen-gradient-text {\r\n      background: linear-gradient(135deg, #FFFFFF 0%, var(--accent-light) 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      color: transparent;\r\n    }\r\n\r\n    \/* Navbar - iPhone Dynamic Island \/ Poni Style *\/\r\n    .zen-nav {\r\n      position: fixed;\r\n      top: 25px; \r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      width: max-content;\r\n      min-width: 550px;\r\n      padding: 10px 14px 10px 24px;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      background: rgba(10, 10, 10, 0.6);\r\n      backdrop-filter: blur(24px);\r\n      -webkit-backdrop-filter: blur(24px);\r\n      z-index: 100;\r\n      border: 1px solid var(--glass-border);\r\n      border-radius: 99px; \/* Bentuk Pill membulat sempurna *\/\r\n      box-shadow: 0 10px 40px rgba(0,0,0,0.6), var(--glass-shadow);\r\n      gap: 30px;\r\n    }\r\n    .zen-logo { font-size: 18px; font-weight: 600; color: var(--text-main); }\r\n    .zen-logo span { color: var(--accent); }\r\n    \r\n    .zen-links { \r\n      display: flex; \r\n      gap: 24px; \r\n      font-size: 11px;\r\n      font-weight: 500; \r\n      text-transform: uppercase; \r\n      letter-spacing: 1.5px; \r\n      color: var(--text-muted);\r\n    }\r\n    .zen-links a { position: relative; padding: 5px 0; }\r\n    .zen-links a::after {\r\n      content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px;\r\n      background: var(--accent); transition: var(--transition-smooth);\r\n    }\r\n    .zen-links a:hover { color: var(--text-main); }\r\n    .zen-links a:hover::after { width: 100%; }\r\n\r\n    .zen-btn-buy {\r\n      background: var(--glass-bg);\r\n      color: var(--text-main);\r\n      padding: 10px 22px;\r\n      border-radius: 99px;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      border: 1px solid var(--glass-border);\r\n      transition: var(--transition-smooth);\r\n      cursor: pointer;\r\n    }\r\n    .zen-btn-buy:hover {\r\n      background: var(--accent);\r\n      color: #000;\r\n      border-color: var(--accent);\r\n      box-shadow: 0 0 20px var(--accent-glow);\r\n    }\r\n\r\n    \/* Hero Section *\/\r\n    .zen-hero {\r\n      position: relative;\r\n      height: 100vh;\r\n      min-height: 700px;\r\n      display: flex;\r\n      align-items: flex-end;\r\n      padding: 0 5% 70px 5%;\r\n      z-index: 2;\r\n    }\r\n    .zen-hero-vid {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      object-fit: cover;\r\n      z-index: 0;\r\n      opacity: 1;\r\n    }\r\n    .zen-hero-overlay {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background: radial-gradient(circle at center, rgba(0,0,0,0.1) 0%, rgba(3,3,3,0.8) 100%),\r\n                  linear-gradient(180deg, rgba(3,3,3,0) 0%, rgba(3,3,3,1) 100%);\r\n      z-index: 1;\r\n    }\r\n    .zen-hero-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: flex-end;\r\n      gap: 40px;\r\n    }\r\n    .zen-hero-left {\r\n      flex: 1.5;\r\n      text-align: left;\r\n    }\r\n    .zen-hero-title {\r\n      font-size: clamp(2.5rem, 4.5vw, 4.5rem);\r\n      line-height: 1.1;\r\n      margin: 0 0 20px 0;\r\n      font-weight: 500;\r\n    }\r\n    .zen-hero-title span {\r\n      display: inline-block; \/* Mencegah patah animasi *\/\r\n    }\r\n    .zen-hero-left p {\r\n      font-size: 15px;\r\n      color: var(--text-muted);\r\n      max-width: 480px;\r\n      line-height: 1.7;\r\n      font-weight: 300;\r\n    }\r\n    .zen-hero-right {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-end;\r\n      gap: 12px;\r\n    }\r\n    .zen-glass-panel {\r\n      background: rgba(10, 10, 10, 0.3);\r\n      backdrop-filter: blur(30px);\r\n      -webkit-backdrop-filter: blur(30px);\r\n      border: 1px solid var(--glass-border);\r\n      box-shadow: var(--glass-shadow);\r\n      padding: 24px;\r\n      border-radius: 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 16px;\r\n      width: 100%;\r\n      max-width: 320px;\r\n    }\r\n    .zen-ca-wrap {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      background: rgba(0,0,0,0.5);\r\n      padding: 14px 18px;\r\n      border-radius: 14px;\r\n      border: 1px solid var(--glass-border);\r\n      cursor: pointer;\r\n      transition: var(--transition-smooth);\r\n    }\r\n    .zen-ca-wrap:hover { \r\n      border-color: var(--accent); \r\n      background: rgba(232, 122, 62, 0.05);\r\n    }\r\n    .zen-ca-text { font-family: 'Space Grotesk', monospace; font-size: 11px; color: var(--text-muted); }\r\n    .zen-ca-icon { color: var(--text-main); width: 14px; height: 14px; }\r\n    \r\n    .zen-social-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr 1fr;\r\n      gap: 8px;\r\n    }\r\n    .zen-btn-social {\r\n      background: rgba(255,255,255,0.02);\r\n      border: 1px solid var(--glass-border);\r\n      color: var(--text-muted);\r\n      padding: 12px 0;\r\n      font-size: 10px;\r\n      font-weight: 500;\r\n      text-transform: uppercase;\r\n      letter-spacing: 1px;\r\n      border-radius: 12px;\r\n      text-align: center;\r\n      transition: var(--transition-smooth);\r\n    }\r\n    .zen-btn-social:hover {\r\n      background: var(--text-main);\r\n      color: #000;\r\n      border-color: var(--text-main);\r\n    }\r\n\r\n    \/* About Section *\/\r\n    .zen-about {\r\n      position: relative;\r\n      padding: 140px 5%;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 80px;\r\n      background: transparent;\r\n      z-index: 2;\r\n    }\r\n    .zen-about-img {\r\n      flex: 1;\r\n      position: relative;\r\n    }\r\n    .zen-about-img::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%; left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      width: 60%; height: 60%;\r\n      background: var(--accent);\r\n      filter: blur(120px);\r\n      opacity: 0.15;\r\n      z-index: -1;\r\n    }\r\n    .zen-about-img img {\r\n      width: 100%;\r\n      max-width: 450px;\r\n      display: block;\r\n      margin: auto;\r\n      animation: floatZen 8s ease-in-out infinite;\r\n    }\r\n    @keyframes floatZen {\r\n      0% { transform: translateY(0px) rotate(0deg); }\r\n      50% { transform: translateY(-15px) rotate(1deg); }\r\n      100% { transform: translateY(0px) rotate(0deg); }\r\n    }\r\n    .zen-about-text { flex: 1.2; }\r\n    .zen-about-text h2 { \r\n      font-size: 36px; \r\n      margin: 0 0 25px 0; \r\n      font-weight: 400;\r\n    }\r\n    .zen-about-text p { \r\n      font-size: 16px; \r\n      line-height: 1.8; \r\n      color: var(--text-muted); \r\n      font-weight: 300;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Ultra Smooth Marquee *\/\r\n    .zen-marquee-container {\r\n      position: relative;\r\n      border-top: 1px solid var(--glass-border);\r\n      border-bottom: 1px solid var(--glass-border);\r\n      padding: 20px 0;\r\n      background: rgba(255,255,255,0.01);\r\n      overflow: hidden;\r\n      margin: 40px 0;\r\n      z-index: 2;\r\n    }\r\n    .zen-marquee-track {\r\n      display: flex;\r\n      width: max-content;\r\n    }\r\n    .zen-marquee-content {\r\n      display: flex;\r\n      white-space: nowrap;\r\n      animation: scrollMarquee 25s linear infinite;\r\n    }\r\n    .zen-marquee-content h3 {\r\n      font-family: 'Space Grotesk', sans-serif;\r\n      color: var(--text-main);\r\n      opacity: 0.7;\r\n      font-size: 12px;\r\n      font-weight: 400;\r\n      letter-spacing: 4px;\r\n      margin: 0;\r\n      padding: 0 30px;\r\n      text-transform: uppercase;\r\n    }\r\n    .zen-marquee-content h3 span { color: var(--accent); }\r\n    @keyframes scrollMarquee {\r\n      0% { transform: translateX(0); }\r\n      100% { transform: translateX(-100%); }\r\n    }\r\n\r\n    \/* Live Chart *\/\r\n    .zen-chart {\r\n      position: relative;\r\n      padding: 120px 5%;\r\n      background: transparent;\r\n      text-align: center;\r\n      z-index: 2;\r\n    }\r\n    .zen-section-title {\r\n      font-size: 32px;\r\n      margin-bottom: 60px;\r\n      font-weight: 400;\r\n    }\r\n    .zen-chart-box {\r\n      width: 100%;\r\n      height: 650px;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--glass-border);\r\n      background: var(--glass-bg);\r\n      position: relative;\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n    }\r\n    .zen-chart-box iframe {\r\n      width: 100%;\r\n      height: 100%;\r\n      border: none;\r\n    }\r\n\r\n    \/* How To Buy *\/\r\n    .zen-htb {\r\n      position: relative;\r\n      padding: 140px 5%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      z-index: 2;\r\n    }\r\n    .zen-htb-bg {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background-image: url('https:\/\/zencat.fun\/wp-content\/uploads\/2026\/07\/Asset-8.png');\r\n      background-size: cover;\r\n      background-position: center;\r\n      background-attachment: fixed;\r\n      opacity: 0.8; \r\n      z-index: 0;\r\n    }\r\n    .zen-htb-overlay {\r\n      position: absolute;\r\n      top: 0; left: 0; width: 100%; height: 100%;\r\n      background: linear-gradient(180deg, var(--bg-color) 0%, rgba(3,3,3,0.6) 30%, rgba(3,3,3,0.6) 70%, var(--bg-color) 100%);\r\n      z-index: 1;\r\n    }\r\n    .zen-htb-content {\r\n      position: relative;\r\n      z-index: 2;\r\n      width: 100%;\r\n      max-width: 1100px;\r\n    }\r\n    .zen-htb-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n      gap: 25px;\r\n    }\r\n    .zen-step-card {\r\n      background: rgba(10, 10, 10, 0.5);\r\n      border: 1px solid var(--glass-border);\r\n      padding: 45px 35px;\r\n      border-radius: 24px;\r\n      backdrop-filter: blur(25px);\r\n      -webkit-backdrop-filter: blur(25px);\r\n      text-align: center;\r\n      transition: var(--transition-smooth);\r\n      box-shadow: var(--glass-shadow);\r\n    }\r\n    .zen-step-card:hover {\r\n      background: rgba(255, 255, 255, 0.04);\r\n      border-color: rgba(255, 255, 255, 0.2);\r\n      transform: translateY(-8px);\r\n    }\r\n    .zen-step-num {\r\n      display: inline-block;\r\n      padding: 6px 14px;\r\n      background: rgba(232, 122, 62, 0.1);\r\n      border: 1px solid rgba(232, 122, 62, 0.2);\r\n      border-radius: 99px;\r\n      font-size: 10px;\r\n      color: var(--accent);\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      margin-bottom: 25px;\r\n    }\r\n    .zen-step-card h3 {\r\n      font-size: 18px;\r\n      color: var(--text-main);\r\n      margin: 0 0 15px 0;\r\n      font-weight: 500;\r\n    }\r\n    .zen-step-card p {\r\n      color: var(--text-muted);\r\n      font-size: 13px;\r\n      line-height: 1.7;\r\n      font-weight: 300;\r\n      margin: 0;\r\n    }\r\n\r\n    \/* Footer *\/\r\n    .zen-footer {\r\n      background: var(--bg-color);\r\n      padding: 60px 5% 40px;\r\n      text-align: center;\r\n      border-top: 1px solid var(--glass-border);\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .zen-footer p { \r\n      color: #666; \r\n      font-size: 12px; \r\n      font-weight: 300;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 991px) {\r\n      .zen-nav { min-width: auto; width: 85%; padding: 10px 20px; gap: 15px; }\r\n      .zen-links { display: none; } \/* Sembunyikan link di mobile agar bentuk pill tetap manis *\/\r\n      .zen-hero-content { flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; gap: 50px; }\r\n      .zen-hero-left, .zen-hero-right { flex: none; width: 100%; }\r\n      .zen-hero-right { align-items: flex-start; }\r\n      .zen-glass-panel { max-width: 100%; }\r\n      .zen-about { flex-direction: column; text-align: center; padding: 100px 5%; }\r\n    }\r\n    @media (max-width: 767px) {\r\n      .zen-hero-title { font-size: 2.8rem; }\r\n      .zen-step-card { padding: 35px 25px; }\r\n    }\r\n  <\/style>\r\n\r\n  <!-- Navbar (iPhone Notch \/ Dynamic Island Style) -->\r\n  <nav class=\"zen-nav\">\r\n    <div class=\"zen-logo\">Zen<span>Cat<\/span><\/div>\r\n    <div class=\"zen-links\">\r\n      <a href=\"#about\">About<\/a>\r\n      <a href=\"#chart\">Chart<\/a>\r\n      <a href=\"#buy\">How to Buy<\/a>\r\n    <\/div>\r\n    <a href=\"#buy\" class=\"zen-btn-buy\">Buy Now<\/a>\r\n  <\/nav>\r\n\r\n  <!-- Hero Section -->\r\n  <section class=\"zen-hero\">\r\n    <video class=\"zen-hero-vid\" autoplay loop muted playsinline>\r\n      <source src=\"https:\/\/zencat.fun\/wp-content\/uploads\/2026\/07\/ZENCAT-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"zen-hero-overlay\"><\/div>\r\n    \r\n    <div class=\"zen-hero-content\">\r\n      <div class=\"zen-hero-left\">\r\n        <!-- Judul dipisah menjadi 2 baris (Enter setelah koma) -->\r\n        <h1 class=\"zen-hero-title\">\r\n          <span class=\"zen-decrypt zen-gradient-text\" data-text=\"Stay Chill,\">Stay Chill,<\/span><br>\r\n          <span class=\"zen-decrypt zen-gradient-text\" data-text=\"HODL $ZenCat\">HODL $ZenCat<\/span>\r\n        <\/h1>\r\n        <p>The calmest cat on the blockchain. No panic, just vibes. Join the chillest community and enjoy the crypto journey.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"zen-hero-right\">\r\n        <div class=\"zen-glass-panel\">\r\n          <div class=\"zen-ca-wrap\" onclick=\"copyCA()\">\r\n            <span class=\"zen-ca-text\" id=\"zen-ca-display\">CA: 0xZenCatContract...<\/span>\r\n            <svg class=\"zen-ca-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg>\r\n          <\/div>\r\n          <div class=\"zen-social-grid\">\r\n            <a href=\"#\" class=\"zen-btn-social\">X (Twitter)<\/a>\r\n            <a href=\"#\" class=\"zen-btn-social\">Telegram<\/a>\r\n            <a href=\"#chart\" class=\"zen-btn-social\">Chart<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- About Section -->\r\n  <section id=\"about\" class=\"zen-about\">\r\n    <div class=\"zen-about-img\">\r\n      <img decoding=\"async\" src=\"https:\/\/zencat.fun\/wp-content\/uploads\/2026\/07\/Asset-9sdf.png\" alt=\"ZenCat Avatar\">\r\n    <\/div>\r\n    <div class=\"zen-about-text\">\r\n      <h2 class=\"zen-decrypt zen-gradient-text\" data-text=\"Meet ZenCat: Master of the Market\">Meet ZenCat: Master of the Market<\/h2>\r\n      <p>While everyone else is sweating over red charts or FOMO-rushing to chase the green ones, ZenCat is kicking back. Sporting his signature hoodie and sunglasses, he knows that true strength in crypto doesn't come from reacting to every tiny market movement.<\/p>\r\n      <p>For <strong>$ZenCat<\/strong>, it's all about maintaining unbreakable composure, building a strong, stress-free community, and simply enjoying the journey together. No stress, no panic selling\u2014just pure zen. Sit back, relax, and let the blockchain do its thing.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Super Smooth Marquee -->\r\n  <div class=\"zen-marquee-container\">\r\n    <div class=\"zen-marquee-track\">\r\n      <div class=\"zen-marquee-content\">\r\n        <h3>\u2726 $ZENCAT \u2726 STAY CHILL \u2726 <span>HODL<\/span> \u2726 NO PANIC \u2726 JUST VIBES <\/h3>\r\n        <h3>\u2726 $ZENCAT \u2726 STAY CHILL \u2726 <span>HODL<\/span> \u2726 NO PANIC \u2726 JUST VIBES <\/h3>\r\n        <h3>\u2726 $ZENCAT \u2726 STAY CHILL \u2726 <span>HODL<\/span> \u2726 NO PANIC \u2726 JUST VIBES <\/h3>\r\n      <\/div>\r\n      <div class=\"zen-marquee-content\">\r\n        <h3>\u2726 $ZENCAT \u2726 STAY CHILL \u2726 <span>HODL<\/span> \u2726 NO PANIC \u2726 JUST VIBES <\/h3>\r\n        <h3>\u2726 $ZENCAT \u2726 STAY CHILL \u2726 <span>HODL<\/span> \u2726 NO PANIC \u2726 JUST VIBES <\/h3>\r\n        <h3>\u2726 $ZENCAT \u2726 STAY CHILL \u2726 <span>HODL<\/span> \u2726 NO PANIC \u2726 JUST VIBES <\/h3>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Live Chart Section -->\r\n  <section id=\"chart\" class=\"zen-chart\">\r\n    <h2 class=\"zen-section-title zen-decrypt zen-gradient-text\" data-text=\"The Zen Matrix: Live Chart\">The Zen Matrix: Live Chart<\/h2>\r\n    <div class=\"zen-chart-box\">\r\n      <iframe src=\"https:\/\/dexscreener.com\/solana\/sol?embed=1&theme=dark&trades=0&info=0\" title=\"Live Chart\"><\/iframe>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- How to Buy Section -->\r\n  <section id=\"buy\" class=\"zen-htb\">\r\n    <div class=\"zen-htb-bg\"><\/div>\r\n    <div class=\"zen-htb-overlay\"><\/div>\r\n    <div class=\"zen-htb-content\">\r\n      <h2 class=\"zen-section-title zen-decrypt zen-gradient-text\" style=\"text-align:center;\" data-text=\"The Path to Enlightenment\">The Path to Enlightenment<\/h2>\r\n      <div class=\"zen-htb-grid\">\r\n        <div class=\"zen-step-card\">\r\n          <span class=\"zen-step-num\">Step 01<\/span>\r\n          <h3>Find Your Center<\/h3>\r\n          <p>Download a secure crypto wallet like Phantom or MetaMask from your app store or browser extension store.<\/p>\r\n        <\/div>\r\n        <div class=\"zen-step-card\">\r\n          <span class=\"zen-step-num\">Step 02<\/span>\r\n          <h3>Gather Your Energy<\/h3>\r\n          <p>Purchase some crypto (SOL\/ETH\/BNB depending on chain) and send it to your newly created wallet.<\/p>\r\n        <\/div>\r\n        <div class=\"zen-step-card\">\r\n          <span class=\"zen-step-num\">Step 03<\/span>\r\n          <h3>Enter the Temple<\/h3>\r\n          <p>Head over to a decentralized exchange like Raydium or Uniswap. Connect your wallet securely.<\/p>\r\n        <\/div>\r\n        <div class=\"zen-step-card\">\r\n          <span class=\"zen-step-num\">Step 04<\/span>\r\n          <h3>Achieve Inner Peace<\/h3>\r\n          <p>Paste the $ZenCat CA, enter the amount you want to trade, and confirm swap. Put your sunglasses on.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Footer -->\r\n  <footer class=\"zen-footer\">\r\n    <div class=\"zen-logo\">Zen<span>Cat<\/span><\/div>\r\n    <p>\u00a9 2026 ZenCat. The chillest cat on the blockchain.<\/p>\r\n  <\/footer>\r\n\r\n  <!-- Logic & Interactions -->\r\n  <script>\r\n    \/\/ --- 1. Copy CA Logic ---\r\n    function copyCA() {\r\n      const caFull = \"0xZenCatContractAddressHerePleaseReplace\"; \/\/ Ganti dengan CA asli\r\n      navigator.clipboard.writeText(caFull).then(() => {\r\n        const caDisplay = document.getElementById('zen-ca-display');\r\n        caDisplay.innerText = \"Copied to Clipboard!\";\r\n        caDisplay.style.color = \"var(--accent)\";\r\n        setTimeout(() => {\r\n          caDisplay.innerText = \"CA: \" + caFull.substring(0, 18) + \"...\";\r\n          caDisplay.style.color = \"var(--text-muted)\";\r\n        }, 2000);\r\n      });\r\n    }\r\n\r\n    \/\/ --- 2. Decrypt Text Animation ---\r\n    document.addEventListener(\"DOMContentLoaded\", () => {\r\n      const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$*\";\r\n      const decryptElements = document.querySelectorAll('.zen-decrypt');\r\n\r\n      const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            const el = entry.target;\r\n            if (el.dataset.animated === 'true') return;\r\n            el.dataset.animated = 'true';\r\n\r\n            const originalText = el.dataset.text;\r\n            let iteration = 0;\r\n            \r\n            const interval = setInterval(() => {\r\n              el.innerText = originalText\r\n                .split(\"\")\r\n                .map((letter, index) => {\r\n                  if(index < iteration) return originalText[index];\r\n                  if(originalText[index] === \" \") return \" \";\r\n                  return chars[Math.floor(Math.random() * chars.length)];\r\n                })\r\n                .join(\"\");\r\n\r\n              if (iteration >= originalText.length) {\r\n                clearInterval(interval);\r\n              }\r\n              iteration += 1 \/ 3; \r\n            }, 30);\r\n          }\r\n        });\r\n      }, { threshold: 0.1 });\r\n\r\n      decryptElements.forEach(el => observer.observe(el));\r\n    });\r\n\r\n    \/\/ --- 3. Zen Particle System ---\r\n    const canvas = document.getElementById('zen-particles');\r\n    const ctx = canvas.getContext('2d');\r\n    let particlesArray = [];\r\n\r\n    canvas.width = window.innerWidth;\r\n    canvas.height = window.innerHeight;\r\n\r\n    window.addEventListener('resize', () => {\r\n      canvas.width = window.innerWidth;\r\n      canvas.height = window.innerHeight;\r\n    });\r\n\r\n    class Particle {\r\n      constructor() {\r\n        this.x = Math.random() * canvas.width;\r\n        this.y = Math.random() * canvas.height;\r\n        this.size = Math.random() * 2 + 0.5;\r\n        this.speedX = Math.random() * 0.5 - 0.25;\r\n        this.speedY = Math.random() * 0.5 - 0.5;\r\n        this.opacity = Math.random() * 0.5 + 0.1;\r\n      }\r\n      update() {\r\n        this.x += this.speedX;\r\n        this.y += this.speedY;\r\n        \r\n        if (this.y < 0) {\r\n          this.y = canvas.height;\r\n          this.x = Math.random() * canvas.width;\r\n        }\r\n        if (this.x > canvas.width || this.x < 0) {\r\n          this.speedX = -this.speedX;\r\n        }\r\n      }\r\n      draw() {\r\n        ctx.fillStyle = `rgba(232, 122, 62, ${this.opacity})`;\r\n        ctx.beginPath();\r\n        ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n        ctx.fill();\r\n      }\r\n    }\r\n\r\n    function initParticles() {\r\n      particlesArray = [];\r\n      const numberOfParticles = Math.floor((canvas.width * canvas.height) \/ 15000);\r\n      for (let i = 0; i < numberOfParticles; i++) {\r\n        particlesArray.push(new Particle());\r\n      }\r\n    }\r\n\r\n    function animateParticles() {\r\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n      for (let i = 0; i < particlesArray.length; i++) {\r\n        particlesArray[i].update();\r\n        particlesArray[i].draw();\r\n      }\r\n      requestAnimationFrame(animateParticles);\r\n    }\r\n\r\n    initParticles();\r\n    animateParticles();\r\n  <\/script>\r\n<\/div>\t\t<\/div>\n\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>ZenCat About Chart How to Buy Buy Now Stay Chill, HODL $ZenCat The calmest cat on the blockchain. No panic, just vibes. Join the chillest community and enjoy the crypto journey. CA: 0xZenCatContract&#8230; X (Twitter) Telegram Chart Meet ZenCat: Master of the Market While everyone else is sweating over red charts or FOMO-rushing to chase [&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:\/\/zencat.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zencat.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zencat.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zencat.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zencat.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":22,"href":"https:\/\/zencat.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/zencat.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/zencat.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}