{"id":2,"date":"2026-03-30T12:08:30","date_gmt":"2026-03-30T12:08:30","guid":{"rendered":"https:\/\/cashchat.se\/dir\/?page_id=2"},"modified":"2026-04-01T11:17:57","modified_gmt":"2026-04-01T11:17:57","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/cashchat.se\/dir\/","title":{"rendered":"Wallet"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n  <title>Cash Chat Bank | Digital Wallet<\/title>\n  <!-- Google Fonts + Font Awesome 6 -->\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&#038;display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'Inter', sans-serif;\n      background: linear-gradient(145deg, #f9f5ff 0%, #ede7f6 100%);\n      color: #1e1a2f;\n      line-height: 1.5;\n      scroll-behavior: smooth;\n    }\n\n    \/* Color Variables: Purple & Lemon Green *\/\n    :root {\n      --purple-dark: #4c1d95;\n      --purple-primary: #6d28d9;\n      --purple-soft: #8b5cf6;\n      --purple-light: #ede9fe;\n      --lemon-green: #d9f99d;\n      --lemon-bright: #bef264;\n      --lemon-strong: #a3e635;\n      --lemon-dark: #84cc16;\n      --gray-700: #2d2a3e;\n      --gray-100: #f8fafc;\n      --shadow-md: 0 20px 35px -12px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.03);\n      --shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.03);\n      --border-radius-card: 28px;\n    }\n\n    .container {\n      max-width: 1300px;\n      margin: 0 auto;\n      padding: 1.5rem 2rem 3rem;\n    }\n\n    \/* Header + Brand *\/\n    .bank-header {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 2rem;\n      gap: 1.5rem;\n    }\n\n    .logo-area {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .logo-icon {\n      background: var(--purple-primary);\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 24px;\n      box-shadow: 0 8px 14px -6px rgba(109, 40, 217, 0.3);\n    }\n\n    .logo-icon i {\n      font-size: 26px;\n      color: var(--lemon-bright);\n    }\n\n    .brand-text h1 {\n      font-size: 1.9rem;\n      font-weight: 800;\n      background: linear-gradient(135deg, var(--purple-primary) 0%, #3b0e8a 100%);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n      letter-spacing: -0.3px;\n    }\n\n    .brand-text p {\n      font-size: 0.85rem;\n      color: var(--gray-700);\n      font-weight: 500;\n    }\n\n    \/* Button Group *\/\n    .action-buttons {\n      display: flex;\n      gap: 1.2rem;\n      flex-wrap: wrap;\n    }\n\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 0.85rem 1.8rem;\n      border-radius: 60px;\n      font-weight: 700;\n      font-size: 1rem;\n      transition: all 0.25s ease;\n      text-decoration: none;\n      cursor: pointer;\n      border: none;\n      font-family: inherit;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .btn i {\n      font-size: 1.1rem;\n    }\n\n    .btn-primary {\n      background: var(--lemon-bright);\n      color: var(--purple-dark);\n      border: 1px solid rgba(132, 204, 22, 0.5);\n    }\n\n    .btn-primary:hover {\n      background: var(--lemon-strong);\n      transform: translateY(-3px);\n      box-shadow: 0 12px 22px -10px rgba(132, 204, 22, 0.4);\n    }\n\n    .btn-secondary {\n      background: var(--purple-primary);\n      color: white;\n      border: 1px solid rgba(217, 249, 157, 0.3);\n    }\n\n    .btn-secondary:hover {\n      background: var(--purple-dark);\n      transform: translateY(-3px);\n      box-shadow: 0 12px 22px -10px rgba(109, 40, 217, 0.5);\n    }\n\n    \/* Hero \/ tagline *\/\n    .hero-tag {\n      text-align: center;\n      margin: 1rem 0 2.5rem;\n    }\n\n    .hero-tag h2 {\n      font-size: 1.8rem;\n      font-weight: 700;\n      background: linear-gradient(130deg, var(--purple-primary), #b45309);\n      background-clip: text;\n      -webkit-background-clip: text;\n      color: transparent;\n    }\n\n    .hero-tag p {\n      font-size: 1rem;\n      color: #2d2a3ecc;\n      max-width: 620px;\n      margin: 0.5rem auto 0;\n    }\n\n    \/* Cards Grid *\/\n    .instructions-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 2rem;\n      margin: 2rem 0 2rem;\n    }\n\n    .card {\n      background: white;\n      border-radius: var(--border-radius-card);\n      box-shadow: var(--shadow-md);\n      overflow: hidden;\n      transition: transform 0.2s ease;\n      border: 1px solid rgba(109, 40, 217, 0.12);\n    }\n\n    .card:hover {\n      transform: translateY(-4px);\n    }\n\n    .card-header {\n      background: linear-gradient(105deg, var(--purple-light) 0%, #f3e8ff 100%);\n      padding: 1.5rem 1.8rem;\n      border-bottom: 3px solid var(--lemon-bright);\n    }\n\n    .card-header h3 {\n      font-size: 1.7rem;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      color: var(--purple-dark);\n    }\n\n    .card-header h3 i {\n      background: var(--purple-primary);\n      padding: 8px;\n      border-radius: 50%;\n      color: var(--lemon-bright);\n      font-size: 1.2rem;\n      width: 38px;\n      height: 38px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .card-body {\n      padding: 1.6rem 1.8rem 2rem;\n    }\n\n    .step-list {\n      list-style: none;\n      margin: 0;\n      padding: 0;\n    }\n\n    .step-list li {\n      display: flex;\n      gap: 14px;\n      margin-bottom: 1.2rem;\n      font-size: 0.95rem;\n      align-items: flex-start;\n      border-bottom: 1px dashed #e9e4f0;\n      padding-bottom: 0.85rem;\n    }\n\n    .step-number {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--lemon-bright);\n      color: var(--purple-dark);\n      font-weight: 800;\n      width: 28px;\n      height: 28px;\n      border-radius: 30px;\n      font-size: 0.85rem;\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .step-text {\n      flex: 1;\n      font-weight: 500;\n      color: #1f1b2e;\n    }\n\n    .step-text strong {\n      color: var(--purple-primary);\n      font-weight: 700;\n    }\n\n    .step-text .note {\n      display: inline-block;\n      background: #fef9e3;\n      font-size: 0.75rem;\n      font-weight: 500;\n      padding: 2px 8px;\n      border-radius: 30px;\n      margin-left: 6px;\n      color: #b45309;\n    }\n\n    .warning-badge {\n      background: #f1f0fe;\n      padding: 0.2rem 0.7rem;\n      border-radius: 20px;\n      font-size: 0.7rem;\n      font-weight: 600;\n      color: var(--purple-dark);\n      display: inline-block;\n    }\n\n    .pin-hint {\n      font-family: monospace;\n      background: #f1f5f9;\n      padding: 2px 8px;\n      border-radius: 30px;\n      font-size: 0.7rem;\n    }\n\n    hr {\n      margin: 0.5rem 0 1rem;\n      border-color: var(--lemon-bright);\n    }\n\n    .extra-info {\n      background: var(--purple-light);\n      padding: 1rem 1.2rem;\n      border-radius: 20px;\n      margin-top: 1.2rem;\n      font-size: 0.85rem;\n      border-left: 4px solid var(--lemon-strong);\n    }\n\n    .footer-note {\n      margin-top: 2.5rem;\n      text-align: center;\n      font-size: 0.8rem;\n      color: #5b4b7a;\n      border-top: 1px solid #ddd6fe;\n      padding-top: 2rem;\n      display: flex;\n      justify-content: center;\n      gap: 1rem;\n      flex-wrap: wrap;\n    }\n\n    @media (max-width: 880px) {\n      .container {\n        padding: 1.2rem;\n      }\n      .instructions-grid {\n        grid-template-columns: 1fr;\n        gap: 1.8rem;\n      }\n      .bank-header {\n        flex-direction: column;\n        align-items: stretch;\n        text-align: center;\n      }\n      .action-buttons {\n        justify-content: center;\n      }\n      .card-header h3 {\n        font-size: 1.4rem;\n      }\n    }\n\n    @media (max-width: 480px) {\n      .btn {\n        padding: 0.7rem 1.4rem;\n        font-size: 0.9rem;\n      }\n      .step-text {\n        font-size: 0.88rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n  <!-- Header area with brand and wallet buttons -->\n  <div class=\"bank-header\">\n    <div class=\"logo-area\">\n      <div class=\"logo-icon\">\n        <i class=\"fas fa-comment-dollar\"><\/i>\n      <\/div>\n      <div class=\"brand-text\">\n        <h1>Cash Chat Bank<\/h1>\n        <p>Smart wallet \u00b7 instant chat banking<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"action-buttons\">\n      <a href=\"https:\/\/my.cashchatapp.com\/account\/register?id=23530191&#038;name=sengendo\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-primary\">\n        <i class=\"fas fa-plus-circle\"><\/i> Create a wallet\n      <\/a>\n      <a href=\"https:\/\/my.cashchatapp.com\/account\/login\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-secondary\">\n        <i class=\"fas fa-sign-in-alt\"><\/i> Login wallet\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <!-- short hero -->\n  <div class=\"hero-tag\">\n    <h2>Your money, your rules<\/h2>\n    <p>Secure digital wallet \u2022 instant transactions \u2022 global access<\/p>\n  <\/div>\n\n  <!-- Two instruction columns: Registration & Activation -->\n  <div class=\"instructions-grid\">\n    \n    <!-- LEFT CARD: REGISTRATION INSTRUCTIONS -->\n    <div class=\"card\">\n      <div class=\"card-header\">\n        <h3><i class=\"fas fa-user-plus\"><\/i> Register Wallet<\/h3>\n      <\/div>\n      <div class=\"card-body\">\n        <ul class=\"step-list\">\n          <li><span class=\"step-number\">1<\/span><span class=\"step-text\"><strong>First name<\/strong> \u2014 exactly as on your ID.<\/span><\/li>\n          <li><span class=\"step-number\">2<\/span><span class=\"step-text\"><strong>Last name<\/strong> \u2014 exactly as on your ID.<\/span><\/li>\n          <li><span class=\"step-number\">3<\/span><span class=\"step-text\"><strong>Valid email address<\/strong> \u2014 used for verification.<\/span><\/li>\n          <li><span class=\"step-number\">4<\/span><span class=\"step-text\"><strong>Select your country<\/strong> from dropdown.<\/span><\/li>\n          <li><span class=\"step-number\">5<\/span><span class=\"step-text\"><strong>Mobile phone number<\/strong> with country code \u2014 <span class=\"warning-badge\">NO + sign<\/span> (e.g., 256712345678).<\/span><\/li>\n          <li><span class=\"step-number\">6<\/span><span class=\"step-text\"><strong>Sponsor code<\/strong> <span class=\"note\">(Required)<\/span> \u2014 if none provided, get from a verified user.<\/span><\/li>\n          <li><span class=\"step-number\">7<\/span><span class=\"step-text\"><strong>Create a 6\u2011digit PIN code<\/strong> \u2014 only numbers, no letters.<\/span><\/li>\n          <li><span class=\"step-number\">8<\/span><span class=\"step-text\"><strong>Re\u2011enter the same 6\u2011digit PIN<\/strong> to confirm.<\/span><\/li>\n          <li><span class=\"step-number\">9<\/span><span class=\"step-text\"><strong>\u2714 Tick to Accept Terms &#038; Conditions<\/strong>.<\/span><\/li>\n          <li><span class=\"step-number\">10<\/span><span class=\"step-text\"><strong>Click Signup<\/strong> \u2014 your wallet will be created.<\/span><\/li>\n        <\/ul>\n        <div class=\"extra-info\">\n          <i class=\"fas fa-info-circle\" style=\"color: var(--purple-primary); margin-right: 6px;\"><\/i> \n          <strong>Important:<\/strong> Use only 6 numeric digits for PIN. Phone number example: <strong>2567XXXXXXXX<\/strong> (omit &#8216;+&#8217;). Sponsor code: ask a verified Cash Chat user if needed.\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT CARD: ACTIVATION INSTRUCTIONS (Pay Subscription flow) -->\n    <div class=\"card\">\n      <div class=\"card-header\">\n        <h3><i class=\"fas fa-rocket\"><\/i> Activate &#038; Pay Subscription<\/h3>\n      <\/div>\n      <div class=\"card-body\">\n        <ul class=\"step-list\">\n          <li><span class=\"step-number\">1<\/span><span class=\"step-text\"><strong>Login to wallet<\/strong> with your <strong>email + 6\u2011digit PIN<\/strong>.<\/span><\/li>\n          <li><span class=\"step-number\">2<\/span><span class=\"step-text\"><strong>Click \u201cPay Subscription\u201d<\/strong> <span class=\"note\">(to pay using wallet credit \u2192 click the <i class=\"fas fa-wallet\" style=\"color:#2563eb;\"><\/i> <strong>Blue wallet<\/strong> icon)<\/span><\/span><\/li>\n          <li><span class=\"step-number\">3<\/span><span class=\"step-text\">Type <strong>\u201cStart\u201d<\/strong> and <strong>Send<\/strong>.<\/span><\/li>\n          <li><span class=\"step-number\">4<\/span><span class=\"step-text\">Type <strong>\u201c1\u201d<\/strong> (My wallet) and <strong>Send<\/strong>.<\/span><\/li>\n          <li><span class=\"step-number\">5<\/span><span class=\"step-text\">Type <strong>\u201c2\u201d<\/strong> (Pay Subscription) and <strong>Send<\/strong>.<\/span><\/li>\n          <li><span class=\"step-number\">6<\/span><span class=\"step-text\">Choose currency: Type <strong>1<\/strong> for <strong>UGX<\/strong> \/ <strong>2<\/strong> for <strong>KES<\/strong> \/ <strong>3<\/strong> for <strong>USD<\/strong> \u2192 <strong>Send<\/strong>.<\/span><\/li>\n          <li><span class=\"step-number\">7<\/span><span class=\"step-text\">Payment method: Type <strong>1<\/strong> (Use Mobile: <strong>MTN or Mpesa<\/strong> numbers accepted) OR <strong>2<\/strong> (Use Wallet credit) \u2192 <strong>Send<\/strong>.<\/span><\/li>\n        <\/ul>\n        <div class=\"extra-info\" style=\"background: #faf5ff;\">\n          <i class=\"fas fa-lightbulb\" style=\"color: var(--lemon-dark); margin-right: 8px;\"><\/i> \n          <strong>Activation tip:<\/strong> After step 7 your subscription will be active. For wallet credit payments, ensure sufficient balance. The &#8220;Blue wallet&#8221; refers to the blue-coloured wallet credit button inside the dashboard.\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Additional support \/ reminders  -->\n  <div style=\"background: rgba(217, 249, 157, 0.25); border-radius: 28px; padding: 1.2rem 1.8rem; margin-top: 1rem; backdrop-filter: blur(2px);\">\n    <div style=\"display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: space-between;\">\n      <div>\n        <i class=\"fas fa-shield-alt\" style=\"color: var(--purple-primary); font-size: 1.5rem; margin-right: 10px;\"><\/i>\n        <span style=\"font-weight: 600;\">PIN must be <strong>6 digits only<\/strong> \u2014 no letters or special characters.<\/span>\n      <\/div>\n      <div>\n        <i class=\"fas fa-phone-alt\" style=\"color: var(--lemon-dark); margin-right: 6px;\"><\/i>\n        <span style=\"font-size: 0.85rem;\">Mobile number format: <strong>CountryCode + number<\/strong> (omit +)<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-note\">\n    <span><i class=\"fas fa-check-circle\" style=\"color: var(--lemon-dark);\"><\/i> Secure &#038; encrypted<\/span>\n    <span><i class=\"fas fa-globe\"><\/i> Available Worldwide<\/span>\n    <span><i class=\"fas fa-headset\"><\/i> 24\/7 Chat Support<\/span>\n    <span>\u00a9 Cash Chat Bank \u2014 digital wallet ecosystem<\/span>\n  <\/div>\n<\/div>\n\n<!-- Additional subtle decoration (purple & lemon) -->\n<div style=\"position: fixed; bottom: 20px; right: 20px; opacity: 0.2; pointer-events: none;\">\n  <i class=\"fas fa-comment-dots\" style=\"font-size: 80px; color: var(--lemon-bright);\"><\/i>\n<\/div>\n<\/body>\n<\/html>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Cash Chat Bank | Digital Wallet Cash Chat Bank Smart wallet \u00b7 instant chat banking Create a wallet Login wallet Your money, your rules Secure digital wallet \u2022 instant transactions \u2022 global access Register Wallet 1First name \u2014 exactly as on your ID. 2Last name \u2014 exactly as on your ID. 3Valid email address \u2014 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":14,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":64,"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/pages\/2\/revisions\/64"}],"wp:attachment":[{"href":"https:\/\/cashchat.se\/dir\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}