diff --git a/public/img/user-logos/datum.svg b/public/img/user-logos/datum.svg
new file mode 100644
index 00000000..e2ec5587
--- /dev/null
+++ b/public/img/user-logos/datum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="141" height="39" fill="none" viewBox="0 0 141 39"><path fill="#c49d9d" d="M14.42 0c-.552 0-1.002.449-1.002 1.003v9.8c0 .553.449.978 1.003.978l4.76.025c1.965 0 3.838.768 5.273 2.16 1.444 1.403 2.25 3.255 2.273 5.217a7.4 7.4 0 0 1-2.157 5.33 7.4 7.4 0 0 1-5.305 2.215h-.085c-1.962-.023-3.813-.829-5.216-2.272-1.393-1.434-2.183-3.308-2.183-5.274v-4.816c0-.552-.427-.948-.98-.948H1.003c-.553 0-1.003.394-1.003.948v9.8C0 24.72.45 25.2 1.003 25.2h7.734c1.04 0 1.71-.015 2.262.06.734.1 1.225.309 1.596.678.372.37.58.863.68 1.597.074.554.143 1.223.143 2.264v7.732c0 .553.394 1.087.948 1.087h4.9c2.2 0 4.361-.454 6.422-1.182 7.683-2.716 12.845-10.017 12.845-18.168S33.371 3.814 25.688 1.096A19.2 19.2 0 0 0 19.267 0z"/><path fill="#64748b" d="M126.003 16.465h-.036l-.814 10.408h-2.231L123.736 14h3.382l4.677 9.95 4.749-9.95h3.311l.814 12.873h-2.231l-.814-10.408h-.036l-4.783 10.408h-2.001zm-7.037 4.883q0 1.558-.478 2.674a4.65 4.65 0 0 1-1.363 1.806q-.885.708-2.16 1.045-1.257.318-2.833.318t-2.851-.318q-1.257-.337-2.143-1.045a4.65 4.65 0 0 1-1.363-1.806q-.478-1.116-.478-2.674V14h2.514v7.171q0 .797.177 1.505.178.69.655 1.222.478.53 1.311.832.849.3 2.178.301 1.328 0 2.16-.3.85-.303 1.328-.833.477-.53.655-1.222a6.2 6.2 0 0 0 .177-1.505V14h2.514zM93.13 16.16h-5.755V14h14.024v2.16h-5.755v10.713H93.13zM77.214 14h2.868l6.25 12.873h-2.655l-1.346-2.957h-7.419l-1.363 2.957h-2.674zm4.126 7.755-2.692-5.736-2.691 5.736zM53.766 14h6.197q1.523 0 2.85.354 1.347.336 2.338 1.098.99.743 1.558 1.965.584 1.205.584 2.94 0 1.646-.53 2.868a5.5 5.5 0 0 1-1.488 2.036q-.957.814-2.284 1.222-1.329.39-2.922.39h-6.303zm5.064 10.712q1.611 0 2.727-.247 1.133-.248 1.841-.78a3 3 0 0 0 1.045-1.345q.336-.814.336-1.948 0-1.186-.336-1.983a2.9 2.9 0 0 0-1.063-1.31q-.708-.495-1.841-.709-1.134-.23-2.71-.23h-2.55v8.552z"/></svg>
\ No newline at end of file
diff --git a/public/img/user-logos/fedimint.png b/public/img/user-logos/fedimint.png
new file mode 100644
index 00000000..53c7c75d
Binary files /dev/null and b/public/img/user-logos/fedimint.png differ
diff --git a/public/img/user-logos/rayfish.png b/public/img/user-logos/rayfish.png
new file mode 100644
index 00000000..ddc0b02e
Binary files /dev/null and b/public/img/user-logos/rayfish.png differ
diff --git a/src/app/page.jsx b/src/app/page.jsx
index 18c3e1d6..a8a14065 100644
--- a/src/app/page.jsx
+++ b/src/app/page.jsx
@@ -20,6 +20,7 @@ import logoSwift from '@/images/language-logos/swift.svg';
 import logoJavascript from '@/images/language-logos/node.svg';
 import logoKotlin from '@/images/language-logos/kotlin.svg';
 import logoPython from '@/images/language-logos/python.svg';
