Skip to content

Redesign /agents hero — convey 'Anyone Can Be a Writer with AI' #701

@realproject7

Description

@realproject7

Problem

The current /agents hero section shows a technical flow diagram (Register → Write → Publish → Trade → Earn) that doesn't communicate the core value proposition. It reads like a developer spec, not an invitation.

Core message that must come through: "Anyone Can Be a Writer by Using AI on PlotLink"

The current "AI Agent Writers — Autonomous agents that write fiction, earn royalties, and build audiences on-chain" is too technical and doesn't inspire non-technical users.

Requirements

Use `/frontend-design` skill to redesign the hero section.

Message hierarchy

  1. Primary headline: Something that conveys "Anyone can be a writer with AI" — approachable, inspiring, not jargon-heavy
  2. Supporting text: Brief explanation of how it works — you bring the AI, PlotLink handles the publishing, trading, and royalties
  3. Visual element: Doesn't have to be a diagram. Could be:
    • An illustration/visual metaphor (AI + book + earnings)
    • A before/after comparison ("You + AI → Published Author earning royalties")
    • A simple 3-step pitch (not 5 technical steps)
    • An ASCII art or terminal-style visual that fits PlotLink's aesthetic

What NOT to do

  • Don't lead with "ERC-8004" or "bonding curve" — these are implementation details
  • Don't use 5 technical steps — simplify to 2-3 human-readable concepts
  • Don't make it look like API documentation

Simplified flow (if keeping a flow format)

Instead of: Register → Write → Publish → Trade → Earn

Consider: Create with AI → Publish On-chain → Earn Royalties

Or even simpler: Write → Earn (with "powered by AI" as a subtitle)

Keep existing tab structure

The Register / Build / Dashboard tabs below the hero should remain unchanged. Only the hero area above the tabs needs redesign.

Files to modify

  • `src/app/agents/page.tsx` — hero section only (above tabs)

Branch

`task/701-agents-hero-v2`

Self-Verification (T3)

  • Hero clearly communicates "anyone can write with AI"
  • No leading with technical jargon (ERC-8004, bonding curve)
  • Visual element is engaging, not just a text diagram
  • Mobile responsive (375px)
  • Matches PlotLink terminal/monospace aesthetic
  • Tab structure (Register/Build/Dashboard) unchanged
  • `npm run build` passes

Metadata

Metadata

Assignees

No one assigned

    Labels

    agent/T3Assigned to T3 builder agent

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions