diff --git a/apps/web/src/components/demo/DemoFlow.tsx b/apps/web/src/components/demo/DemoFlow.tsx
index 9a8c96a..0e60ed1 100644
--- a/apps/web/src/components/demo/DemoFlow.tsx
+++ b/apps/web/src/components/demo/DemoFlow.tsx
@@ -133,7 +133,16 @@ export function DemoFlow() {
           borderBottom: '1px solid var(--rule)',
         }}
       >
-        <div style={{ display: 'flex', alignItems: 'center', gap: 16 }}>
+        <a
+          href="/"
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            gap: 16,
+            textDecoration: 'none',
+            color: 'inherit',
+          }}
+        >
           <Wordmark size={20} />
           <span style={{ width: 1, height: 18, background: 'var(--rule-strong)' }} />
           <span
@@ -145,7 +154,7 @@ export function DemoFlow() {
           >
             build your path
           </span>
-        </div>
+        </a>
         <div style={{ display: 'flex', alignItems: 'center', gap: 14 }}>
         <span className="lk-demo-steps" style={{ display: 'inline-flex', alignItems: 'center', gap: 14 }}>
           {[0, 1, 2, 3, 4].map((i) => (
diff --git a/apps/web/src/components/layout/Footer.tsx b/apps/web/src/components/layout/Footer.tsx
index 378a91c..f53a04f 100644
--- a/apps/web/src/components/layout/Footer.tsx
+++ b/apps/web/src/components/layout/Footer.tsx
@@ -59,7 +59,9 @@ export function Footer() {
           }}
         >
           <div className="lk-footer-brand">
-            <Wordmark size={20} />
+            <a href="/" style={{ textDecoration: 'none', color: 'inherit', display: 'inline-flex' }}>
+              <Wordmark size={20} />
+            </a>
             <p
               style={{
                 fontSize: 13,
diff --git a/apps/web/src/components/layout/Nav.tsx b/apps/web/src/components/layout/Nav.tsx
index 38aaf9c..bf77cac 100644
--- a/apps/web/src/components/layout/Nav.tsx
+++ b/apps/web/src/components/layout/Nav.tsx
@@ -62,7 +62,9 @@ export function Nav() {
         gap: open ? 0 : undefined,
       }}
     >
-      <Wordmark size={22} />
+      <a href="/" style={{ textDecoration: 'none', color: 'inherit', display: 'inline-flex' }}>
+        <Wordmark size={22} />
+      </a>
 
       {/* Desktop links */}
       <div className="lk-nav-links" style={{ display: 'flex', alignItems: 'center', gap: 28, fontSize: 13.5, color: 'var(--ink-soft)' }}>