From 2d1d94a72abab3dcc9cd9243db2328af2228d4c6 Mon Sep 17 00:00:00 2001
From: alloynetworks <bharath@ipublications.net>
Date: Mon, 20 Apr 2026 13:24:22 +0300
Subject: [PATCH] update numbers

---
 src/components/XahauAbout.astro      | 30 +++++++++++------------
 src/components/XahauAboutEs.astro    |  2 +-
 src/components/XahauAboutJa.astro    |  2 +-
 src/components/XahauFeatures.astro   | 36 ++++++++++++++--------------
 src/components/XahauFeaturesJa.astro | 36 ++++++++++++++--------------
 src/components/XahauHome.astro       |  9 ++++++-
 src/components/XahauRoadmap.astro    | 36 ++++++++++++++--------------
 7 files changed, 79 insertions(+), 72 deletions(-)

diff --git a/src/components/XahauAbout.astro b/src/components/XahauAbout.astro
index efeab66..a4207d3 100644
--- a/src/components/XahauAbout.astro
+++ b/src/components/XahauAbout.astro
@@ -25,7 +25,7 @@ const videoId = '4pruN6sWJho'
     </div>
     <div class="xa-chips">
       <span class="xa-chip">Est. October 2023</span>
-      <span class="xa-chip">100k+ Accounts</span>
+      <span class="xa-chip">200k+ Accounts</span>
       <span class="xa-chip">~4s Settlement</span>
       <span class="xa-chip">10k tx / ledger</span>
     </div>
