From 75278ef730b6656b5a44f282e30c0c148178eab1 Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Wed, 25 Feb 2026 16:45:19 -0800
Subject: [PATCH] feat: update hero title and move feature shortcuts to banner

Update headline to "Capture Everything, Find Anything, and Share your
Insights" with emphasis on Share. Move the three action buttons (Open
Notebook, Unlock Article, Transcribe) from header into the hero banner,
replacing the old Create Notebook / Quick Note buttons.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/app/page.tsx          | 31 +++++++++++++++++++++++--------
 src/components/Header.tsx | 35 -----------------------------------
 2 files changed, 23 insertions(+), 43 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b12ae6b..848d97a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,10 +34,10 @@ export default function HomePage() {
         <div className="max-w-4xl mx-auto text-center">
           <h1 className="text-3xl md:text-5xl font-bold mb-4">
             <span className="bg-gradient-to-r from-amber-400 to-orange-500 bg-clip-text text-transparent">
-              Capture Everything
+              Capture Everything, Find Anything,
             </span>
             <br />
-            <span className="text-white">Find Anything</span>
+            <span className="text-white">and <em>Share</em> your Insights</span>
           </h1>
           <p className="text-base md:text-lg text-slate-400 mb-6 md:mb-8 max-w-2xl mx-auto">
             Notes, clips, voice recordings, and live transcription — all in one place.
@@ -45,16 +45,31 @@ export default function HomePage() {
           </p>
           <div className="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4">
             <Link
-              href="/notebooks/new"
-              className="w-full sm:w-auto px-6 py-3 bg-amber-500 hover:bg-amber-400 text-black font-semibold rounded-lg transition-colors text-center"
+              href="/opennotebook"
+              className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 bg-amber-500 hover:bg-amber-400 text-black font-semibold rounded-lg transition-colors"
             >
-              Create Notebook
+              <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
+              </svg>
+              Open Notebook
             </Link>
             <Link
-              href="/notes/new"
-              className="w-full sm:w-auto px-6 py-3 border border-slate-700 hover:border-slate-600 text-white rounded-lg transition-colors text-center"
+              href="/notes/new?type=CLIP"
+              className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 border border-green-500/30 hover:border-green-400/50 text-green-400 hover:text-green-300 font-semibold rounded-lg transition-colors"
             >
-              Quick Note
+              <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z" />
+              </svg>
+              Unlock Article
+            </Link>
+            <Link
+              href="/notes/new?type=AUDIO"
+              className="w-full sm:w-auto flex items-center justify-center gap-2 px-6 py-3 border border-violet-500/30 hover:border-violet-400/50 text-violet-400 hover:text-violet-300 font-semibold rounded-lg transition-colors"
+            >
+              <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" />
+              </svg>
+              Transcribe
             </Link>
           </div>
         </div>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index bde49f5..9c05e6e 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,6 +1,5 @@
 'use client';
 
-import Link from 'next/link';
 import { AppSwitcher } from './AppSwitcher';
 import { SpaceSwitcher } from './SpaceSwitcher';
 import { SearchBar } from './SearchBar';
@@ -56,40 +55,6 @@ export function Header({ current = 'notes', breadcrumbs, actions, maxWidth = 'ma
           <SearchBar />
         </div>
 
-        {/* Feature shortcuts */}
-        <div className="hidden lg:flex items-center gap-1.5 flex-shrink-0">
-          <Link
-            href="/opennotebook"
-            className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-slate-400 hover:text-amber-400 hover:bg-amber-500/10 rounded-lg transition-colors"
-            title="Open Notebook"
-          >
-            <svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
-            </svg>
-            Open Notebook
-          </Link>
-          <Link
-            href="/notes/new?type=CLIP"
-            className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-slate-400 hover:text-green-400 hover:bg-green-500/10 rounded-lg transition-colors"
-            title="Unlock a paywalled article"
-          >
-            <svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z" />
-            </svg>
-            Unlock Article
-          </Link>
-          <Link
-            href="/notes/new?type=AUDIO"
-            className="flex items-center gap-1.5 px-2.5 py-1.5 text-xs font-medium text-slate-400 hover:text-violet-400 hover:bg-violet-500/10 rounded-lg transition-colors"
-            title="Record and transcribe a voice note"
-          >
-            <svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z" />
-            </svg>
-            Transcribe
-          </Link>
-        </div>
-
         {/* Right: Actions + UserMenu */}
         <div className="flex items-center gap-2 md:gap-3 flex-shrink-0">
           {actions}