{"id":8,"date":"2026-05-29T17:50:47","date_gmt":"2026-05-29T17:50:47","guid":{"rendered":"https:\/\/hellokero.fun\/?page_id=8"},"modified":"2026-05-29T19:20:59","modified_gmt":"2026-05-29T19:20:59","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/hellokero.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-7b223c3 e-flex e-con-boxed e-con e-parent\" data-id=\"7b223c3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/hellokero.fun\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/HERO-KERO-NEW.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-c32cc1d e-con-full e-flex e-con e-child\" data-id=\"c32cc1d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e4a643 elementor-widget elementor-widget-html\" data-id=\"9e4a643\" 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>KERO | Premium Solana Asset<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bowlby+One&family=Architects+Daughter&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        body { background-color: #0a0e14; }\r\n\r\n        .nav-wrapper { position: fixed; top: 20px; width: 90%; left: 5%; z-index: 1000; }\r\n\r\n        .kero-nav {\r\n            background: #1a222d;\r\n            border: 4px solid #88d498; \r\n            border-radius: 50px; \r\n            padding: 15px 30px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            box-shadow: 8px 8px 0px rgba(136, 212, 152, 0.3);\r\n        }\r\n\r\n        .logo { display: flex; align-items: center; gap: 15px; font-family: 'Bowlby One', cursive; color: #ffffff; font-size: 1.5rem; text-transform: uppercase; }\r\n        .logo img { width: 50px; height: 50px; border-radius: 50%; border: 3px solid #ffffff; animation: spin 6s linear infinite; }\r\n        @keyframes spin { 100% { transform: rotate(360deg); } }\r\n\r\n        .nav-links { display: flex; list-style: none; gap: 30px; font-family: 'Architects Daughter', cursive; }\r\n        .nav-links a { text-decoration: none; color: #ffffff; font-size: 1.2rem; transition: 0.3s; }\r\n        .nav-links a:hover { color: #88d498; }\r\n\r\n        .cta-btn { padding: 10px 20px; background: #88d498; color: #050a0d; border-radius: 50px; text-decoration: none; font-family: 'Bowlby One', cursive; font-size: 0.9rem; border: 3px solid #ffffff; box-shadow: 4px 4px 0px #ffffff; }\r\n\r\n        \/* Hamburger Menu (Mobile) *\/\r\n        .menu-toggle { display: none; cursor: pointer; font-size: 1.5rem; color: #88d498; }\r\n\r\n        @media (max-width: 900px) {\r\n            .menu-toggle { display: block; }\r\n            .nav-links { \r\n                display: none; position: absolute; top: 80px; left: 0; width: 100%; \r\n                background: #1a222d; border: 4px solid #88d498; border-radius: 20px; \r\n                flex-direction: column; align-items: center; padding: 20px; gap: 15px;\r\n            }\r\n            .nav-links.active { display: flex; }\r\n            .cta-btn { display: none; } \/* Sembunyikan tombol beli di mobile agar tidak penuh *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"nav-wrapper\">\r\n        <nav class=\"kero-nav\">\r\n            <div class=\"logo\">\r\n                <img decoding=\"async\" src=\"https:\/\/hellokero.fun\/wp-content\/uploads\/2026\/05\/ICON-LOGO.png\" alt=\"KERO\">\r\n                <span>KERO<\/span>\r\n            <\/div>\r\n            \r\n            <ul class=\"nav-links\" id=\"navLinks\">\r\n                <li><a href=\"#1\">Home<\/a><\/li>\r\n                <li><a href=\"#2\">Vision<\/a><\/li>\r\n                <li><a href=\"#3\">Ecosystem<\/a><\/li>\r\n                <li><a href=\"#4t\">Contact<\/a><\/li>\r\n            <\/ul>\r\n\r\n            <div class=\"menu-toggle\" onclick=\"toggleMenu()\">\u2630<\/div>\r\n            <a href=\"#\" class=\"cta-btn\">BUY $KERO<\/a>\r\n        <\/nav>\r\n    <\/div>\r\n\r\n    <script>\r\n        function toggleMenu() {\r\n            document.getElementById(\"navLinks\").classList.toggle(\"active\");\r\n        }\r\n    <\/script>\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-032db79 e-con-full e-flex e-con e-child\" data-id=\"032db79\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc2da13 elementor-widget elementor-widget-html\" data-id=\"cc2da13\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* Hero Section: Tetap Rata Bawah *\/\r\n    .hero-section {\r\n        min-height: 100vh;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        align-items: flex-end; \r\n        padding: 5% 5% 80px 5%; \r\n        background: url('HERO_1.jpg') center\/cover no-repeat;\r\n        gap: 40px;\r\n        overflow-x: hidden; \/* Mencegah konten keluar batas *\/\r\n    }\r\n\r\n    \/* Animasi Masuk *\/\r\n    .hero-text, .hero-action { animation: slideUp 1s cubic-bezier(0.22, 1, 0.36, 1) forwards; }\r\n    @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\r\n    .hero-action { animation-delay: 0.3s; }\r\n\r\n    \/* Judul Gradien Bergerak *\/\r\n    .hero-title { \r\n        font-family: 'Bowlby One', cursive; \r\n        font-size: 5rem; \r\n        margin-bottom: 15px; \r\n        background: linear-gradient(90deg, #88d498, #ffffff, #88d498);\r\n        background-size: 200% auto;\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        animation: shine 3s linear infinite;\r\n    }\r\n    @keyframes shine { to { background-position: 200% center; } }\r\n\r\n    \/* Deskripsi dengan Shadow Tipis *\/\r\n    .hero-desc { \r\n        font-family: 'Architects Daughter', cursive; \r\n        font-size: 1.4rem; \r\n        color: white;\r\n        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);\r\n        max-width: 500px;\r\n    }\r\n\r\n    \/* Action Kanan: Tertata Rapi *\/\r\n    .hero-action { display: flex; flex-direction: column; gap: 15px; width: 100%; max-width: 450px; }\r\n\r\n    .ca-box {\r\n        background: #050a0d;\r\n        border: 2px solid #88d498;\r\n        padding: 12px 20px;\r\n        border-radius: 50px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    #ca-text { \r\n        font-family: 'Architects Daughter', cursive; \r\n        color: #88d498; \r\n        font-size: 0.9rem; \r\n        white-space: nowrap; \r\n        overflow: hidden; \r\n        text-overflow: ellipsis; \r\n    }\r\n\r\n    .copy-btn {\r\n        background: #88d498; border: none; padding: 6px 15px; border-radius: 20px;\r\n        font-family: 'Bowlby One', cursive; cursor: pointer; transition: 0.3s;\r\n    }\r\n    .copy-btn:hover { background: white; }\r\n\r\n    \/* Tombol Sosial *\/\r\n    .social-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }\r\n    .btn-social {\r\n        padding: 10px;\r\n        background: rgba(26, 34, 45, 0.8);\r\n        border: 2px solid #ffffff;\r\n        color: white;\r\n        text-decoration: none;\r\n        font-family: 'Bowlby One', cursive;\r\n        text-align: center;\r\n        border-radius: 20px;\r\n        transition: 0.3s;\r\n    }\r\n    .btn-social:hover { background: #88d498; border-color: #88d498; }\r\n\r\n    \/* Mobile Responsive Rapi *\/\r\n    @media (max-width: 900px) {\r\n        .hero-section { grid-template-columns: 1fr; align-items: center; text-align: center; padding: 20px; }\r\n        .hero-title { font-size: 3rem; }\r\n        .hero-desc { font-size: 1.1rem; margin: 0 auto 20px auto; }\r\n        .hero-action { margin: 0 auto; width: 100%; }\r\n        .social-links { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero-section\">\r\n    <div class=\"hero-text\">\r\n        <h1 class=\"hero-title\">$KERO<\/h1>\r\n        <p class=\"hero-desc\">The most peaceful movement on the Solana blockchain. Built for those who value clarity and growth.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hero-action\">\r\n        <div class=\"ca-box\">\r\n            <span id=\"ca-text\">NULL<\/span>\r\n            <button class=\"copy-btn\" onclick=\"copyCA()\">COPY<\/button>\r\n        <\/div>\r\n        \r\n        <div class=\"social-links\">\r\n            <a href=\"GANTI-LINK\" class=\"btn-social\">Twitter<\/a>\r\n            <a href=\"GANTI-LINK\" class=\"btn-social\">Telegram<\/a>\r\n            <a href=\"GANTI-LINK\" class=\"btn-social\">Chart<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function copyCA() {\r\n        const text = document.getElementById(\"ca-text\").innerText;\r\n        navigator.clipboard.writeText(text);\r\n        alert(\"Contract Address Copied!\");\r\n    }\r\n<\/script>\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-224ed47 e-flex e-con-boxed e-con e-parent\" data-id=\"224ed47\" 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-dee3cd0 e-con-full e-flex e-con e-child\" data-id=\"dee3cd0\" data-element_type=\"container\">\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>KERO | Premium Solana Asset KERO Home Vision Ecosystem Contact \u2630 BUY $KERO $KERO The most peaceful movement on the Solana blockchain. Built for those who value clarity and growth. NULL COPY Twitter Telegram Chart<\/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:\/\/hellokero.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hellokero.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hellokero.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hellokero.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hellokero.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":11,"href":"https:\/\/hellokero.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/hellokero.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/hellokero.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}