+import logoGo from '@/images/language-logos/go.svg';
 import { CodeBlockTabs } from '@/components/CodeBlockTabs';
 
 export const metadata = {
@@ -34,6 +35,7 @@ const languages = [
   { name: 'JavaScript', logo: logoJavascript, href: 'https://docs.iroh.computer/languages/javascript' },
   { name: 'Kotlin', logo: logoKotlin, href: 'https://docs.iroh.computer/languages/kotlin' },
   { name: 'Python', logo: logoPython, href: 'https://docs.iroh.computer/languages/python' },
+  { name: 'Go', logo: logoGo, href: 'https://docs.iroh.computer/languages/go' },
 ];
 
 const platforms = [
@@ -177,6 +179,12 @@ export default function Page() {
               <h3 className='text-5xl font-bold mb-2'>How are people using iroh?</h3>
             </div>
             <div className='grid gap-6 md:grid-cols-2'>
+              <Link href="/solutions/vpn" className="block h-full">
+                <div className="h-full p-6 border border-irohGray-300 dark:border-irohGray-700 rounded-lg hover:border-irohPurple-500 transition-colors">
+                  <p className="text-xl font-medium text-irohGray-800 dark:text-irohGray-100 mb-2">Remote Access</p>
+                  <p className="text-irohGray-600 dark:text-irohGray-300">Embed direct, encrypted connections right in your app and create tunnels for remote access instead of third-party VPNs.</p>
+                </div>
+              </Link>
               <Link href="/solutions/distributed-ai" className="block h-full">
                 <div className="h-full p-6 border border-irohGray-300 dark:border-irohGray-700 rounded-lg hover:border-irohPurple-500 transition-colors">
                   <p className="text-xl font-medium text-irohGray-800 dark:text-irohGray-100 mb-2">Distributed AI Training</p>
@@ -275,6 +283,7 @@ export default function Page() {
                     { logo: logoJavascript, name: 'JavaScript' },
                     { logo: logoKotlin, name: 'Kotlin' },
                     { logo: logoPython, name: 'Python' },
+                    { logo: logoGo, name: 'Go' },
                   ].map(({ logo, name }) => (
                     <Image
                       key={name}
diff --git a/src/app/solutions/page.jsx b/src/app/solutions/page.jsx
index 6d7d4b4c..50d2daf9 100644
--- a/src/app/solutions/page.jsx
+++ b/src/app/solutions/page.jsx
@@ -10,6 +10,13 @@ export const metadata = {
 }
 
 const solutions = [
+  {
+    category: "Networking",
+    company: "VPN Alternative",
+    headline: "Reach Any Device, No VPN Required",
+    description: "Teams are replacing Tailscale, WireGuard, and reverse SSH tunnels with iroh to reach devices directly, with no coordination server to run.",
+    href: "/solutions/vpn",
+  },
   {
     category: "AI/ML",
     company: "Distributed AI",
diff --git a/src/app/solutions/vpn/page.jsx b/src/app/solutions/vpn/page.jsx
new file mode 100644
index 00000000..9ce01dd5
--- /dev/null
+++ b/src/app/solutions/vpn/page.jsx
@@ -0,0 +1,276 @@
+import { Button } from "@/components/Button"
+import { ContactButton } from "@/components/ContactButton"
+import { HeaderSparse } from '@/components/HeaderSparse'
+import { FooterMarketing } from "@/components/FooterMarketing"
+import { ConnectDevicesIllustration } from "@/components/ConnectDevicesIllustration"
+import Link from "next/link"
+import { KeyRound, Wifi, Shield, Package } from "lucide-react"
+
+export const metadata = {
+  title: 'Iroh as a VPN Alternative',
+  description: 'How teams use iroh in place of Tailscale, WireGuard, and reverse SSH tunnels to reach devices directly.',
+}
+
+const comparison = [
+  { feature: "Embeds directly in your app", iroh: true, other: false },
+  { feature: "No separate client to install", iroh: true, other: false },
+  { feature: "NAT & firewall traversal", iroh: true, other: true },
+  { feature: "End-to-end encrypted by default", iroh: true, other: true },
+  { feature: "Whole-device network overlay", iroh: false, other: true },
+]
+
+const builtWithIroh = [
+  {
+    name: "TunTun",
+    description: "Open-source mesh networking. Connect your machines into a private network, wherever they are.",
+    href: "https://github.com/orielhaim/TunTun",
+  },
+  {
+    name: "Pigeons",
+    description: "SSH to any machine without an IP address, behind a NAT or firewall, without port forwarding or VPN setup.",
+    href: "https://github.com/n0-computer/pigeons",
+  },
+  {
+    name: "Rayfish",
+    description: "Your own private network. No servers, no setup.",
+    href: "https://rayfish.xyz/",
+  },
+]
+
+function Mark({ value, accent = false }) {
+  if (value) {
+    return (
+      <svg
+        viewBox="0 0 20 20"
+        fill="none"
+        aria-label="yes"
+        className={`mx-auto h-6 w-6 ${accent ? "text-irohPurple-500" : "text-irohGray-500 dark:text-irohGray-400"}`}
+      >
+        <path d="m4 10 4 4 8-8" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" />
+      </svg>
+    )
+  }
+  return (
+    <svg
+      viewBox="0 0 20 20"
+      fill="none"
+      aria-label="no"
+      className="mx-auto h-5 w-5 text-irohGray-400 dark:text-irohGray-600"
+    >
+      <path d="m5 5 10 10M15 5 5 15" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+    </svg>
+  )
+}
+
+export default function VPNUseCasePage() {
+  return (
+    <div>
+      <HeaderSparse />
+
+      <div className="min-h-screen transition-colors font-space bg-irohGray-50 dark:bg-black text-irohGray-700 dark:text-irohGray-100">
+        {/* Hero Section */}
+        <section className="py-24 px-6 border-b border-irohGray-300 dark:border-irohGray-800">
+          <div className="container mx-auto max-w-6xl pt-12">
+            <div className="grid lg:grid-cols-2 gap-16 items-center">
+              <div>
+                <p className="text-irohPurple-500 font-medium mb-4 uppercase tracking-wide">Use Case: Networking</p>
+                <h1 className="text-5xl md:text-6xl mb-6 leading-tight font-bold">
+                  Zero-trust connectivity 
+                </h1>
+                <p className="text-xl text-irohGray-600 dark:text-irohGray-300 mb-8 leading-relaxed">
+                  Teams are replacing Tailscale, WireGuard, and reverse SSH tunnels with iroh&mdash;dial
+                  a device&apos;s public key and get a direct, encrypted connection. No coordination
+                  server to run, no ports to open, no third-party app to install.
+                </p>
+                <div className="flex gap-4 flex-wrap">
+                  <Link href="https://docs.iroh.computer/quickstart">
+                    <Button arrow="none" className="bg-irohGray-800 hover:bg-irohGray-700 text-irohPurple-500 px-6 py-2 text-sm font-medium cursor-pointer uppercase">
+                      Get Started
+                    </Button>
+                  </Link>
+                  <ContactButton source="vpn-hero" arrow="none" variant="outline" className="border-irohGray-300 dark:border-irohGray-600 px-6 py-2 text-sm font-medium cursor-pointer bg-transparent">
+                    Talk to Us
+                  </ContactButton>
+                </div>
+              </div>
+              <div className="flex justify-center">
+                <ConnectDevicesIllustration className="w-full max-w-lg" />
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* Comparison */}
+        <section className="py-20 px-6 border-t border-irohGray-300 dark:border-irohGray-800">
+          <div className="container mx-auto max-w-4xl">
+            <div className="text-center mb-12">
+              <p className="text-irohPurple-500 font-medium mb-3 uppercase tracking-wide text-sm">Why iroh</p>
+              <h2 className="text-4xl font-bold">iroh vs. Tailscale & WireGuard</h2>
+            </div>
+            <div className="overflow-x-auto">
+              <table className="w-full border-collapse">
+                <thead>
+                  <tr className="border-b border-irohGray-300 dark:border-irohGray-700">
+                    <th className="py-4 px-4 text-left text-sm uppercase tracking-wide text-irohGray-600 dark:text-irohGray-400 font-medium"></th>
+                    <th className="py-4 px-4 text-center text-sm uppercase tracking-wide text-irohPurple-500 font-bold">iroh</th>
+                    <th className="py-4 px-4 text-center text-sm uppercase tracking-wide text-irohGray-600 dark:text-irohGray-400 font-medium">Tailscale / WireGuard</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {comparison.map((row) => (
+                    <tr
+                      key={row.feature}
+                      className="border-b border-irohGray-200 dark:border-irohGray-800"
+                    >
+                      <td className="py-4 px-4 font-medium">{row.feature}</td>
+                      <td className="py-4 px-4 text-center"><Mark value={row.iroh} accent /></td>
+                      <td className="py-4 px-4 text-center"><Mark value={row.other} /></td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+            <p className="text-sm text-irohGray-600 dark:text-irohGray-400 mt-6 text-center">
+              Iroh connects your app&apos;s own devices directly&mdash;it&apos;s not a general-purpose
+              replacement for joining a whole network of unrelated machines.
+            </p>
+          </div>
+        </section>
+
+        {/* The Problem */}
+        <section className="py-20 px-6 border-t border-irohGray-300 dark:border-irohGray-800">
+          <div className="container mx-auto max-w-4xl">
+            <h2 className="text-3xl font-bold mb-6">The Problem: VPNs Are Infrastructure You Didn&apos;t Want to Own</h2>
+            <p className="text-lg text-irohGray-600 dark:text-irohGray-300 mb-6 leading-relaxed">
+              Reaching a device that isn&apos;t sitting on the public internet usually means standing up
+              a VPN: a coordination server to run and secure, client software to distribute, and firewall
+              rules to get right. Or it means reverse SSH tunnels and all the operational shenanigans
+              that come with them.
+            </p>
+            <div className="bg-irohGray-100 dark:bg-irohGray-800 p-6 rounded-lg mb-6">
+              <p className="text-xl font-medium text-irohGray-800 dark:text-irohGray-100 italic">
+                &ldquo;It&apos;s Tailscale, but as a library. Instead of standing up VPN
+                infrastructure&mdash;coordination servers, client software, all the network
+                shenanigans&mdash;we dial a device&apos;s public key directly from inside our own app
+                and get a direct, encrypted connection.&rdquo;
+              </p>
+            </div>
+            <p className="text-lg text-irohGray-600 dark:text-irohGray-300 leading-relaxed">
+              But what if your app could just dial the other device directly&mdash;no separate network
+              to join, no client to install, no infrastructure to babysit?
+            </p>
+          </div>
+        </section>
+
+        {/* The Solution */}
+        <section className="py-20 px-6 border-t border-irohGray-300 dark:border-irohGray-800">
+          <div className="container mx-auto max-w-6xl">
+            <div className="grid lg:grid-cols-2 gap-16 items-start">
+              <div>
+                <h2 className="text-3xl font-bold mb-6">The Solution: Dial Keys, Not IPs</h2>
+                <p className="text-lg text-irohGray-600 dark:text-irohGray-300 leading-relaxed">
+                  Every iroh node has a public key as its address. To reach a device, you dial that key
+                  directly from inside your own application&mdash;there&apos;s no separate VPN client for
+                  your users to install, and no central network your traffic has to join.
+                </p>
+              </div>
+              <div className="space-y-6">
+                <div className="flex items-start gap-4">
+                  <KeyRound className="h-8 w-8 text-irohPurple-500 shrink-0 mt-1" />
+                  <div>
+                    <h3 className="text-lg font-medium mb-2">Dial Keys, Not IPs</h3>
+                    <p className="text-irohGray-600 dark:text-irohGray-300">
+                      Every node has a cryptographic identity. Connect to a device by its public key, wherever it is.
+                    </p>
+                  </div>
+                </div>
+                <div className="flex items-start gap-4">
+                  <Wifi className="h-8 w-8 text-irohPurple-500 shrink-0 mt-1" />
+                  <div>
+                    <h3 className="text-lg font-medium mb-2">Direct Connections</h3>
+                    <p className="text-irohGray-600 dark:text-irohGray-300">
+                      Iroh punches through NATs and firewalls automatically to connect devices directly.
+                    </p>
+                  </div>
+                </div>
+                <div className="flex items-start gap-4">
+                  <Shield className="h-8 w-8 text-irohPurple-500 shrink-0 mt-1" />
+                  <div>
+                    <h3 className="text-lg font-medium mb-2">Encrypted by Default</h3>
+                    <p className="text-irohGray-600 dark:text-irohGray-300">
+                      Every connection is end-to-end encrypted, so your platform can&apos;t see or modify traffic between devices.
+                    </p>
+                  </div>
+                </div>
+                <div className="flex items-start gap-4">
+                  <Package className="h-8 w-8 text-irohPurple-500 shrink-0 mt-1" />
+                  <div>
+                    <h3 className="text-lg font-medium mb-2">A Library, Not a Client</h3>
+                    <p className="text-irohGray-600 dark:text-irohGray-300">
+                      Iroh ships inside your app, so the connection is just part of your product&mdash;not a separate piece of software your users manage.
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* Built With Iroh */}
+        <section className="py-20 px-6 border-t border-irohGray-300 dark:border-irohGray-800">
+          <div className="container mx-auto max-w-4xl">
+            <div className="text-center mb-12">
+              <p className="text-irohPurple-500 font-medium mb-3 uppercase tracking-wide text-sm">Built With Iroh</p>
+              <h2 className="text-4xl font-bold">Open Source VPN Solutions</h2>
+            </div>
+            <div className="grid md:grid-cols-3 gap-6">
+              {builtWithIroh.map((project) => (
+                <a
+                  key={project.name}
+                  href={project.href}
+                  className="block p-6 rounded-lg border border-irohGray-300 dark:border-irohGray-700 hover:border-irohPurple-500 transition-colors"
+                >
+                  <h3 className="text-lg font-medium mb-2">{project.name}</h3>
+                  <p className="text-irohGray-600 dark:text-irohGray-300">{project.description}</p>
+                </a>
+              ))}
+            </div>
+          </div>
+        </section>
+
+        {/* CTA */}
+        <section className="py-20 px-6 border-t border-irohGray-300 dark:border-irohGray-800">
+          <div className="container mx-auto max-w-4xl text-center">
+            <h2 className="text-3xl font-bold mb-6">
+              Ready to Skip the VPN Infrastructure?
+            </h2>
+            <p className="text-lg text-irohGray-600 dark:text-irohGray-300 mb-8 leading-relaxed">
+              Get started with iroh in minutes. No complex configuration required.
+            </p>
+            <div className="flex flex-col sm:flex-row gap-4 justify-center">
+              <Link href="https://services.iroh.computer/signup?utm_source=website&utm_content=vpn-cta">
+                <Button
+                  arrow="none"
+                  className="bg-irohGray-800 hover:bg-irohGray-700 text-irohPurple-500 px-8 py-3"
+                >
+                  Sign Up
+                </Button>
+              </Link>
+              <Link href="https://docs.iroh.computer/quickstart">
+                <Button
+                  arrow="none"
+                  variant="outline"
+                  className="border-irohGray-300 dark:border-irohGray-600 hover:bg-irohGray-100 dark:hover:bg-irohGray-800 px-8 py-3 bg-transparent"
+                >
+                  Read the Docs
+                </Button>
+              </Link>
+            </div>
+          </div>
+        </section>
+
+        <FooterMarketing />
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 202e9fc7..dcfd79ba 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -22,6 +22,7 @@ export const navItems = [
     {label: 'Enterprise', href: '/services/enterprise'},
   ]},
   {content: 'Use Cases', href: '/#solutions', dropdown: [
+    {label: 'Remote access', href: '/solutions/vpn'},
     {label: 'Distributed AI', href: '/solutions/distributed-ai'},
     {label: 'Video Streaming', href: '/solutions/rave'},
     {label: 'Real-time Sync', href: '/solutions/delta-chat'},
diff --git a/src/components/home/LogoCloud.jsx b/src/components/home/LogoCloud.jsx
index 2236b78d..936f4e45 100644
--- a/src/components/home/LogoCloud.jsx
+++ b/src/components/home/LogoCloud.jsx
@@ -8,11 +8,15 @@ const companies = [
   { name: "spacedrive", ext: "png", href: "https://www.spacedrive.com" },
   { name: "nous", ext: "png", href: "https://nousresearch.com" },
   { name: "meshllm", ext: "svg", imgClassName: "max-h-12 grayscale", href: "https://meshllm.cloud" },
-  { name: "strada", ext: "png", label: "Strada", href: "https://strada.tech" },
+  { name: "strada", ext: "png", label: "strada", labelClassName: "font-black", imgClassName: "max-h-6", href: "https://strada.tech" },
   { name: "paycode", ext: "svg", href: "https://www.paycode.com.mx" },
   { name: "rave", ext: "png", href: "https://rave.io" },
   { name: "delta_chat", ext: "png", href: "https://delta.chat" },
-  { name: "ottomatic", ext: "png", label: "Ottomatic", href: "https://ottomatic.io" },
+  { name: "ottomatic", ext: "png", label: "Ottomatic", imgClassName: "max-h-6", href: "https://ottomatic.io" },
+  { name: "rayfish", ext: "png", label: "Rayfish", imgClassName: "max-h-6", href: "https://rayfish.xyz" },
+  { name: "outl", label: "Outl", href: "https://outl.app" },
+  { name: "datum", ext: "svg", href: "https://www.datum.net" },
+  { name: "fedimint", ext: "png", href: "https://fedimint.org" },
 ];
 
 // interface LogoCloudProps {
@@ -69,27 +73,28 @@ export function LogoCloud({ speed = 0.85, height = 100 }) {
         {/* Scroller container */}
         <div ref={scrollerRef} className="flex w-full h-full overflow-hidden">
           <div ref={innerScrollerRef} className="flex animate-scroll whitespace-nowrap">
-            {companies.map(({ name, ext, imgClassName, label, href }, index) => (
+            {companies.map(({ name, ext, imgClassName, label, labelClassName, href }, index) => (
               <a
                 key={`${name}-${index}`}
                 href={href}
                 target="_blank"
                 rel="noopener noreferrer"
-                style={{ height, width: height * (label ? 2 : 1.4) }}
-                className="flex items-center justify-center gap-2.5 px-4 transition-opacity hover:opacity-70"
+                style={{ height, width: label ? undefined : height * 1.4 }}
+                className={`flex items-center justify-center ${label && ext ? 'gap-1' : 'gap-2.5'} px-4 transition-opacity hover:opacity-70`}
               >
-                {label ? (
-                  <span className="text-2xl font-bold text-irohGray-500 dark:text-irohGray-400">{label}</span>
-                ) : (
+                {ext && (
                   <ThemeImage
                     alt={`${name} logo`}
                     darkSrc={`/img/user-logos/${name}.${ext}`}
                     lightSrc={`/img/user-logos/${name}.${ext}`}
-                    width={height * 1.4}
+                    width={label ? height : height * 1.4}
                     height={height}
-                    className={`object-contain w-auto ${imgClassName || 'max-h-12'}`}
+                    className={`object-contain ${label ? 'w-auto flex-shrink-0' : 'w-auto'} ${imgClassName || 'max-h-12'}`}
                   />
                 )}
+                {label && (
+                  <span className={`text-2xl text-irohGray-500 dark:text-irohGray-400 ${labelClassName || 'font-bold'}`}>{label}</span>
+                )}
               </a>
             ))}
           </div>