From fa29cc881e34f7be9c4ae7590e8b77b28ea5a77a Mon Sep 17 00:00:00 2001
From: jayteemoney <Jethroirmiya@gmail.com>
Date: Wed, 23 Sep 2026 15:33:36 +0100
Subject: [PATCH] fix(frontend): make landing and token copy match what the
 protocol does

- Remove STX from streamable-token lists: native STX is not SIP-010 and
  the contract only transfers SIP-010 tokens. FAQ now says so.
- 'By the second' -> 'by the block': funds accrue per Stacks block.
- Grants card claimed unearned funds 'stay in your wallet'; they are held
  by the contract and returned on cancel.
- Token picker: sBTC name 'Stacks BTC' -> 'sBTC' and ALEX -> 'ALEX Token'
  to match on-chain get-name; sBTC described as a 1:1 Bitcoin-backed asset.
---
 frontend/src/components/landing/faq.tsx              | 2 +-
 frontend/src/components/landing/features.tsx         | 4 ++--
 frontend/src/components/landing/hero.tsx             | 6 +++---
 frontend/src/components/landing/live-stream-card.tsx | 6 +++---
 frontend/src/components/landing/who-its-for.tsx      | 6 +++---
 frontend/src/lib/constants.ts                        | 6 +++---
 6 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/landing/faq.tsx b/frontend/src/components/landing/faq.tsx
