From 2b9f4e8b3f716d2ee9c0314ed42db85189f8e4fc Mon Sep 17 00:00:00 2001 From: Codex Date: Wed, 18 Feb 2026 14:48:47 +0000 Subject: [PATCH] update: improve landing page sections --- src/views/pages.js | 90 +++++++++++++++++++++++++++++++--------------- 1 file changed, 61 insertions(+), 29 deletions(-) diff --git a/src/views/pages.js b/src/views/pages.js index c3e1820..ae44c96 100644 --- a/src/views/pages.js +++ b/src/views/pages.js @@ -81,41 +81,73 @@ function renderLandingPage({ authenticated, userId }) { title: "XArtAudio | Turn X Articles into Audiobooks", content: ` ${nav({ authenticated, userId })} -
-
- Webhook-first automation -

From X Article to audiobook in one mention.

-

Mention the bot under a long-form X Article. We verify it, convert it, and return an access-controlled public link.

-
${primaryCta}See Product
-

Caller pays generation credits. Non-owners can unlock permanently with the same credit amount.

-
-
-
-

Live flow

-
    -
  1. User mentions @YourBot on article thread
  2. -
  3. Webhook validates article + charges credits
  4. -
  5. Audio generated and linked publicly
  6. -
  7. Others sign in and unlock access if needed
  8. -
+
+
+
+
+

Live flow

+
    +
  • User mentions @YourBot
  • +
  • Webhook charges credits
  • +
  • Audio generated
  • +
  • Unlock & Listen
  • +
+
+
+
+ Webhook-first automation +

From X Article to audiobook.

+

Mention the bot under a long-form X Article. We verify it, convert it, and return an access-controlled public link.

+
+ ${primaryCta} + See Product +
+

Caller pays credits. ID: ${escapeHtml(userId || 'guest')}

-
-

For creators

Call the bot from X and track generated audiobooks in your dashboard.

-

For listeners

Open a public link, authenticate, then unlock once for permanent access.

-

For teams

Credit ledger, idempotent webhooks, and predictable per-article pricing.

+
+
+
+

For creators

+

Call the bot from X and track generated audiobooks in your dashboard.

+
+
+
+
+

For listeners

+

Open a public link, authenticate, then unlock once for permanent access.

+
+
+
+
+

For teams

+

Credit ledger, idempotent webhooks, and predictable per-article pricing.

+
+
-
-
-

Pricing logic

-

1 credit up to 25,000 chars, then +1 credit for each additional 10,000 chars.

-
-
Included
25k chars
-
Step
10k
-
Max size
120k
+
+
+

Pricing logic

+

1 credit up to 25,000 chars, then +1 credit for each additional 10,000 chars.

+
+
+
Included
+
25k chars
+
Base cost
+
+
+
Step
+
10k chars
+
Additional cost
+
+
+
Max size
+
120k chars
+
Hard limit
+