{"id":8,"date":"2026-04-28T16:02:31","date_gmt":"2026-04-28T16:02:31","guid":{"rendered":"https:\/\/fujiro.fun\/?page_id=8"},"modified":"2026-04-28T16:56:38","modified_gmt":"2026-04-28T16:56:38","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/fujiro.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-4bb2553 e-flex e-con-boxed e-con e-parent\" data-id=\"4bb2553\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/fujiro.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/FUJIRO1A.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-a1e450e e-con-full e-flex e-con e-child\" data-id=\"a1e450e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-862eee5 elementor-widget elementor-widget-html\" data-id=\"862eee5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --fujiro-blue: #A2D2FF;\r\n        --border-color: #4A4A4A;\r\n        --outline-color: rgba(74, 74, 74, 0.1); \/* Outline luar yang soft *\/\r\n    }\r\n\r\n    \/* --- NAV MENU ONLY --- *\/\r\n    .fujiro-nav-container {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 15px 25px;\r\n        background: #fff;\r\n        \r\n        \/* Border Utama *\/\r\n        border: 4px solid var(--border-color);\r\n        \r\n        \/* Outline Tambahan untuk kesan Hand-Drawn yang lebih dalam *\/\r\n        outline: 6px solid var(--outline-color);\r\n        outline-offset: -12px;\r\n        \r\n        \/* Bentuk garis yang banyak lekukan (Hand-Drawn) *\/\r\n        border-radius: 20px 60px 15px 45px \/ 15px 20px 12px 18px;\r\n        \r\n        box-shadow: 8px 8px 0px var(--outline-color);\r\n        box-sizing: border-box;\r\n        margin: 15px 0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .fujiro-nav-container:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 10px 10px 0px var(--fujiro-pink);\r\n    }\r\n\r\n    .fujiro-logo {\r\n        font-family: 'Galindo', cursive;\r\n        font-weight: 600;\r\n        font-size: 26px;\r\n        color: var(--fujiro-pink);\r\n        text-decoration: none;\r\n        text-shadow: 2px 2px 0px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .fujiro-menu {\r\n        display: flex;\r\n        gap: 20px;\r\n        list-style: none;\r\n        margin: 0;\r\n        padding: 0;\r\n        align-items: center;\r\n    }\r\n\r\n    .fujiro-menu a {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: 22px;\r\n        color: var(--border-color);\r\n        text-decoration: none;\r\n        padding: 5px 12px;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .fujiro-menu a:hover {\r\n        color: var(--fujiro-pink);\r\n        transform: scale(1.1) rotate(-3deg);\r\n    }\r\n\r\n    \/* Tombol Buy dengan Outline dan Style Menonjol *\/\r\n    .menu-buy {\r\n        background: var(--fujiro-pink);\r\n        color: white !important;\r\n        border: 3px solid var(--border-color);\r\n        border-radius: 15px 30px 15px 25px \/ 12px 15px 10px 14px;\r\n        padding: 6px 22px !important;\r\n        box-shadow: 4px 4px 0px var(--border-color);\r\n    }\r\n\r\n    .menu-buy:hover {\r\n        background: var(--fujiro-blue) !important;\r\n        box-shadow: 2px 2px 0px var(--border-color);\r\n        transform: translate(2px, 2px);\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 650px) {\r\n        .fujiro-nav-container {\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            padding: 20px 15px;\r\n            text-align: center;\r\n            border-radius: 25px;\r\n            outline: none; \/* Hilangkan outline di mobile agar tetap rapi *\/\r\n        }\r\n        \r\n        .fujiro-menu {\r\n            gap: 10px;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n        }\r\n\r\n        .fujiro-logo {\r\n            font-size: 22px;\r\n        }\r\n\r\n        .fujiro-menu a {\r\n            font-size: 19px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<nav class=\"fujiro-nav-container\">\r\n    <a href=\"#\" class=\"fujiro-logo\">FUJIRO<\/a>\r\n    <ul class=\"fujiro-menu\">\r\n        <li><a href=\"#story\">Story<\/a><\/li>\r\n        <li><a href=\"#map\">Journey<\/a><\/li>\r\n        <li><a href=\"#chart\">Chart<\/a><\/li>\r\n        <li><a href=\"#\" class=\"menu-buy\">Buy<\/a><\/li>\r\n    <\/ul>\r\n<\/nav>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33cd3e5 e-con-full e-flex e-con e-child\" data-id=\"33cd3e5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f270a5 elementor-widget elementor-widget-html\" data-id=\"4f270a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --fujiro-blue: #A2D2FF;\r\n        --fujiro-yellow: #FFF9E7;\r\n        --border-color: #4A4A4A;\r\n    }\r\n\r\n    .fujiro-hero-section {\r\n        width: 100%;\r\n        padding: 60px 0px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Judul Utama dengan Shadow Putih Solid ala Kartun *\/\r\n    .hero-title {\r\n        font-family: 'Galindo', cursive;\r\n        font-weight: 600;\r\n        font-size: clamp(32px, 7.5vw, 55px);\r\n        color: var(--fujiro-pink);\r\n        margin-bottom: 25px;\r\n        line-height: 1.2;\r\n        \/* Shadow Putih Solid (Hard Shadow) *\/\r\n        text-shadow: \r\n            4px 4px 0px #FFFFFF, \r\n            7px 7px 0px rgba(0,0,0,0.1); \r\n    }\r\n\r\n    \/* Deskripsi - Warna Putih Murni *\/\r\n    .hero-subtitle {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: clamp(20px, 4vw, 26px);\r\n        color: #FFFFFF; \r\n        max-width: 750px;\r\n        margin-bottom: 40px;\r\n        line-height: 1.4;\r\n        text-shadow: 1px 1px 3px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    \/* Area CA dengan Hover Color Change *\/\r\n    .ca-box {\r\n        display: flex;\r\n        align-items: center;\r\n        background: var(--fujiro-yellow);\r\n        border: 4px solid var(--border-color);\r\n        border-radius: 15px 45px 15px 40px \/ 12px 15px 12px 15px;\r\n        padding: 10px 15px 10px 25px;\r\n        max-width: 100%;\r\n        width: fit-content;\r\n        box-shadow: 8px 8px 0px var(--border-color);\r\n        margin-bottom: 45px;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .ca-box:hover {\r\n        background: var(--fujiro-blue);\r\n        transform: rotate(-1deg) scale(1.02);\r\n        box-shadow: 10px 10px 0px var(--fujiro-pink);\r\n    }\r\n\r\n    .ca-address {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: clamp(16px, 3vw, 19px);\r\n        color: var(--border-color);\r\n        margin-right: 15px;\r\n        word-break: break-all;\r\n        font-weight: bold;\r\n    }\r\n\r\n    \/* Tombol Copy Terpisah *\/\r\n    .copy-button-main {\r\n        background: var(--fujiro-pink);\r\n        border: 3px solid var(--border-color);\r\n        border-radius: 10px 20px 10px 15px \/ 8px 10px 8px 10px;\r\n        font-family: 'Galindo', cursive;\r\n        font-size: 14px;\r\n        color: white;\r\n        cursor: pointer;\r\n        padding: 6px 15px;\r\n        box-shadow: 3px 3px 0px var(--border-color);\r\n        transition: all 0.2s;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .copy-button-main:hover {\r\n        transform: translateY(-2px);\r\n        background: #FF4D79;\r\n        box-shadow: 4px 4px 0px var(--border-color);\r\n    }\r\n\r\n    \/* Tombol Aksi Bawah *\/\r\n    .hero-action-area {\r\n        display: flex;\r\n        gap: 20px;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n    }\r\n\r\n    .btn-fujiro {\r\n        font-family: 'Galindo', cursive;\r\n        text-decoration: none;\r\n        padding: 14px 35px;\r\n        font-size: 20px;\r\n        border: 3.5px solid var(--border-color);\r\n        border-radius: 50px 15px 45px 20px \/ 20px 40px 18px 35px;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .btn-pink {\r\n        background: var(--fujiro-pink);\r\n        color: #fff;\r\n        box-shadow: 6px 6px 0px var(--border-color);\r\n    }\r\n\r\n    .btn-blue {\r\n        background: var(--fujiro-blue);\r\n        color: var(--border-color);\r\n        box-shadow: 6px 6px 0px var(--border-color);\r\n    }\r\n\r\n    .btn-fujiro:hover {\r\n        transform: translateY(-6px) rotate(2deg);\r\n        box-shadow: 10px 10px 0px var(--border-color);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .ca-box {\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            padding: 20px;\r\n            border-radius: 20px;\r\n        }\r\n        .ca-address {\r\n            margin-right: 0;\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"fujiro-hero-section\">\r\n    <h1 class=\"hero-title\">Welcome to the Colorful <br>World of Fujiro! \u2728<\/h1>\r\n    \r\n    <p class=\"hero-subtitle\">\r\n        More than just a character, Fujiro is a symbol of joy created to brighten your digital journey. Step into a world filled with color, laughter, and boundless creativity!\r\n    <\/p>\r\n\r\n    <div class=\"ca-box\">\r\n        <span class=\"ca-address\" id=\"fujiroCA\">NULL<\/span>\r\n        <button class=\"copy-button-main\" onclick=\"copyAction()\">COPY<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"hero-action-area\">\r\n        <a href=\"#\" class=\"btn-fujiro btn-pink\">Get $FUJIRO<\/a>\r\n        <a href=\"#\" class=\"btn-fujiro btn-blue\">Live Chart<\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    function copyAction() {\r\n        const caText = document.getElementById('fujiroCA').innerText;\r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const btn = document.querySelector('.copy-button-main');\r\n            const original = btn.innerText;\r\n            btn.innerText = 'COPIED!';\r\n            btn.style.background = '#A2D2FF';\r\n            btn.style.color = '#4A4A4A';\r\n            \r\n            setTimeout(() => {\r\n                btn.innerText = original;\r\n                btn.style.background = '#FF85A2';\r\n                btn.style.color = 'white';\r\n            }, 2000);\r\n        });\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-640c8e8 e-flex e-con-boxed e-con e-parent\" data-id=\"640c8e8\" 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-b93dd88 e-con-full e-flex e-con e-child\" data-id=\"b93dd88\" data-element_type=\"container\" id=\"story\">\n\t\t\t\t<div class=\"elementor-element elementor-element-224d893 elementor-widget elementor-widget-html\" data-id=\"224d893\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --fujiro-blue: #A2D2FF;\r\n        --border-color: #4A4A4A;\r\n        --bg-about: #D5A695; \/* Warna background referensi kamu *\/\r\n    }\r\n\r\n    .fujiro-about-section {\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* --- PHOTO STRING (Gantungan Foto) --- *\/\r\n    .photo-string-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 40px; \/* Jarak antar foto diperlebar *\/\r\n        margin-bottom: 100px; \/* Jarak ke teks diperlebar *\/\r\n        width: 100%;\r\n        flex-wrap: wrap;\r\n        position: relative;\r\n        padding-top: 40px;\r\n    }\r\n\r\n    \/* Tali Gantungan *\/\r\n    .photo-string-container::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 20px;\r\n        left: 5%; \/* Sedikit lebih lebar *\/\r\n        right: 5%;\r\n        height: 5px; \/* Tali sedikit lebih tebal *\/\r\n        background: var(--border-color);\r\n        border-radius: 10px;\r\n        z-index: 0;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .photo-item {\r\n        position: relative;\r\n        z-index: 1;\r\n        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .photo-item:hover {\r\n        transform: scale(1.1) translateY(20px) rotate(0deg) !important;\r\n        z-index: 10;\r\n    }\r\n\r\n    \/* Penjepit Foto *\/\r\n    .photo-item::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -25px; \/* Sesuaikan posisi penjepit *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 18px; \/* Penjepit lebih besar *\/\r\n        height: 35px;\r\n        background: var(--fujiro-pink);\r\n        border: 3px solid var(--border-color);\r\n        border-radius: 5px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .photo-frame {\r\n        background: white;\r\n        padding: 15px 15px 45px 15px; \/* Padding polaroid lebih besar *\/\r\n        border: 5px solid var(--border-color); \/* Border lebih tebal *\/\r\n        box-shadow: 10px 10px 0px rgba(0,0,0,0.15);\r\n        width: 250px; \/* Ukuran Jauh Lebih Besar *\/\r\n        height: 250px;\r\n        object-fit: cover;\r\n        border-radius: 20px 50px 20px 45px \/ 25px 20px 30px 20px; \/* Lekukan disesuaikan *\/\r\n    }\r\n\r\n    \/* Variasi Rotasi Alami (3 Foto) *\/\r\n    .photo-item:nth-child(1) { transform: rotate(-7deg); }\r\n    .photo-item:nth-child(2) { transform: rotate(5deg); }\r\n    .photo-item:nth-child(3) { transform: rotate(-5deg); }\r\n\r\n    \/* --- ABOUT CONTENT --- *\/\r\n    .about-title {\r\n        font-family: 'Galindo', cursive;\r\n        font-size: clamp(32px, 8vw, 54px); \/* Judul sedikit lebih besar *\/\r\n        color: #FFFFFF; \r\n        margin-bottom: 30px;\r\n        text-shadow: \r\n            -2px -2px 0 var(--border-color),  \r\n             2px -2px 0 var(--border-color),\r\n            -2px  2px 0 var(--border-color),\r\n             2px  2px 0 var(--border-color),\r\n             6px  6px 0px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .about-text {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: clamp(24px, 5vw, 30px); \/* Teks sedikit lebih besar *\/\r\n        color: #FFFFFF;\r\n        max-width: 900px; \/* Lebar teks disesuaikan *\/\r\n        line-height: 1.5;\r\n        text-shadow: 1px 1px 4px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .about-text span {\r\n        display: block;\r\n        margin-top: 30px;\r\n        font-style: italic;\r\n        color: var(--fujiro-blue);\r\n        font-weight: bold;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .photo-string-container {\r\n            gap: 20px;\r\n            margin-bottom: 60px;\r\n        }\r\n        .photo-frame {\r\n            width: 180px; \/* Masih cukup besar di tablet *\/\r\n            height: 180px;\r\n        }\r\n        .photo-item::before {\r\n            top: -18px;\r\n            width: 14px;\r\n            height: 28px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        .photo-frame {\r\n            width: 140px; \/* Ukuran mobile yang pas *\/\r\n            height: 140px;\r\n            padding: 10px 10px 30px 10px;\r\n            border-width: 3px;\r\n        }\r\n        .photo-string-container {\r\n            gap: 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"fujiro-about-section\">\r\n    \r\n    <div class=\"photo-string-container\">\r\n        <div class=\"photo-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/fujiro.fun\/wp-content\/uploads\/2026\/04\/f1.png\" class=\"photo-frame\" alt=\"Fujiro 1\">\r\n        <\/div>\r\n        <div class=\"photo-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/fujiro.fun\/wp-content\/uploads\/2026\/04\/f2.png\" class=\"photo-frame\" alt=\"Fujiro 2\">\r\n        <\/div>\r\n        <div class=\"photo-item\">\r\n            <img decoding=\"async\" src=\"https:\/\/fujiro.fun\/wp-content\/uploads\/2026\/04\/f3.png\" class=\"photo-frame\" alt=\"Fujiro 3\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <h2 class=\"about-title\">The Tale of a Gentle Soul \ud83c\udf38<\/h2>\r\n    \r\n    <div class=\"about-text\">\r\n        Fujiro was born from a simple dream: to create a warm and cozy space amidst the noise of the digital world. Inspired by the purity of true friendship, Fujiro believes that small moments of happiness can create big waves of change.\r\n        \r\n        <span>\"Let\u2019s grow together, one cheerful step at a time.\"<\/span>\r\n    <\/div>\r\n\r\n<\/section>\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-58f3652 e-flex e-con-boxed e-con e-parent\" data-id=\"58f3652\" 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-70fb87f e-con-full e-flex e-con e-child\" data-id=\"70fb87f\" data-element_type=\"container\" id=\"map\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f524cb elementor-widget elementor-widget-html\" data-id=\"4f524cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --fujiro-blue: #A2D2FF;\r\n        --fujiro-yellow: #FEF9E7;\r\n        --border-color: #4A4A4A;\r\n    }\r\n\r\n    .fujiro-journey-section {\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .journey-title {\r\n        font-family: 'Galindo', cursive;\r\n        font-size: clamp(30px, 7vw, 48px);\r\n        color: #FFFFFF;\r\n        margin-bottom: 50px;\r\n        text-align: center;\r\n        text-shadow: \r\n            -2px -2px 0 var(--border-color),  \r\n             2px -2px 0 var(--border-color),\r\n            -2px  2px 0 var(--border-color),\r\n             2px  2px 0 var(--border-color),\r\n             5px  5px 0px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    \/* --- TIMELINE CONTAINER --- *\/\r\n    .timeline-container {\r\n        position: relative;\r\n        max-width: 800px;\r\n        width: 100%;\r\n        padding: 20px 0;\r\n    }\r\n\r\n    \/* Garis Tengah yang Meliuk (Jalur Setapak) *\/\r\n    .timeline-container::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 50%;\r\n        width: 6px;\r\n        background: var(--border-color);\r\n        border-radius: 10px;\r\n        transform: translateX(-50%);\r\n        z-index: 0;\r\n        opacity: 0.4;\r\n        \/* Membuat garis sedikit bergelombang *\/\r\n        border-left: 2px dashed #fff;\r\n    }\r\n\r\n    .journey-step {\r\n        position: relative;\r\n        width: 100%;\r\n        margin-bottom: 60px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Gelembung Konten *\/\r\n    .step-content {\r\n        background: white;\r\n        border: 4px solid var(--border-color);\r\n        padding: 25px;\r\n        width: 45%;\r\n        position: relative;\r\n        \/* Bentuk Hand-Drawn Bubble *\/\r\n        border-radius: 30px 15px 40px 15px \/ 15px 35px 15px 30px;\r\n        box-shadow: 8px 8px 0px var(--fujiro-pink);\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .journey-step:nth-child(even) .step-content {\r\n        box-shadow: 8px 8px 0px var(--fujiro-blue);\r\n        border-radius: 15px 40px 15px 35px \/ 35px 15px 30px 15px;\r\n    }\r\n\r\n    .journey-step:hover .step-content {\r\n        transform: scale(1.05) rotate(1deg);\r\n        background: var(--fujiro-yellow);\r\n    }\r\n\r\n    \/* Penanda Titik di Jalur *\/\r\n    .step-marker {\r\n        width: 40px;\r\n        height: 40px;\r\n        background: var(--fujiro-pink);\r\n        border: 4px solid var(--border-color);\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 2;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-family: 'Galindo', cursive;\r\n        color: white;\r\n        font-size: 18px;\r\n    }\r\n\r\n    .journey-step:nth-child(even) .step-marker {\r\n        background: var(--fujiro-blue);\r\n    }\r\n\r\n    \/* Layout Kiri & Kanan *\/\r\n    .journey-step:nth-child(odd) { justify-content: flex-start; }\r\n    .journey-step:nth-child(even) { justify-content: flex-end; }\r\n\r\n    .step-title {\r\n        font-family: 'Galindo', cursive;\r\n        font-size: 22px;\r\n        color: var(--fujiro-pink);\r\n        margin-bottom: 10px;\r\n        display: block;\r\n    }\r\n\r\n    .journey-step:nth-child(even) .step-title {\r\n        color: var(--fujiro-blue);\r\n    }\r\n\r\n    .step-desc {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: 19px;\r\n        color: var(--border-color);\r\n        line-height: 1.4;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Responsif Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .timeline-container::before {\r\n            left: 20px;\r\n        }\r\n        .journey-step {\r\n            justify-content: flex-start !important;\r\n            padding-left: 50px;\r\n        }\r\n        .step-content {\r\n            width: 100%;\r\n        }\r\n        .step-marker {\r\n            left: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"fujiro-journey-section\">\r\n    \r\n    <h2 class=\"journey-title\">Small Steps Toward Big Dreams \ud83d\uddfa\ufe0f<\/h2>\r\n\r\n    <div class=\"timeline-container\">\r\n        \r\n        <div class=\"journey-step\">\r\n            <div class=\"step-marker\">1<\/div>\r\n            <div class=\"step-content\">\r\n                <span class=\"step-title\">The First Hello \ud83c\udf38<\/span>\r\n                <p class=\"step-desc\">Opening the gates for new friends to gather. We begin by sharing stories, building our cozy home, and letting the world know that a kinder space has arrived.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"journey-step\">\r\n            <div class=\"step-marker\">2<\/div>\r\n            <div class=\"step-content\">\r\n                <span class=\"step-title\">Blooming Together \u2728<\/span>\r\n                <p class=\"step-desc\">Taking Fujiro to new horizons. Through creative collaborations and community magic, we ensure everyone looking for a \"gemoy\" place to belong knows where to find us.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"journey-step\">\r\n            <div class=\"step-marker\">3<\/div>\r\n            <div class=\"step-content\">\r\n                <span class=\"step-title\">Into the Infinite Sky \u2601\ufe0f<\/span>\r\n                <p class=\"step-desc\">Unveiling special surprises, digital collectibles, and establishing Fujiro as a global icon of positivity and happiness for all our friends.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"journey-step\">\r\n            <div class=\"step-marker\">4<\/div>\r\n            <div class=\"step-content\">\r\n                <span class=\"step-title\">The Everlasting Meadow \ud83c\udf08<\/span>\r\n                <p class=\"step-desc\">Building a sustainable legacy where kindness never fades. Together, we create a forever home that continues to sprout joy for generations to come.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\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-c8bea04 e-flex e-con-boxed e-con e-parent\" data-id=\"c8bea04\" 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-e6d64c7 e-con-full e-flex e-con e-child\" data-id=\"e6d64c7\" data-element_type=\"container\" id=\"chart\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f3c59b elementor-widget elementor-widget-html\" data-id=\"8f3c59b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --fujiro-blue: #A2D2FF;\r\n        --fujiro-yellow: #FFF9E7;\r\n        --border-color: #4A4A4A;\r\n    }\r\n\r\n    .fujiro-section-container {\r\n        width: 100%;\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .section-title {\r\n        font-family: 'Galindo', cursive;\r\n        font-size: clamp(30px, 7vw, 48px);\r\n        color: #FFFFFF;\r\n        margin-bottom: 40px;\r\n        text-align: center;\r\n        text-shadow: \r\n            -2px -2px 0 var(--border-color),  \r\n             2px -2px 0 var(--border-color),\r\n            -2px  2px 0 var(--border-color),\r\n             2px  2px 0 var(--border-color),\r\n             5px  5px 0px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    \/* --- CHART SECTION --- *\/\r\n    .chart-frame-wrapper {\r\n        width: 100%;\r\n        max-width: 900px;\r\n        background: white;\r\n        border: 5px solid var(--border-color);\r\n        border-radius: 25px 60px 20px 55px \/ 15px 20px 30px 20px;\r\n        box-shadow: 10px 10px 0px var(--fujiro-blue);\r\n        overflow: hidden;\r\n        position: relative;\r\n        margin-bottom: 80px;\r\n        aspect-ratio: 16 \/ 9; \/* Menjaga proporsi chart *\/\r\n    }\r\n\r\n    \/* Iframe Styling *\/\r\n    #dexscreener-embed {\r\n        width: 100%;\r\n        height: 100%;\r\n        border: none;\r\n    }\r\n\r\n    \/* --- TOKENOMICS SECTION --- *\/\r\n    .tokenomics-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n        gap: 25px;\r\n        width: 100%;\r\n        max-width: 1000px;\r\n    }\r\n\r\n    .token-card {\r\n        background: white;\r\n        border: 4px solid var(--border-color);\r\n        padding: 30px 20px;\r\n        text-align: center;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        border-radius: 40px 15px 35px 15px \/ 15px 35px 15px 40px;\r\n        box-shadow: 6px 6px 0px var(--border-color);\r\n    }\r\n\r\n    .token-card:hover {\r\n        transform: translateY(-10px) rotate(-2deg);\r\n        box-shadow: 10px 10px 0px var(--fujiro-pink);\r\n    }\r\n\r\n    .token-card:nth-child(even) {\r\n        border-radius: 15px 40px 15px 35px \/ 35px 15px 40px 15px;\r\n    }\r\n\r\n    .token-label {\r\n        font-family: 'Galindo', cursive;\r\n        font-size: 18px;\r\n        color: var(--fujiro-pink);\r\n        display: block;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .token-card:nth-child(even) .token-label {\r\n        color: var(--fujiro-blue);\r\n    }\r\n\r\n    .token-value {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: 26px;\r\n        font-weight: bold;\r\n        color: var(--border-color);\r\n        margin: 0;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .chart-frame-wrapper {\r\n            aspect-ratio: 1 \/ 1; \/* Lebih kotak di mobile agar chart terbaca *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"fujiro-section-container\">\r\n    <h2 class=\"section-title\">Fujiro Live Tracker \ud83d\udcc8<\/h2>\r\n    \r\n    <div class=\"chart-frame-wrapper\">\r\n        <iframe \r\n            id=\"dexscreener-embed\" \r\n            src=\"https:\/\/dexscreener.com\/solana\/\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n    <h2 class=\"section-title\">Tokenomics \ud83c\udf6c<\/h2>\r\n    \r\n    <div class=\"tokenomics-grid\">\r\n        <div class=\"token-card\">\r\n            <span class=\"token-label\">Total Supply<\/span>\r\n            <p class=\"token-value\">1,000,000,000<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"token-card\">\r\n            <span class=\"token-label\">Tax<\/span>\r\n            <p class=\"token-value\">0% \/ 0%<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"token-label\">Liquidity<\/span>\r\n            <p class=\"token-value\">Burned Forever<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"token-card\">\r\n            <span class=\"token-label\">Ownership<\/span>\r\n            <p class=\"token-value\">Renounced<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\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-e5ac870 e-flex e-con-boxed e-con e-parent\" data-id=\"e5ac870\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/fujiro.fun\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/FUJIRO2.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-71ec6fe e-con-full e-flex e-con e-child\" data-id=\"71ec6fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f6d846 elementor-widget elementor-widget-html\" data-id=\"0f6d846\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --fujiro-blue: #A2D2FF;\r\n        --border-color: #4A4A4A;\r\n    }\r\n\r\n    .fujiro-join-minimal {\r\n        width: 100%;\r\n        padding: 60px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* Judul disamakan dengan Hero Section (Shadow Putih Solid) *\/\r\n    .join-title-clean {\r\n        font-family: 'Galindo', cursive;\r\n        font-weight: 600;\r\n        font-size: clamp(32px, 7.5vw, 55px);\r\n        color: var(--fujiro-pink);\r\n        margin-bottom: 20px;\r\n        line-height: 1.2;\r\n        text-shadow: \r\n            4px 4px 0px #FFFFFF, \r\n            7px 7px 0px rgba(0,0,0,0.1); \r\n    }\r\n\r\n    \/* Deskripsi Lebih Ringkas - Putih Murni *\/\r\n    .join-subtitle-clean {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: clamp(22px, 4.5vw, 28px);\r\n        color: #FFFFFF;\r\n        max-width: 650px;\r\n        margin-bottom: 45px;\r\n        line-height: 1.4;\r\n        text-shadow: 1px 1px 3px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    .btns-container-clean {\r\n        display: flex;\r\n        gap: 15px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        width: 100%;\r\n        max-width: 950px;\r\n    }\r\n\r\n    .btn-fujiro-uniform {\r\n        font-family: 'Galindo', cursive;\r\n        text-decoration: none;\r\n        padding: 14px 30px;\r\n        font-size: 19px;\r\n        color: white;\r\n        background: var(--fujiro-pink);\r\n        border: 4px solid var(--border-color);\r\n        border-radius: 50px 15px 45px 20px \/ 20px 40px 18px 35px;\r\n        box-shadow: 6px 6px 0px var(--border-color);\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        cursor: pointer;\r\n        display: inline-block;\r\n        min-width: 160px;\r\n    }\r\n\r\n    .btn-fujiro-uniform:hover {\r\n        transform: translateY(-6px) rotate(2deg);\r\n        background: #FF4D79;\r\n        box-shadow: 10px 10px 0px var(--border-color);\r\n    }\r\n\r\n    .btn-fujiro-uniform:active {\r\n        transform: translate(3px, 3px);\r\n        box-shadow: 0px 0px 0px var(--border-color);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .btn-fujiro-uniform {\r\n            width: 100%;\r\n            font-size: 18px;\r\n            padding: 12px 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"fujiro-join-minimal\">\r\n    \r\n    <h2 class=\"join-title-clean\">Ready to Play? \u2728<\/h2>\r\n    \r\n    <p class=\"join-subtitle-clean\">\r\n        Our cozy home is always growing! Come in, get comfortable, and let's make the digital world a little brighter together.\r\n    <\/p>\r\n\r\n    <div class=\"btns-container-clean\">\r\n        <a href=\"#\" class=\"btn-fujiro-uniform\">Swap Now<\/a>\r\n        <a href=\"#\" class=\"btn-fujiro-uniform\">Telegram<\/a>\r\n        <a href=\"#\" class=\"btn-fujiro-uniform\">Twitter<\/a>\r\n        <a href=\"#\" class=\"btn-fujiro-uniform\">Discord<\/a>\r\n    <\/div>\r\n\r\n<\/section>\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-7e55a84 e-flex e-con-boxed e-con e-parent\" data-id=\"7e55a84\" 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-6713d90 elementor-widget elementor-widget-html\" data-id=\"6713d90\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Galindo&family=Gamja+Flower&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    :root {\r\n        --fujiro-pink: #FF85A2;\r\n        --border-color: #4A4A4A;\r\n    }\r\n\r\n    .fujiro-footer {\r\n        width: 100%;\r\n        padding: 4px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        box-sizing: border-box;\r\n        position: relative;\r\n        \/* Garis bergelombang di atas footer *\/\r\n        border-top: 5px solid var(--border-color);\r\n        border-radius: 60px 60px 0 0 \/ 15px 15px 0 0;\r\n        margin-top: 5px;\r\n    }\r\n\r\n    .footer-content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n    \/* Teks Copyright Utama - Galindo *\/\r\n    .copyright-text {\r\n        font-family: 'Galindo', cursive;\r\n        font-size: 18px;\r\n        color: #FFFFFF;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        text-shadow: 2px 2px 0px rgba(0,0,0,0.1);\r\n        margin: 0;\r\n    }\r\n\r\n    \/* Pesan Kecil - Gamja Flower *\/\r\n    .footer-note {\r\n        font-family: 'Gamja Flower', cursive;\r\n        font-size: 20px;\r\n        color: #FFFFFF;\r\n        opacity: 0.9;\r\n        margin: 0;\r\n    }\r\n\r\n    .footer-note span {\r\n        color: var(--fujiro-pink);\r\n        font-size: 24px;\r\n        display: inline-block;\r\n        animation: heart-beat 1.5s ease-in-out infinite;\r\n    }\r\n\r\n    @keyframes heart-beat {\r\n        0%, 100% { transform: scale(1); }\r\n        50% { transform: scale(1.2); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .copyright-text {\r\n            font-size: 14px;\r\n        }\r\n        .footer-note {\r\n            font-size: 16px;\r\n        }\r\n        .fujiro-footer {\r\n            padding: 30px 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<footer class=\"fujiro-footer\">\r\n    <div class=\"footer-content\">\r\n        <p class=\"copyright-text\">\r\n            \u00a9 2026 FUJIRO \u2022 ALL RIGHTS RESERVED\r\n        <\/p>\r\n        <p class=\"footer-note\">\r\n            Made with <span>\ud83d\udc96<\/span> for a brighter and cuter world\r\n        <\/p>\r\n    <\/div>\r\n<\/footer>\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>FUJIRO Story Journey Chart Buy Welcome to the Colorful World of Fujiro! \u2728 More than just a character, Fujiro is a symbol of joy created to brighten your digital journey. Step into a world filled with color, laughter, and boundless creativity! NULL COPY Get $FUJIRO Live Chart The Tale of a Gentle Soul \ud83c\udf38 Fujiro [&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:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":13,"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/fujiro.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}