From 0df416b8425779e0cf8fe64b95bf7d7b60aae062 Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Thu, 5 Feb 2026 14:00:52 +0700 Subject: [PATCH] fix(website): simplify landing page and improve UX --- packages/website/src/routes/index.tsx | 195 ++++++++++++-------------- 1 file changed, 91 insertions(+), 104 deletions(-) diff --git a/packages/website/src/routes/index.tsx b/packages/website/src/routes/index.tsx index dc45483a9..601ff0e69 100644 --- a/packages/website/src/routes/index.tsx +++ b/packages/website/src/routes/index.tsx @@ -1,5 +1,6 @@ +import * as React from 'react' import { createFileRoute } from '@tanstack/react-router' -import { CursorFieldProvider, FloatingButterfly } from '~/components/butterfly' +import { CursorFieldProvider } from '~/components/butterfly' import '~/styles.css' export const Route = createFileRoute('/')({ @@ -27,51 +28,7 @@ function Home() {
- {/* Left side butterflies - facing right */} - - - - - {/* Right side butterflies - facing left */} - - - -
+
) @@ -188,7 +162,7 @@ function Feature({ }) { return (
-

{title}

+

{title}

{description}

) @@ -238,12 +212,73 @@ function Step({ } function CodeBlock({ children }: { children: React.ReactNode }) { + const [copied, setCopied] = React.useState(false) + const text = typeof children === 'string' ? children : '' + + function handleCopy() { + navigator.clipboard.writeText(text) + setCopied(true) + setTimeout(() => setCopied(false), 2000) + } + return ( -
+
$ {children}
+ +
+ ) +} + +function Story() { + return ( +
+

+ I've been using Claude Code since launch. Once I realized I could check + on agents from my phone, I started spending a lot more time outside + instead of waiting at my desk. I'd SSH into Tmux from Termux on Android. + It worked, but the UX was rough. Dictation was bad, the keyboard was + awkward, and the infamous scroll bug meant starting over constantly. +

+

+ Anthropic and OpenAI added coding agents to their mobile apps, but they + force you into cloud sandboxes where you lose your whole setup. I also + like testing different agents, so locking myself to a single harness or + model wasn't an option. Other apps exist but I wasn't happy with their + UX, security, or business model. +

+

+ So I built my own. It became good enough that it felt obvious it should + exist for others too. +

) } @@ -251,7 +286,7 @@ function CodeBlock({ children }: { children: React.ReactNode }) { function FAQ() { return (
-

FAQ

+

FAQ

Paseo is free and open source. It wraps CLI tools like Claude Code and @@ -270,35 +305,7 @@ function FAQ() { There isn't one. The app and server are free and open source, and - that's not changing. I built this for myself. If I find a way to - sustain it that benefits everyone, I'll consider it. - - -

- I've been using Claude Code since launch. Early on I started SSHing - into Tmux from Termux on Android so I could check on agents during - my long walks. It worked, but the UX was rough. Dictation was bad, - the keyboard was awkward, and the{' '} - - infamous scroll bug - {' '} - meant starting over constantly. -

-

- Anthropic and OpenAI added coding agents to their mobile apps, but - they force you into cloud sandboxes where you lose your whole setup. - Other apps exist but I wasn't happy with their UX, security, or - business model. -

-

- So I built my own. It became good enough that it felt obvious it - should exist for others too. -

+ that's not changing. I built this for myself. I won't pretend this can't be misused. But for me it means less time @@ -334,23 +341,3 @@ function FAQItem({ ) } -function Footer() { - return ( - - ) -}