@@ -208,8 +208,8 @@ const videoId = '4pruN6sWJho'
 
 <style>
   /* ══════════════════════════════════════════════════════════════════════════
-               Design tokens — mirrors XahauFeatures exactly
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Design tokens — mirrors XahauFeatures exactly
+              ══════════════════════════════════════════════════════════════════════════ */
   .xabout {
     --ink: #0f2328;
     --dim: #2d3e44;
@@ -235,8 +235,8 @@ const videoId = '4pruN6sWJho'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Page header
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Page header
+              ══════════════════════════════════════════════════════════════════════════ */
   .xa-head {
     display: flex;
     justify-content: space-between;
@@ -277,8 +277,8 @@ const videoId = '4pruN6sWJho'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Acts
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Acts
+              ══════════════════════════════════════════════════════════════════════════ */
   .xa-act {
     padding-top: 52px;
   }
@@ -313,8 +313,8 @@ const videoId = '4pruN6sWJho'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Labels
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Labels
+              ══════════════════════════════════════════════════════════════════════════ */
   .xa-lbl {
     display: inline-block;
     font-family: ui-monospace, monospace;
@@ -340,8 +340,8 @@ const videoId = '4pruN6sWJho'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Statement sections
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Statement sections
+              ══════════════════════════════════════════════════════════════════════════ */
   .xa-statement {
     display: flex;
     align-items: center;
@@ -406,8 +406,8 @@ const videoId = '4pruN6sWJho'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Video section
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Video section
+              ══════════════════════════════════════════════════════════════════════════ */
   .xa-video-section {
     padding: 20px 28px 52px;
   }
@@ -434,8 +434,8 @@ const videoId = '4pruN6sWJho'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Responsive
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Responsive
+              ══════════════════════════════════════════════════════════════════════════ */
   @media (max-width: 900px) {
     .xa-statement {
       flex-direction: column;
diff --git a/src/components/XahauAboutEs.astro b/src/components/XahauAboutEs.astro
index 72ed6ba..91f9524 100644
--- a/src/components/XahauAboutEs.astro
+++ b/src/components/XahauAboutEs.astro
@@ -24,7 +24,7 @@ const videoId = '4pruN6sWJho'
     </div>
     <div class="xa-chips">
       <span class="xa-chip">Est. octubre 2023</span>
-      <span class="xa-chip">100k+ cuentas</span>
+      <span class="xa-chip">200k+ cuentas</span>
       <span class="xa-chip">~4s de liquidación</span>
       <span class="xa-chip">10k tx / ledger</span>
     </div>
diff --git a/src/components/XahauAboutJa.astro b/src/components/XahauAboutJa.astro
index 6fba0b7..40150d8 100644
--- a/src/components/XahauAboutJa.astro
+++ b/src/components/XahauAboutJa.astro
@@ -24,7 +24,7 @@ const videoId = '4pruN6sWJho'
     </div>
     <div class="xa-chips">
       <span class="xa-chip">2023年10月設立</span>
-      <span class="xa-chip">10万以上のアカウント</span>
+      <span class="xa-chip">20万以上のアカウント</span>
       <span class="xa-chip">~4秒で決済</span>
       <span class="xa-chip">10k tx / レジャー</span>
     </div>
diff --git a/src/components/XahauFeatures.astro b/src/components/XahauFeatures.astro
index 9f31c8c..71de0b2 100644
--- a/src/components/XahauFeatures.astro
+++ b/src/components/XahauFeatures.astro
@@ -370,8 +370,8 @@ const { lang = 'en' } = Astro.props
 
 <style>
   /* ══════════════════════════════════════════════════════════════════════════
-               Design tokens
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Design tokens
+              ══════════════════════════════════════════════════════════════════════════ */
   .xfeat {
     --ink: #0f2328;
     --dim: #2d3e44;
@@ -397,8 +397,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Page header
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Page header
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-head {
     display: flex;
     justify-content: space-between;
@@ -439,8 +439,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Acts
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Acts
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-act {
     padding-top: 52px;
   }
@@ -475,8 +475,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Labels
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Labels
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-lbl {
     display: inline-block;
     font-family: ui-monospace, monospace;
@@ -502,8 +502,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Statement sections
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Statement sections
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-statement {
     display: flex;
     align-items: center;
@@ -567,8 +567,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Detail sections — pairs and trios
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Detail sections — pairs and trios
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-pair,
   .xf-trio {
     display: grid;
@@ -618,8 +618,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Solo wide section
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Solo wide section
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-solo {
     padding: 52px 0 52px 28px;
   }
@@ -644,8 +644,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Closing section
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Closing section
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-closing {
     padding: 52px 0 52px 28px;
   }
@@ -670,8 +670,8 @@ const { lang = 'en' } = Astro.props
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Responsive
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Responsive
+              ══════════════════════════════════════════════════════════════════════════ */
   @media (max-width: 900px) {
     .xf-statement {
       flex-direction: column;
diff --git a/src/components/XahauFeaturesJa.astro b/src/components/XahauFeaturesJa.astro
index 3af6c0d..698734c 100644
--- a/src/components/XahauFeaturesJa.astro
+++ b/src/components/XahauFeaturesJa.astro
@@ -258,8 +258,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
 
 <style>
   /* ══════════════════════════════════════════════════════════════════════════
-               Design tokens
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Design tokens
+              ══════════════════════════════════════════════════════════════════════════ */
   .xfeat {
     --ink: #0f2328;
     --dim: #2d3e44;
@@ -285,8 +285,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Page header
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Page header
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-head {
     display: flex;
     justify-content: space-between;
@@ -327,8 +327,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Acts
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Acts
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-act {
     padding-top: 52px;
   }
@@ -363,8 +363,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Labels
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Labels
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-lbl {
     display: inline-block;
     font-family: ui-monospace, monospace;
@@ -390,8 +390,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Statement sections
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Statement sections
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-statement {
     display: flex;
     align-items: center;
@@ -456,8 +456,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Detail sections — pairs and trios
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Detail sections — pairs and trios
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-pair,
   .xf-trio {
     display: grid;
@@ -508,8 +508,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Solo wide section
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Solo wide section
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-solo {
     padding: 52px 0 52px 28px;
   }
@@ -534,8 +534,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Closing section
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Closing section
+              ══════════════════════════════════════════════════════════════════════════ */
   .xf-closing {
     padding: 52px 0 52px 28px;
   }
@@ -560,8 +560,8 @@ import hooksGraphic from '../assets/enterprise/hooks.svg'
   }
 
   /* ══════════════════════════════════════════════════════════════════════════
-               Responsive
-            ══════════════════════════════════════════════════════════════════════════ */
+                 Responsive
+              ══════════════════════════════════════════════════════════════════════════ */
   @media (max-width: 900px) {
     .xf-statement {
       flex-direction: column;
diff --git a/src/components/XahauHome.astro b/src/components/XahauHome.astro
index 2c99222..0e0e47a 100644
--- a/src/components/XahauHome.astro
+++ b/src/components/XahauHome.astro
@@ -54,7 +54,9 @@ const features = [1, 2, 3, 4, 5].map((n) => ({
           <p>{f.desc}</p>
         </div>
       ))}
+    </div>
 
+    <div class="xh-feats-cta">
       <a
         href={getRelativeLocaleUrl(locale, '/features')}
         class="xh-cta xh-cta-grn"
@@ -227,7 +229,12 @@ const features = [1, 2, 3, 4, 5].map((n) => ({
     color: var(--dim);
   }
 
-  /* CTA button inside features grid */
+  /* CTA row below features grid */
+  .xh-feats-cta {
+    margin-top: 28px;
+  }
+
+  /* CTA button */
   .xh-cta {
     display: inline-flex;
     align-items: center;
diff --git a/src/components/XahauRoadmap.astro b/src/components/XahauRoadmap.astro
index bad473b..69154d8 100644
--- a/src/components/XahauRoadmap.astro
+++ b/src/components/XahauRoadmap.astro
@@ -292,11 +292,11 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
 <style>
   .xroadmap {
     /* Xahau palette (aligned with site tokens):
-                   xahau-gray  #0f2328  — dark panel background
-                   xahau-green #5de48c  — bright accent
-                   xahau-green-dark #007b3d — darker accent
-                   xahau-secondary #fad7ae — warm secondary
-                */
+                     xahau-gray  #0f2328  — dark panel background
+                     xahau-green #5de48c  — bright accent
+                     xahau-green-dark #007b3d — darker accent
+                     xahau-secondary #fad7ae — warm secondary
+                  */
     --bg: #0a1619;
     --panel: #0f2328;
     --ink: #e9edf1;
@@ -323,9 +323,9 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
   }
 
   /* === Light theme override ==================================================
-                 Activate by rendering <XahauRoadmap theme="light" />. Rollback is a one-word
-                 prop change in src/pages/roadmap.astro (or remove the prop for the default
-                 "dark"). */
+                   Activate by rendering <XahauRoadmap theme="light" />. Rollback is a one-word
+                   prop change in src/pages/roadmap.astro (or remove the prop for the default
+                   "dark"). */
   .xroadmap.theme-light {
     /* Panel is a warm off-white so cards don't dissolve into the page bg. */
     --bg: #eef2f1;
@@ -339,7 +339,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
     --section-shadow: 0 22px 56px -28px rgba(15, 35, 40, 0.28);
   }
   /* Feature cards: near-white surface + chunky left accent, matching rollouts.
-                 Keeps green as an accent colour instead of a pastel wash. */
+                   Keeps green as an accent colour instead of a pastel wash. */
   .xroadmap.theme-light .xr-feat {
     background: #ffffff;
     border: 1px solid var(--line);
@@ -350,7 +350,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
     background: #ffffff;
   }
   /* Bump tags up a touch — 9px text was fragile on white. Colour stays
-                 per-card-type so status colours (live/pilot/partnership/launch) still apply. */
+                   per-card-type so status colours (live/pilot/partnership/launch) still apply. */
   .xroadmap.theme-light .xr-feat .k,
   .xroadmap.theme-light .xr-roll .k {
     font-size: 10px;
@@ -396,7 +396,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
     border-left-color: var(--teal);
   }
   /* Deepen the status accent colours so tag text and pegs read cleanly on white.
-                 The bright dark-theme palette (teal/violet/rose/green) washes out at small sizes. */
+                   The bright dark-theme palette (teal/violet/rose/green) washes out at small sizes. */
   .xroadmap.theme-light .xr-roll.status-live .k {
     color: #2fa84f;
   }
@@ -987,7 +987,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
   }
 
   /* Per-card quarter badge — hidden on desktop (timeline carries this info)
-                 and shown on mobile where the horizontal arrow is collapsed. */
+                   and shown on mobile where the horizontal arrow is collapsed. */
   .xr-q-badge {
     display: none;
   }
@@ -1024,10 +1024,10 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
   }
 
   /* === Mobile (≤640px) ======================================================
-                 The horizontal timeline metaphor does not survive narrow viewports, so at
-                 phone widths we flip to a linear, stacked card list. The quarter header
-                 row, arrow and column dividers are hidden; every card instead shows its
-                 own period via the .xr-q-badge (populated at build time). */
+                   The horizontal timeline metaphor does not survive narrow viewports, so at
+                   phone widths we flip to a linear, stacked card list. The quarter header
+                   row, arrow and column dividers are hidden; every card instead shows its
+                   own period via the .xr-q-badge (populated at build time). */
   @media (max-width: 640px) {
     .xroadmap {
       padding: 20px 16px 18px;
@@ -1089,7 +1089,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
     }
 
     /* Lanes collapse to a simple block list with a section heading derived
-                   from the existing aria-label (so no extra markup is needed). */
+                     from the existing aria-label (so no extra markup is needed). */
     .xr-lane {
       display: block;
       padding: 0 !important;
@@ -1113,7 +1113,7 @@ const fmtItemPeriod = (item: RoadmapItem): string => {
     }
 
     /* Cards become full-width blocks; drop peg/open-ended/clip glyphs that
-                   only make sense against a horizontal timeline. */
+                     only make sense against a horizontal timeline. */
     .xr-feat,
     .xr-roll {
       display: block !important;