{"id":8,"date":"2026-06-17T12:37:19","date_gmt":"2026-06-17T12:37:19","guid":{"rendered":"https:\/\/caffi.lol\/?page_id=8"},"modified":"2026-06-17T13:13:43","modified_gmt":"2026-06-17T13:13:43","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/caffi.lol\/","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-21776b3 e-con-full e-flex e-con e-parent\" data-id=\"21776b3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54132bc elementor-widget elementor-widget-html\" data-id=\"54132bc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================================\r\n     $CAFFI \u2014 Single-block HTML\/CSS\/JS for Elementor\r\n     Paste this entire block into an Elementor HTML widget.\r\n     ============================================================ -->\r\n<style>\r\n  \/* ====== FONTS ====== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&family=Fredoka:wght@400;500;600;700&display=swap');\r\n\r\n  \/* ====== ROOT \/ RESET ====== *\/\r\n  .caffi-root, .caffi-root *{box-sizing:border-box;margin:0;padding:0}\r\n  .caffi-root{\r\n    --bg:#F1E0C7;\r\n    --cream:#FFF4DC;\r\n    --ink:#2B1A0E;\r\n    --pink:#FF8FB7;\r\n    --pink-dark:#E76A98;\r\n    --green:#5BB07A;\r\n    --green-dark:#3F8A5C;\r\n    --coffee:#6B3A1E;\r\n    --yellow:#FFD566;\r\n    font-family:'Fredoka',system-ui,sans-serif;\r\n    background:var(--bg);\r\n    color:var(--ink);\r\n    width:100%;\r\n    overflow-x:hidden;\r\n    line-height:1.55;\r\n    -webkit-font-smoothing:antialiased;\r\n  }\r\n  .caffi-root h1,.caffi-root h2,.caffi-root h3,.caffi-root h4{\r\n    font-family:'Luckiest Guy',cursive;\r\n    letter-spacing:1.5px;\r\n    font-weight:400;\r\n    line-height:1.1;\r\n    color:var(--ink);\r\n  }\r\n  .caffi-root a{color:inherit;text-decoration:none}\r\n  .caffi-root img{max-width:100%;display:block}\r\n  .caffi-wrap{max-width:1200px;margin:0 auto;padding:0 24px}\r\n\r\n  \/* ====== NAVBAR ====== *\/\r\n  .caffi-nav{\r\n    position:sticky;top:0;z-index:50;\r\n    background:rgba(241,224,199,.85);\r\n    backdrop-filter:blur(10px);\r\n    -webkit-backdrop-filter:blur(10px);\r\n    border-bottom:3px dashed rgba(43,26,14,.15);\r\n  }\r\n  .caffi-nav-inner{\r\n    max-width:1200px;margin:0 auto;padding:14px 24px;\r\n    display:flex;align-items:center;justify-content:space-between;gap:16px;\r\n  }\r\n  .caffi-logo{\r\n    font-family:'Luckiest Guy',cursive;font-size:34px;letter-spacing:3px;\r\n    color:var(--yellow); \r\n    text-shadow:3px 3px 0 var(--ink);\r\n    transition:transform .25s ease;\r\n  }\r\n  .caffi-logo::before{content:\"\ud83c\udf35 \";}\r\n  .caffi-logo:hover{transform:rotate(-3deg) scale(1.05)}\r\n  .caffi-copy{\r\n    font-family:'Luckiest Guy',cursive;letter-spacing:1.5px;font-size:14px;\r\n    background:var(--pink);color:#fff;\r\n    border:3px solid var(--ink);border-radius:999px;\r\n    padding:10px 18px;cursor:pointer;\r\n    box-shadow:4px 4px 0 var(--ink);\r\n    transition:transform .15s ease, box-shadow .15s ease, background .2s;\r\n    display:inline-flex;align-items:center;gap:8px;max-width:260px;\r\n  }\r\n  .caffi-copy:hover{background:var(--pink-dark);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}\r\n  .caffi-copy:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}\r\n  .caffi-copy .ca-text{\r\n    max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;\r\n    font-family:'Fredoka',sans-serif;font-size:12px;letter-spacing:.5px;font-weight:600;\r\n    background:rgba(255,255,255,.25);padding:3px 8px;border-radius:999px;\r\n  }\r\n\r\n  \/* ====== WAVY DIVIDERS ====== *\/\r\n  .caffi-wave{\r\n    display:block;\r\n    width:100%;\r\n    height:80px;\r\n    margin-top:-80px; \r\n    position:relative;\r\n    z-index:10; \r\n    pointer-events:none; \r\n  }\r\n  .caffi-wave svg{width:100%;height:100%;display:block}\r\n\r\n  \/* ====== HERO ====== *\/\r\n  .caffi-hero{\r\n    position:relative;\r\n    min-height:92vh;\r\n    overflow:hidden;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-end;\r\n    align-items:center; \/* Rata tengah konten flex *\/\r\n    padding:40px 0 80px; \r\n    border-radius:0 0 40px 40px;\r\n  }\r\n  .caffi-hero-video{\r\n    position:absolute;inset:0;width:100%;height:100%;\r\n    object-fit:cover;z-index:0;\r\n  }\r\n  .caffi-hero-overlay{\r\n    position:absolute;inset:0;z-index:1;\r\n    background:linear-gradient(180deg, rgba(241,224,199,0) 30%, rgba(241,224,199,.55) 75%, rgba(241,224,199,.9) 100%);\r\n  }\r\n  .caffi-hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n    text-align:center; \/* Pastikan text-align center *\/\r\n    padding:0 24px;\r\n    width:100%;\r\n  }\r\n  .caffi-hero h1{\r\n    font-size:clamp(40px,7vw,90px);\r\n    color:#fff;\r\n    text-shadow:\r\n      4px 4px 0 var(--ink),\r\n      0 0 24px rgba(0,0,0,.25);\r\n    transform:rotate(-1deg);\r\n    margin:0 auto 14px auto; \/* Margin auto untuk memastikan blok h1 berada di tengah *\/\r\n    text-align:center;\r\n  }\r\n  .caffi-hero h1 .accent{color:var(--yellow);}\r\n  .caffi-hero-sub{\r\n    font-size:clamp(16px,1.6vw,20px);font-weight:600;\r\n    color:#fff;text-shadow:2px 2px 0 var(--ink);\r\n    margin:0 auto 28px;\r\n    max-width:640px;\r\n    text-align:center;\r\n  }\r\n  .caffi-cta-row{\r\n    display:flex;flex-wrap:wrap;gap:14px;justify-content:center;\r\n  }\r\n  .caffi-btn{\r\n    font-family:'Luckiest Guy',cursive;letter-spacing:1.5px;font-size:16px;\r\n    padding:14px 22px;border-radius:999px;border:3px solid var(--ink);\r\n    cursor:pointer;display:inline-flex;align-items:center;gap:10px;\r\n    box-shadow:5px 5px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease,background .2s;\r\n    background:#fff;color:var(--ink);\r\n    pointer-events:auto;\r\n  }\r\n  .caffi-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}\r\n  .caffi-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}\r\n  .caffi-btn.tw{background:#1DA1F2;color:#fff}\r\n  .caffi-btn.tg{background:#29B6F6;color:#fff}\r\n  .caffi-btn.chart{background:var(--yellow);color:var(--ink)}\r\n  .caffi-btn.buy{background:var(--green);color:#fff}\r\n  .caffi-btn svg{width:18px;height:18px;fill:currentColor}\r\n\r\n  \/* ====== SECTION COMMON ====== *\/\r\n  .caffi-section{position:relative;padding:110px 0 80px;} \r\n  .caffi-section h2{\r\n    font-size:clamp(34px,4.5vw,56px);text-align:center;margin-bottom:14px;\r\n    color:var(--coffee);\r\n    text-shadow:3px 3px 0 var(--yellow);\r\n    transform:rotate(-1deg);\r\n  }\r\n  .caffi-section .sec-sub{\r\n    text-align:center;max-width:680px;margin:0 auto 50px;\r\n    font-size:17px;color:var(--coffee);font-weight:500;\r\n  }\r\n\r\n  \/* ====== ABOUT ====== *\/\r\n  .caffi-about-grid{\r\n    display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;\r\n  }\r\n  .caffi-about-text p{margin-bottom:14px;font-size:16.5px;color:#3a2415}\r\n  .caffi-about-text .hidden-text{\r\n    max-height:0;overflow:hidden;transition:max-height .6s ease;\r\n  }\r\n  .caffi-about-text.expanded .hidden-text{max-height:2000px}\r\n  .caffi-show-more{\r\n    margin-top:14px;background:var(--coffee);color:#fff;\r\n    font-family:'Luckiest Guy',cursive;letter-spacing:1.5px;font-size:14px;\r\n    border:3px solid var(--ink);border-radius:999px;padding:10px 20px;cursor:pointer;\r\n    box-shadow:4px 4px 0 var(--ink);\r\n    transition:transform .15s ease, box-shadow .15s ease;\r\n  }\r\n  .caffi-show-more:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}\r\n  .caffi-about-img{\r\n    position:relative;animation:floaty 6s ease-in-out infinite;\r\n  }\r\n  .caffi-about-img img{filter:drop-shadow(0 20px 30px rgba(43,26,14,.25))}\r\n  @keyframes floaty{\r\n    0%,100%{transform:translateY(0) rotate(-1deg)}\r\n    50%{transform:translateY(-18px) rotate(2deg)}\r\n  }\r\n\r\n  \/* ====== GALLERY ====== *\/\r\n  .caffi-gallery-section{background:#FBE9C7;position:relative}\r\n  .caffi-slider{\r\n    position:relative;max-width:1100px;margin:0 auto;\r\n    padding:30px 0;\r\n  }\r\n  .caffi-stage{\r\n    position:relative;height:460px;\r\n    display:flex;align-items:center;justify-content:center;\r\n    perspective:1400px;\r\n  }\r\n  .caffi-slide{\r\n    position:absolute;width:340px;height:420px;\r\n    border-radius:32px;overflow:hidden;\r\n    background:#fff;\r\n    border:5px solid var(--ink);\r\n    box-shadow:10px 10px 0 var(--ink);\r\n    transition:transform .6s cubic-bezier(.4,.0,.2,1), opacity .6s, filter .6s;\r\n    cursor:pointer;\r\n  }\r\n  .caffi-slide img{width:100%;height:100%;object-fit:cover}\r\n  .caffi-slide.pos-center{transform:translateX(0) translateZ(0) rotate(-2deg) scale(1);z-index:5;opacity:1;filter:none}\r\n  .caffi-slide.pos-left{transform:translateX(-280px) translateZ(-200px) rotate(-8deg) scale(.85);z-index:3;opacity:.75;filter:saturate(.85)}\r\n  .caffi-slide.pos-right{transform:translateX(280px) translateZ(-200px) rotate(8deg) scale(.85);z-index:3;opacity:.75;filter:saturate(.85)}\r\n  .caffi-slide.pos-far-left{transform:translateX(-460px) translateZ(-400px) rotate(-14deg) scale(.7);z-index:1;opacity:.4;filter:saturate(.6)}\r\n  .caffi-slide.pos-far-right{transform:translateX(460px) translateZ(-400px) rotate(14deg) scale(.7);z-index:1;opacity:.4;filter:saturate(.6)}\r\n  .caffi-slide.pos-hidden{transform:scale(.4);opacity:0;pointer-events:none}\r\n  .caffi-arrow{\r\n    position:absolute;top:50%;transform:translateY(-50%);z-index:10;\r\n    width:60px;height:60px;border-radius:50%;\r\n    background:var(--pink);border:4px solid var(--ink);\r\n    box-shadow:4px 4px 0 var(--ink);cursor:pointer;\r\n    display:flex;align-items:center;justify-content:center;\r\n    transition:transform .2s ease, background .2s;\r\n    color:#fff;font-size:24px;\r\n  }\r\n  .caffi-arrow:hover{background:var(--pink-dark);transform:translateY(-50%) scale(1.1)}\r\n  .caffi-arrow.prev{left:10px} .caffi-arrow.next{right:10px}\r\n  .caffi-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}\r\n  .caffi-dot{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--ink);cursor:pointer;transition:transform .2s}\r\n  .caffi-dot.active{background:var(--green);transform:scale(1.3)}\r\n\r\n  \/* ====== TOKENOMICS ====== *\/\r\n  .caffi-tokenomics-section{background:#EAD2A9;position:relative}\r\n  .caffi-tok-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}\r\n  .caffi-tok-img img{filter:drop-shadow(0 20px 30px rgba(43,26,14,.25));animation:floaty 7s ease-in-out infinite}\r\n  .caffi-tok-list{display:grid;gap:18px}\r\n  .caffi-tok-card{\r\n    background:var(--cream);border:4px solid var(--ink);border-radius:24px;\r\n    padding:18px 22px;box-shadow:6px 6px 0 var(--ink);\r\n    display:flex;gap:16px;align-items:flex-start;\r\n    transition:transform .25s ease, box-shadow .25s ease;\r\n  }\r\n  .caffi-tok-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}\r\n  .caffi-tok-icon{\r\n    flex-shrink:0;width:52px;height:52px;border-radius:50%;\r\n    background:var(--pink);border:3px solid var(--ink);\r\n    display:flex;align-items:center;justify-content:center;font-size:24px;\r\n  }\r\n  .caffi-tok-card:nth-child(2) .caffi-tok-icon{background:var(--yellow)}\r\n  .caffi-tok-card:nth-child(3) .caffi-tok-icon{background:#FF9966}\r\n  .caffi-tok-card:nth-child(4) .caffi-tok-icon{background:var(--green)}\r\n  .caffi-tok-card h4{font-size:18px;margin-bottom:4px;font-family:'Luckiest Guy',cursive;letter-spacing:1px;color:var(--coffee)}\r\n  .caffi-tok-card p{font-size:14.5px;color:#3a2415;font-weight:500}\r\n\r\n  \/* ====== JOIN COMMUNITY ====== *\/\r\n  .caffi-join-section{background:var(--bg);text-align:center;position:relative;overflow:hidden}\r\n  .caffi-join-content{max-width:720px;margin:0 auto;position:relative;z-index:2}\r\n  .caffi-join-content p{font-size:17px;color:var(--coffee);font-weight:500;margin-bottom:30px}\r\n  .caffi-join-buttons{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}\r\n  .caffi-bubble{\r\n    position:absolute;border-radius:50%;opacity:.55;animation:bub 10s ease-in-out infinite;\r\n  }\r\n  .caffi-bubble.b1{width:80px;height:80px;background:var(--pink);top:10%;left:8%}\r\n  .caffi-bubble.b2{width:120px;height:120px;background:var(--green);bottom:15%;right:10%;animation-delay:2s}\r\n  .caffi-bubble.b3{width:60px;height:60px;background:var(--yellow);top:30%;right:20%;animation-delay:4s}\r\n  .caffi-bubble.b4{width:90px;height:90px;background:var(--pink-dark);bottom:25%;left:15%;animation-delay:1s}\r\n  @keyframes bub{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}\r\n\r\n  \/* ====== FOOTER ====== *\/\r\n  .caffi-footer{\r\n    background:var(--coffee);color:#FCE9C8;padding:60px 0 30px;\r\n    border-top:5px dashed var(--ink);\r\n  }\r\n  .caffi-footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;gap:40px;grid-template-columns:1.4fr 1fr 1fr;align-items:start}\r\n  .caffi-footer h4{font-family:'Luckiest Guy',cursive;letter-spacing:2px;color:var(--yellow);font-size:20px;margin-bottom:14px}\r\n  .caffi-footer p{font-size:14.5px;line-height:1.7;opacity:.9}\r\n  .caffi-footer-logo{font-family:'Luckiest Guy',cursive;font-size:36px;color:var(--yellow);letter-spacing:3px;text-shadow:3px 3px 0 var(--ink);margin-bottom:10px}\r\n  .caffi-footer ul{list-style:none}\r\n  .caffi-footer li{margin-bottom:8px;font-size:14.5px}\r\n  .caffi-footer li a{transition:color .2s}\r\n  .caffi-footer li a:hover{color:var(--pink)}\r\n  .caffi-footer-bottom{\r\n    margin-top:40px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.2);\r\n    text-align:center;font-size:13px;opacity:.7;\r\n  }\r\n  .caffi-footer-bottom span{color:var(--pink)}\r\n\r\n  \/* ====== TOAST ====== *\/\r\n  .caffi-toast{\r\n    position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(120px);\r\n    background:var(--green);color:#fff;font-family:'Luckiest Guy',cursive;letter-spacing:1.5px;\r\n    padding:14px 26px;border-radius:999px;border:3px solid var(--ink);\r\n    box-shadow:5px 5px 0 var(--ink);z-index:9999;\r\n    transition:transform .4s cubic-bezier(.34,1.56,.64,1);\r\n    pointer-events:none;\r\n  }\r\n  .caffi-toast.show{transform:translateX(-50%) translateY(0)}\r\n\r\n  \/* ====== RESPONSIVE ====== *\/\r\n  @media (max-width:900px){\r\n    .caffi-about-grid,.caffi-tok-grid{grid-template-columns:1fr;gap:36px}\r\n    .caffi-about-img,.caffi-tok-img{max-width:420px;margin:0 auto}\r\n    .caffi-footer-inner{grid-template-columns:1fr;text-align:center}\r\n    .caffi-stage{height:420px}\r\n    .caffi-slide{width:280px;height:360px}\r\n    .caffi-slide.pos-left{transform:translateX(-200px) translateZ(-200px) rotate(-8deg) scale(.8)}\r\n    .caffi-slide.pos-right{transform:translateX(200px) translateZ(-200px) rotate(8deg) scale(.8)}\r\n    .caffi-slide.pos-far-left,.caffi-slide.pos-far-right{opacity:0;pointer-events:none}\r\n  }\r\n  @media (max-width:560px){\r\n    .caffi-logo{font-size:26px}\r\n    .caffi-copy{padding:8px 12px;font-size:12px}\r\n    .caffi-copy .ca-text{max-width:90px;font-size:11px}\r\n    .caffi-section{padding:90px 0 60px}\r\n    .caffi-btn{font-size:14px;padding:12px 16px}\r\n    .caffi-stage{height:380px}\r\n    .caffi-slide{width:240px;height:320px}\r\n    .caffi-arrow{width:48px;height:48px;font-size:20px}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"caffi-root\">\r\n\r\n  <!-- ====== NAVBAR ====== -->\r\n  <nav class=\"caffi-nav\">\r\n    <div class=\"caffi-nav-inner\">\r\n      <a href=\"#\" class=\"caffi-logo\" data-testid=\"caffi-logo\">CAFFI<\/a>\r\n      <button class=\"caffi-copy\" id=\"caffiCopyBtn\" data-testid=\"copy-ca-btn\">\r\n        <span>COPY CA<\/span>\r\n        <span class=\"ca-text\" id=\"caffiCAText\">CA: COMING_SOON_xxxxxxxxxxxxxxxxxxx<\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/nav>\r\n\r\n  <!-- ====== HERO ====== -->\r\n  <section class=\"caffi-hero\" data-testid=\"hero-section\">\r\n    <video class=\"caffi-hero-video\" autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/CAFFI-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"caffi-hero-overlay\"><\/div>\r\n    <div class=\"caffi-hero-content caffi-wrap\">\r\n      <h1><span class=\"accent\">Prickly Outside, Good Vibes Inside <\/span><\/h1>\r\n      <p class=\"caffi-hero-sub\">The chillest cactus on Solana. Brewing kindness, growing good vibes, one cup at a time.<\/p>\r\n      <div class=\"caffi-cta-row\">\r\n        <a href=\"#\" class=\"caffi-btn tw\" data-testid=\"hero-twitter-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n          Twitter\r\n        <\/a>\r\n        <a href=\"#\" class=\"caffi-btn tg\" data-testid=\"hero-telegram-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n          Telegram\r\n        <\/a>\r\n        <a href=\"#\" class=\"caffi-btn chart\" data-testid=\"hero-chart-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18v-2H5V3zm14 4l-5 5-3-3-5 5 1.4 1.4L9 11.8l3 3 6.4-6.4z\"\/><\/svg>\r\n          Chart\r\n        <\/a>\r\n        <a href=\"#\" class=\"caffi-btn buy\" data-testid=\"hero-buy-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M7 18c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1 1 0 0 0 20 4H5.21l-.94-2zm16 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\"\/><\/svg>\r\n          Buy Now\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WAVE -->\r\n  <div class=\"caffi-wave\">\r\n    <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\"><path d=\"M0,40 C240,80 480,0 720,40 C960,80 1200,0 1440,40 L1440,80 L0,80 Z\" fill=\"#F1E0C7\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <!-- ====== ABOUT ====== -->\r\n  <section class=\"caffi-section\" data-testid=\"about-section\">\r\n    <div class=\"caffi-wrap\">\r\n      <h2>Meet CAFFI \ud83c\udf31<\/h2>\r\n      <p class=\"sec-sub\">The chillest cactus in the concrete jungle.<\/p>\r\n      <div class=\"caffi-about-grid\">\r\n        <div class=\"caffi-about-text\" id=\"caffiAboutText\">\r\n          <p>CAFFI is an urban cactus born in the middle of a busy, chaotic city. Surrounded by concrete and stress, he chose a different path: morning coffee, spreading good vibes, and growing peacefully.<\/p>\r\n          <p>With a pink flower always blooming on his head, CAFFI serves as a reminder that beauty can emerge in the most unexpected places. Although his body is covered in sharp spines, his heart is soft and full of kindness.<\/p>\r\n          <div class=\"hidden-text\">\r\n            <p>He hates drama, FOMO, and negativity. Every day, all he carries is a warm cup of coffee in one hand and a tote bag that says <em>\u201cPlant Good Vibes\u201d<\/em> in the other.<\/p>\r\n            <p>CAFFI believes the world is already tough enough. That's why he exists \u2014 to remind us all: <strong>You can have thorns, but still choose to spread kindness.<\/strong><\/p>\r\n            <p>From the corner coffee shop to the growing Solana community, CAFFI walks through life at his own relaxed pace. He doesn't rush. He grows slowly but surely. He stays chill, but consistent. He's prickly, but always authentic.<\/p>\r\n            <p>$CAFFI is more than just a meme coin. It's a small movement reminding ourselves and the community that: <em>In the middle of chaos, we can still choose to plant good vibes.<\/em><\/p>\r\n            <p>Every $CAFFI holder is part of the same community \u2014 people who want to grow, stay relaxed, enjoy coffee together, and support each other without conditions.<\/p>\r\n            <p><strong>Plant Good Vibes. One cup at a time.<\/strong><\/p>\r\n          <\/div>\r\n          <button class=\"caffi-show-more\" id=\"caffiShowMoreBtn\" data-testid=\"about-show-more-btn\">Show More \u2193<\/button>\r\n        <\/div>\r\n        <div class=\"caffi-about-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-4.png\" alt=\"CAFFI mascot\" \/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WAVE -->\r\n  <div class=\"caffi-wave\">\r\n    <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\"><path d=\"M0,40 C240,0 480,80 720,40 C960,0 1200,80 1440,40 L1440,80 L0,80 Z\" fill=\"#FBE9C7\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <!-- ====== GALLERY ====== -->\r\n  <section class=\"caffi-section caffi-gallery-section\" data-testid=\"gallery-section\">\r\n    <div class=\"caffi-wrap\">\r\n      <h2>A Glimpse Into CAFFI's World \ud83d\udcf8<\/h2>\r\n      <p class=\"sec-sub\"><em>Spiky but Sweet.<\/em> Daily adventures \u2014 brewing morning cups, spreading positivity, blooming flowers, and good vibes only.<\/p>\r\n      <div class=\"caffi-slider\">\r\n        <button class=\"caffi-arrow prev\" id=\"caffiPrevBtn\" data-testid=\"gallery-prev-btn\">\u2039<\/button>\r\n        <button class=\"caffi-arrow next\" id=\"caffiNextBtn\" data-testid=\"gallery-next-btn\">\u203a<\/button>\r\n        <div class=\"caffi-stage\" id=\"caffiStage\">\r\n          <div class=\"caffi-slide\"><img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-5.png\" alt=\"CAFFI 1\"\/><\/div>\r\n          <div class=\"caffi-slide\"><img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-6.png\" alt=\"CAFFI 2\"\/><\/div>\r\n          <div class=\"caffi-slide\"><img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-7.png\" alt=\"CAFFI 3\"\/><\/div>\r\n          <div class=\"caffi-slide\"><img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-8.png\" alt=\"CAFFI 4\"\/><\/div>\r\n          <div class=\"caffi-slide\"><img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-9.png\" alt=\"CAFFI 5\"\/><\/div>\r\n        <\/div>\r\n        <div class=\"caffi-dots\" id=\"caffiDots\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WAVE -->\r\n  <div class=\"caffi-wave\">\r\n    <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\"><path d=\"M0,40 C240,80 480,0 720,40 C960,80 1200,0 1440,40 L1440,80 L0,80 Z\" fill=\"#EAD2A9\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <!-- ====== TOKENOMICS ====== -->\r\n  <section class=\"caffi-section caffi-tokenomics-section\" data-testid=\"tokenomics-section\">\r\n    <div class=\"caffi-wrap\">\r\n      <h2>The $CAFFI Recipe \u2615\ud83d\udcca<\/h2>\r\n      <p class=\"sec-sub\">Brewing the perfect tokenomics \u2014 simple, clean, no drama.<\/p>\r\n      <div class=\"caffi-tok-grid\">\r\n        <div class=\"caffi-tok-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/caffi.lol\/wp-content\/uploads\/2026\/06\/Asset-10.png\" alt=\"CAFFI tokenomics\"\/>\r\n        <\/div>\r\n        <div class=\"caffi-tok-list\">\r\n          <div class=\"caffi-tok-card\">\r\n            <div class=\"caffi-tok-icon\">\ud83d\udeab<\/div>\r\n            <div>\r\n              <h4>Zero Drama Taxes (0\/0%)<\/h4>\r\n              <p>No buy or sell taxes. Black coffee style \u2014 clean and simple.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"caffi-tok-card\">\r\n            <div class=\"caffi-tok-icon\">\ud83e\uded9<\/div>\r\n            <div>\r\n              <h4>Community Tip Jar<\/h4>\r\n              <p>Airdrops & rewards for loyal holders spreading good vibes.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"caffi-tok-card\">\r\n            <div class=\"caffi-tok-icon\">\ud83d\udd25<\/div>\r\n            <div>\r\n              <h4>Burned Liquidity<\/h4>\r\n              <p>LP burned & locked forever. CAFFI stays grounded and safe.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"caffi-tok-card\">\r\n            <div class=\"caffi-tok-icon\">\ud83c\udf31<\/div>\r\n            <div>\r\n              <h4>Organic Growth Supply<\/h4>\r\n              <p>Fixed supply, slow & steady distribution. Bloom where planted.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WAVE -->\r\n  <div class=\"caffi-wave\">\r\n    <svg viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\"><path d=\"M0,40 C240,0 480,80 720,40 C960,0 1200,80 1440,40 L1440,80 L0,80 Z\" fill=\"#F1E0C7\"\/><\/svg>\r\n  <\/div>\r\n\r\n  <!-- ====== JOIN COMMUNITY ====== -->\r\n  <section class=\"caffi-section caffi-join-section\" data-testid=\"join-section\">\r\n    <div class=\"caffi-bubble b1\"><\/div>\r\n    <div class=\"caffi-bubble b2\"><\/div>\r\n    <div class=\"caffi-bubble b3\"><\/div>\r\n    <div class=\"caffi-bubble b4\"><\/div>\r\n    <div class=\"caffi-wrap caffi-join-content\">\r\n      <h2>Pull Up a Chair \ud83e\udd1d\u2615<\/h2>\r\n      <p>The world is loud, but our corner of the internet is chill. Whether you're here for the crypto, the coffee, or just the positive energy \u2014 there's always an empty seat at our table. Leave the FOMO at the door, grab your favorite mug, and join the most relaxed community on Solana.<\/p>\r\n      <div class=\"caffi-join-buttons\">\r\n        <a href=\"#\" class=\"caffi-btn tg\" data-testid=\"join-telegram-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n          Join our Telegram\r\n        <\/a>\r\n        <a href=\"#\" class=\"caffi-btn tw\" data-testid=\"join-twitter-btn\">\r\n          <svg viewBox=\"0 0 24 24\"><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\"\/><\/svg>\r\n          Follow on X\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ====== FOOTER ====== -->\r\n  <footer class=\"caffi-footer\" data-testid=\"footer\">\r\n    <div class=\"caffi-footer-inner\">\r\n      <div>\r\n        <div class=\"caffi-footer-logo\">\ud83c\udf35 CAFFI<\/div>\r\n        <p>Prickly outside, good vibes inside. The chillest cactus on Solana \u2014 brewing kindness one cup at a time.<\/p>\r\n      <\/div>\r\n      <div>\r\n        <h4>Quick Links<\/h4>\r\n        <ul>\r\n          <li><a href=\"#\">About<\/a><\/li>\r\n          <li><a href=\"#\">Gallery<\/a><\/li>\r\n          <li><a href=\"#\">Tokenomics<\/a><\/li>\r\n          <li><a href=\"#\">Community<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      <div>\r\n        <h4>Get In Touch<\/h4>\r\n        <ul>\r\n          <li><a href=\"#\">Twitter \/ X<\/a><\/li>\r\n          <li><a href=\"#\">Telegram<\/a><\/li>\r\n          <li><a href=\"#\">Chart<\/a><\/li>\r\n          <li><a href=\"#\">Buy $CAFFI<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"caffi-footer-bottom\">\r\n      \u00a9 2026 $CAFFI \u2014 Plant Good Vibes <span>\u2665<\/span> Made with coffee on Solana\r\n    <\/div>\r\n  <\/footer>\r\n\r\n  <div class=\"caffi-toast\" id=\"caffiToast\">\u2713 CA Copied!<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ ====== COPY CA ======\r\n  var CA = \"COMING_SOON_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\"; \/\/ <- Ganti dengan CA asli nanti\r\n  var copyBtn = document.getElementById('caffiCopyBtn');\r\n  var caText = document.getElementById('caffiCAText');\r\n  var toast = document.getElementById('caffiToast');\r\n  caText.textContent = \"CA: \" + CA;\r\n  copyBtn.addEventListener('click', function(){\r\n    var done = function(){\r\n      toast.classList.add('show');\r\n      setTimeout(function(){ toast.classList.remove('show'); }, 1800);\r\n    };\r\n    if(navigator.clipboard && navigator.clipboard.writeText){\r\n      navigator.clipboard.writeText(CA).then(done).catch(function(){\r\n        \/\/ fallback\r\n        var ta = document.createElement('textarea');\r\n        ta.value = CA; document.body.appendChild(ta); ta.select();\r\n        try{ document.execCommand('copy'); }catch(e){}\r\n        document.body.removeChild(ta);\r\n        done();\r\n      });\r\n    } else {\r\n      var ta = document.createElement('textarea');\r\n      ta.value = CA; document.body.appendChild(ta); ta.select();\r\n      try{ document.execCommand('copy'); }catch(e){}\r\n      document.body.removeChild(ta);\r\n      done();\r\n    }\r\n  });\r\n\r\n  \/\/ ====== ABOUT SHOW MORE ======\r\n  var aboutText = document.getElementById('caffiAboutText');\r\n  var showMoreBtn = document.getElementById('caffiShowMoreBtn');\r\n  showMoreBtn.addEventListener('click', function(){\r\n    aboutText.classList.toggle('expanded');\r\n    showMoreBtn.textContent = aboutText.classList.contains('expanded') ? 'Show Less \u2191' : 'Show More \u2193';\r\n  });\r\n\r\n  \/\/ ====== GALLERY SLIDER (3D Coverflow) ======\r\n  var stage = document.getElementById('caffiStage');\r\n  var slides = Array.prototype.slice.call(stage.querySelectorAll('.caffi-slide'));\r\n  var dotsEl = document.getElementById('caffiDots');\r\n  var current = 0;\r\n  var total = slides.length;\r\n\r\n  \/\/ Build dots\r\n  slides.forEach(function(_, i){\r\n    var d = document.createElement('button');\r\n    d.className = 'caffi-dot' + (i===0?' active':'');\r\n    d.setAttribute('data-testid','gallery-dot-'+i);\r\n    d.addEventListener('click', function(){ goTo(i); });\r\n    dotsEl.appendChild(d);\r\n  });\r\n  var dots = Array.prototype.slice.call(dotsEl.querySelectorAll('.caffi-dot'));\r\n\r\n  function render(){\r\n    slides.forEach(function(slide, i){\r\n      slide.classList.remove('pos-center','pos-left','pos-right','pos-far-left','pos-far-right','pos-hidden');\r\n      var diff = (i - current + total) % total;\r\n      if(diff === 0) slide.classList.add('pos-center');\r\n      else if(diff === 1) slide.classList.add('pos-right');\r\n      else if(diff === total-1) slide.classList.add('pos-left');\r\n      else if(diff === 2) slide.classList.add('pos-far-right');\r\n      else if(diff === total-2) slide.classList.add('pos-far-left');\r\n      else slide.classList.add('pos-hidden');\r\n    });\r\n    dots.forEach(function(d,i){ d.classList.toggle('active', i===current); });\r\n  }\r\n  function next(){ current = (current+1) % total; render(); }\r\n  function prev(){ current = (current-1+total) % total; render(); }\r\n  function goTo(i){ current = i; render(); }\r\n\r\n  document.getElementById('caffiNextBtn').addEventListener('click', next);\r\n  document.getElementById('caffiPrevBtn').addEventListener('click', prev);\r\n  slides.forEach(function(s,i){\r\n    s.addEventListener('click', function(){ if(i!==current) goTo(i); });\r\n  });\r\n\r\n  \/\/ Autoplay\r\n  var auto = setInterval(next, 4500);\r\n  stage.addEventListener('mouseenter', function(){ clearInterval(auto); });\r\n  stage.addEventListener('mouseleave', function(){ auto = setInterval(next, 4500); });\r\n\r\n  \/\/ Touch swipe\r\n  var startX = 0, dx = 0, touching = false;\r\n  stage.addEventListener('touchstart', function(e){ touching=true; startX = e.touches[0].clientX; dx = 0; }, {passive:true});\r\n  stage.addEventListener('touchmove', function(e){ if(!touching) return; dx = e.touches[0].clientX - startX; }, {passive:true});\r\n  stage.addEventListener('touchend', function(){\r\n    if(!touching) return; touching=false;\r\n    if(dx > 50) prev(); else if(dx < -50) next();\r\n  });\r\n\r\n  render();\r\n})();\r\n<\/script>\r\n<!-- ============================================================\r\n     END $CAFFI block\r\n     ============================================================ -->\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>CAFFI COPY CA CA: COMING_SOON_xxxxxxxxxxxxxxxxxxx Prickly Outside, Good Vibes Inside The chillest cactus on Solana. Brewing kindness, growing good vibes, one cup at a time. Twitter Telegram Chart Buy Now Meet CAFFI \ud83c\udf31 The chillest cactus in the concrete jungle. CAFFI is an urban cactus born in the middle of a busy, chaotic city. Surrounded [&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:\/\/caffi.lol\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caffi.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caffi.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caffi.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/caffi.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":10,"href":"https:\/\/caffi.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/caffi.lol\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/caffi.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}