From 609aaecf56cdd19a5e92fe4c9a75261c16f3679b Mon Sep 17 00:00:00 2001 From: Codex Date: Wed, 18 Feb 2026 15:07:35 +0000 Subject: [PATCH] update: redesign landing page --- src/views/pages.js | 156 ++++++++++++++++++++++++++------------------- 1 file changed, 89 insertions(+), 67 deletions(-) diff --git a/src/views/pages.js b/src/views/pages.js index fe4f49e..49ce0a6 100644 --- a/src/views/pages.js +++ b/src/views/pages.js @@ -150,79 +150,101 @@ function nav({ authenticated, userId }) { function renderLandingPage({ authenticated, userId }) { const primaryCta = authenticated - ? `Open Dashboard` - : `Start Free`; + ? `Open Dashboard` + : `
+ Start for Free + Learn more +
`; return shell({ title: "XArtAudio | Turn X Articles into Audiobooks", content: ` - ${nav({ authenticated, userId })} -
-
-
-
-

Live flow

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

    + Listen to X Articles. +

    +

    + Mention our bot under any long-form X post. We'll convert it to audio and send you a link instantly. +

    + ${primaryCta} +

    No credit card required for trial • ${escapeHtml(userId ? `Logged in as @${userId}` : "Public access valid")}

    +
    + +
    +
    +

    How it works

    +

    Three simple steps to turn reading into listening.

    +
    + +
    +
    +
    +
    + +
    +

    1. Mention the bot

    +

    Reply to any long article on X with @XArtAudio.

    +
    +
    +
    +
    +
    + +
    +

    2. Processing

    +

    Our webhook verifies the article and generates high-quality audio.

    +
    +
    +
    +
    +
    + +
    +

    3. Listen

    +

    Receive a link to your audiobook. Listen anywhere, anytime.

    +
    +
    +
    +
    + +
    +
    +

    Simple Pricing

    +

    Pay only for what you convert. Credits never expire.

    +
    + +
    +
    +
    +

    Pay-as-you-go

    +
    $1 / 25k chars
    +
      +
    • High-quality Neural Voices
      • +
    • Permanent Storage
      • +
    • Shareable Links
    + Get Started
    -
    -
    - 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.

    -
    -
    -
    - -
    -
    -

    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
    +
    +

    Credit Logic

    +
    +
    + Base (up to 25k chars) + 1 credit +
    +
    + Additional 10k chars + +1 credit +
    +
    + Maximum article size + 120k chars +
    +