improve the homepage based on feedback

[okdistribute]

A pass over the homepage (src/app/page.jsx) for clarity and polish. Branched off latest main (so it keeps the /services/hosting link and other recently-merged changes).

Hero

• Subheadings become a checklist (purple SquareCheck markers).
• Added a readability scrim — a gradient that's opaque under the text and fades to reveal the animated grid behind it (the grid was making the copy hard to read).

Platform strip

• A centered row of platform logos: Raspberry Pi, Espressif, Linux, Windows, Apple, Android, Cloudflare, AWS, Azure. Monochrome simple-icons (CC0), recolored via CSS mask so they follow the text color in light/dark.

"Reach every device, on any network"

• Replaces the 3-tab feature scroller (HomeFeatureTabs) with a single section: the cost-savings graphic (OpenSourceIllustration) + a heading/subhead/4-bullet layout.

"How are people using iroh?"

• Now a 2-column card grid (was confusing full-width rows), logos removed, with a new File Transfer & Sync card. (Its link is a placeholder → https://docs.iroh.computer; needs a real target.)

Deploy, Monitor, Fix

• Three dense paragraphs → three scannable bullets (Deploy. / Monitor. / Fix.).

Start building

• Per-language code tabs (Swift / Rust / JavaScript / Kotlin) instead of a single Rust sample. New CodeBlockTabs component; snippets follow the real iroh-ffi APIs.

Lint clean; verified rendering locally.

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
iroh-computer	Ready	Preview, Comment	Jun 19, 2026 12:09am

[rklaehn]

I do like having the platform/language/arch icons first. Maybe we can link the language icons to the relevant package repositories where possible.

I think the "testimonial bar" with black background looks a bit rough. Or is that only in preview?

The old "users" scrolling bar was outdated and not clickable, but I think there is some value in having the logos of some of our customers visible somewhere on the front page. They are not big logos, but some of them (nous, delta.chat) do have some name recognition, and we want to show that this is being used in production in multiple segments.

In general the language and platofrm icons are great, but the cloud provider icons don't really make that much sense to me. What is this supposed to mean? Iroh works if put on an ec2 instance? Yeah, sure. But that isn't really that special...

[okdistribute]

@rklaehn thank you!

1. linked language icons to the relevant docs pages since they are more comprehensive getting started guides, and then also linked to the package repos
2. removed the 3 cloud provider icons, but this is here because sometimes these tools only work with one provider so was making it clear it's provider agnostic. but maybe we don't need to worry about that for our audience.
3. logos from customers are not recognizable, I am not sure it's helping as much as the cards that list the use cases (and each use case is highlighting a customer inside it). I'd like to wait until we have some logos from customers that are known
4. the testimonial background needs a light mode good point

[b5]

Hero:

• the visibility scrim is too heavy-handed. Please remove
• The checklist is too much. Let's replace it with "Add Zero-Trust peer-to-peer connectivity to your app, agent, or workflow", dropping the other two bullet points. It's a smaller change, but I think we'll experiment with swapping some refined version of this language as the main headline next week.

Supported Platforms

• we are missing Python from the list of supported langauges, both in the list, and in the lower down example code
• I disagree that swapping the logo farm with the supported platforms is the right call. We need real world use to always land right after the hero
• But the supported platforms is fantastic. Let's add the words "Works with your language & platform low power to high" (language improvements welcome), and make the support it's own section, coming after the quote section break

Other

• I disagree that the visual break of the quote section is harsh. The entire page now looks anemic & unopinionated. There is a way to make it less harsh, but this isn't it. Please revert so we cam merge other changes.