index 22882da..7360ee3 100644
--- a/frontend/src/components/landing/faq.tsx
+++ b/frontend/src/components/landing/faq.tsx
@@ -16,7 +16,7 @@ const faqs = [
   },
   {
     q: "Which tokens can I stream?",
-    a: "sBTC, STX, USDA, ALEX, xBTC, or any SIP-010 token. If it follows the SIP-010 standard on Stacks, you can stream it by the second.",
+    a: "sBTC, USDA, ALEX, xBTC, or any SIP-010 token. If it follows the SIP-010 standard on Stacks, you can stream it block by block. Native STX isn't a SIP-010 token, so it can't be streamed directly.",
   },
   {
     q: "Is my money safe while it's streaming?",
diff --git a/frontend/src/components/landing/features.tsx b/frontend/src/components/landing/features.tsx
index 817bb18..958136a 100644
--- a/frontend/src/components/landing/features.tsx
+++ b/frontend/src/components/landing/features.tsx
@@ -48,8 +48,8 @@ const features = [
     icon: Coins,
     title: "Stream any asset",
     points: [
-      "sBTC, STX, USDA, ALEX, or any SIP-010 token",
-      "Stream real Bitcoin, by the second",
+      "sBTC, USDA, ALEX, xBTC, or any SIP-010 token",
+      "Stream Bitcoin-backed sBTC, block by block",
     ],
   },
   {
diff --git a/frontend/src/components/landing/hero.tsx b/frontend/src/components/landing/hero.tsx
index b7ce82a..83d60f9 100644
--- a/frontend/src/components/landing/hero.tsx
+++ b/frontend/src/components/landing/hero.tsx
@@ -43,7 +43,7 @@ export function Hero() {
           transition={{ duration: 0.5, delay: 0.1 }}
           className="text-2xl sm:text-4xl md:text-5xl lg:text-7xl font-bold tracking-tight leading-[1.1]"
         >
-          <span className="text-zinc-100">Pay by the second.</span>
+          <span className="text-zinc-100">Pay by the block.</span>
           <br />
           <span className="gradient-text">Settled on Bitcoin.</span>
         </motion.h1>
@@ -57,8 +57,8 @@ export function Hero() {
         >
           StackStream turns payroll, grants, and subscriptions into a live stream
           of money. Recipients earn every block and claim whenever they want, and
-          senders keep every token that isn&apos;t earned yet. Stream sBTC, STX, or
-          any token on Stacks. Settlement inherits Bitcoin finality.
+          senders keep every token that isn&apos;t earned yet. Stream sBTC or any
+          SIP-010 token on Stacks. Settlement inherits Bitcoin finality.
         </motion.p>
 
         {/* CTAs */}
diff --git a/frontend/src/components/landing/live-stream-card.tsx b/frontend/src/components/landing/live-stream-card.tsx
index e874638..bd1f28d 100644
--- a/frontend/src/components/landing/live-stream-card.tsx
+++ b/frontend/src/components/landing/live-stream-card.tsx
@@ -9,7 +9,7 @@ const DURATION_SECONDS = 30 * 24 * 60 * 60; // 30 days
 const RATE_PER_SECOND = DEPOSIT / DURATION_SECONDS; // ~0.0000000386 sBTC/sec
 const BASE_EARNED = 0.05734829; // ~57% streamed
 
-const TOKENS = ["sBTC", "STX", "USDA", "ALEX"];
+const TOKENS = ["sBTC", "USDA", "ALEX", "xBTC"];
 
 export function LiveStreamCard() {
   // Start from the same value on server and first client paint to avoid a
@@ -81,13 +81,13 @@ export function LiveStreamCard() {
 
       {/* Friendly caption */}
       <p className="mt-4 text-sm leading-relaxed text-zinc-400">
-        This is real money landing every second. No invoice, no waiting for
+        This is real money landing every block. No invoice, no waiting for
         payday, and they can cash out the moment they want.
       </p>
 
       {/* Any token */}
       <div className="mt-5 flex flex-wrap items-center gap-1.5 border-t border-border/60 pt-4">
-        <span className="mr-1 text-xs text-zinc-500">Stream any token:</span>
+        <span className="mr-1 text-xs text-zinc-500">Stream any SIP-010 token:</span>
         {TOKENS.map((t) => (
           <span
             key={t}
diff --git a/frontend/src/components/landing/who-its-for.tsx b/frontend/src/components/landing/who-its-for.tsx
index db48b3f..ee55cd4 100644
--- a/frontend/src/components/landing/who-its-for.tsx
+++ b/frontend/src/components/landing/who-its-for.tsx
@@ -43,7 +43,7 @@ const segments = [
       "Share your address, agree an amount and a length — done",
       "Balance ticks up live while you build; pull it anytime",
       "No invoice, no chasing, no 30-day wait",
-      "Get paid in sBTC, STX, or any token you choose",
+      "Get paid in sBTC or any SIP-010 token you choose",
     ],
   },
   {
@@ -53,7 +53,7 @@ const segments = [
     points: [
       "Stream a grant across the whole project, not one lump sum",
       "Builders earn steadily as they ship",
-      "Unearned funds stay in your wallet to pause or pull back",
+      "Unearned funds stay yours: pause the stream or cancel to pull them back",
       "No escrow agent, no awkward refunds — we fund our work this way",
     ],
   },
@@ -66,7 +66,7 @@ const steps = [
     headline: "Set it up once",
     points: [
       "Choose who you are paying",
-      "Pick any token — sBTC, STX, or your own",
+      "Pick a token — sBTC, USDA, or any SIP-010 token",
       "Set the amount and how long it runs",
     ],
   },
diff --git a/frontend/src/lib/constants.ts b/frontend/src/lib/constants.ts
index cb7e594..608196e 100644
--- a/frontend/src/lib/constants.ts
+++ b/frontend/src/lib/constants.ts
@@ -122,12 +122,12 @@ export interface TokenConfig {
 const MAINNET_TOKENS: readonly TokenConfig[] = [
   {
     symbol: "sBTC",
-    name: "Stacks BTC",
+    name: "sBTC",
     decimals: 8,
     contractId: "SM3VDXK3WZZSA84XXFKAFAF15NNZX32CTSG82JFQ4.sbtc-token",
     ftName: "sbtc-token",
     icon: "/bitcoin.svg",
-    description: "Native Bitcoin on Stacks — the flagship streaming token",
+    description: "1:1 Bitcoin-backed asset on Stacks — the flagship streaming token",
   },
   {
     symbol: "USDA",
@@ -140,7 +140,7 @@ const MAINNET_TOKENS: readonly TokenConfig[] = [
   },
   {
     symbol: "ALEX",
-    name: "ALEX",
+    name: "ALEX Token",
     decimals: 8,
     contractId: "SP102V8P0F7JX67ARQ77WEA3D3CFB5XW39REDT0AM.token-alex",
     ftName: "alex",