+
{tab.body}
diff --git a/src/components/HeaderSparse.jsx b/src/components/HeaderSparse.jsx
index 23cf4174..f34f53fc 100644
--- a/src/components/HeaderSparse.jsx
+++ b/src/components/HeaderSparse.jsx
@@ -85,9 +85,9 @@ export function HeaderSparse() {
function handleScroll() {
const navbar = document.getElementById('navbar');
if (window.scrollY > 0) {
- navbar.classList.add('bg-irohGray-50', 'shadow-md', 'dark:bg-irohGray-900');
+ navbar.classList.add('bg-white', 'shadow-md', 'dark:bg-irohGray-900');
} else {
- navbar?.classList.remove('bg-irohGray-50', 'shadow-md', 'dark:bg-irohGray-900');
+ navbar?.classList.remove('bg-white', 'shadow-md', 'dark:bg-irohGray-900');
}
}
@@ -100,7 +100,7 @@ export function HeaderSparse() {
return (
diff --git a/src/components/PaycodePCIDiagram.jsx b/src/components/PaycodePCIDiagram.jsx
index 8c1c1992..e7edefb0 100644
--- a/src/components/PaycodePCIDiagram.jsx
+++ b/src/components/PaycodePCIDiagram.jsx
@@ -154,7 +154,7 @@ export function PaycodePCIDiagram({ className }) {
const pciHeight = 230
return (
-
+
{/* ---- PCI Compliance Boundary ---- */}
Date: Mon, 13 Apr 2026 19:25:57 -0700
Subject: [PATCH 4/5] add iot page
---
src/app/solutions/iot/page.jsx | 130 ++++++++++++++++++++++++++++
src/app/solutions/page.jsx | 7 ++
src/components/DiscoveryDiagram.jsx | 129 +++++++++++++++++++++++++++
src/components/Header.jsx | 1 +
4 files changed, 267 insertions(+)
create mode 100644 src/app/solutions/iot/page.jsx
create mode 100644 src/components/DiscoveryDiagram.jsx
diff --git a/src/app/solutions/iot/page.jsx b/src/app/solutions/iot/page.jsx
new file mode 100644
index 00000000..2839e076
--- /dev/null
+++ b/src/app/solutions/iot/page.jsx
@@ -0,0 +1,130 @@
+import { Button } from "@/components/Button"
+import { HeaderSparse } from '@/components/HeaderSparse'
+import { FooterMarketing } from "@/components/FooterMarketing"
+import Link from "next/link"
+import { DiscoveryDiagram } from "@/components/DiscoveryDiagram"
+
+export const metadata = {
+ title: 'Iroh for IoT & Embedded Devices',
+ description: 'Connect embedded devices directly with iroh. Run on ESP32, Raspberry Pi, and Linux. No brokers, no gateways.',
+}
+
+const devices = [
+ { name: "Raspberry Pi", note: "Fully supported" },
+ { name: "ESP32", note: "4 MiB flash / 2 MiB RAM" },
+ { name: "Linux SBCs", note: "x86_64 and ARM" },
+ { name: "FreeRTOS", note: "Microcontroller-class" },
+]
+
+export default function IoTUseCasePage() {
+ return (
+
+
+
+
+ {/* Hero */}
+
+
+
IoT & Embedded
+
+ Connect every device, everywhere
+
+
+ Run iroh on ESP32, Raspberry Pi, and Linux with the same API.
+ No brokers, no gateways.
+
+
+
+ Get Started
+
+
+
+ Talk to Us
+
+
+
+
+
+ {/* Discovery */}
+
+
+
+
+
Automatic Discovery
+
Devices find each other
+
+ Power on a device and it announces itself on the local network.
+ Peers connect directly over Wi-Fi, Ethernet, or Bluetooth — no
+ broker, no manual pairing, no cloud round-trip.
+
+
+
+
+
+
+
+ {/* Device Support */}
+
+
+
From microcontroller to cloud
+
+ The same API runs across the full range of hardware a connected product touches.
+
+
+ {devices.map((device) => (
+
+
{device.name}
+
{device.note}
+
+ ))}
+
+
+ See the full{" "}
+
+
+
+ {/* CTA */}
+
+
+
+ Ship devices that just work
+
+
+
+ Read the Docs
+
+
+
+ Talk to Us
+
+
+
+
+
+
+
+
+ ESP32
+
+)
+
+const RaspberryPi = ({ x, y }) => (
+
+ Raspberry Pi
+
+)
+
+const Phone = ({ x, y }) => (
+
+ Phone
+
+)
+
+// Expanding discovery ring
+const Ripple = ({ cx, cy, delay, color }) => (
+
+
+)
+
+// Animated connection line that fades in
+const Connection = ({ x1, y1, x2, y2, delay, color }) => (
+
+
+
+
+
+
+)
+
+const IrohBadge = ({ x, y }) => (
+
+
+ iroh
+
+
+)
+
+export function DiscoveryDiagram({ className }) {
+ const centerX = (A.x + B.x + C.x) / 3
+ const centerY = (A.y + B.y + C.y) / 3
+
+ return (
+
+
+
+ {/* Discovery ripples — each device broadcasts */}
+
+ LOCAL DISCOVERY
+
+
+ devices find each other on the network
+
+
+
+
+
+
IoT & Embedded Devices
+
Run iroh on ESP32, Raspberry Pi, and Linux with the same API. Devices discover each other automatically — no brokers, no gateways.
+
+
+
+