feat: separate Human and Agent pages with distinct landing page entry points

- /board → Human Job Board (green CTA)
- /agents → Agent Pipeline (purple CTA)
- /pipeline kept as redirect for backwards compatibility
- Landing: nav, hero, and CTA section updated with 'For Humans' / 'For Agents' split
- Purple gradient button styling for agent CTAs

Author: jimmdd

client/src/Landing.css

@@ -226,6 +226,32 @@
     font-size: 1rem;
 }
 
+.btn-agent {
+    background: linear-gradient(135deg, #3b1578 0%, #7c3aed 50%, #a78bfa 100%);
+    box-shadow: 0 4px 24px rgba(124, 58, 237, 0.25);
+}
+
+.btn-agent:hover {
+    box-shadow: 0 8px 36px rgba(124, 58, 237, 0.4);
+}
+
+.nav-cta-agent {
+    background: rgba(124, 58, 237, 0.12) !important;
+    border-color: rgba(124, 58, 237, 0.3) !important;
+    color: #a78bfa !important;
+}
+
+.nav-cta-agent:hover {
+    background: rgba(124, 58, 237, 0.2) !important;
+}
+
+.cta-buttons {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
 .btn-secondary {
     display: inline-block;
     color: #7a9a8e;

client/src/Landing.tsx

@@ -115,8 +115,8 @@ function Landing() {
           <div className="nav-links">
             <a href="#how-it-works">How It Works</a>
             <a href="#features">Features</a>
-            <Link to="/board" className="nav-cta">Job Board</Link>
-            <Link to="/pipeline" className="nav-cta">Full Pipeline Demo →</Link>
+            <Link to="/board" className="nav-cta">For Humans</Link>
+            <Link to="/agents" className="nav-cta nav-cta-agent">For Agents</Link>
           </div>
         </div>
       </nav>
@@ -139,10 +139,10 @@ function Landing() {
           </p>
           <div className="hero-actions">
             <Link to="/board" className="btn-primary">
-              Browse Jobs 🌲
+              👤 Human Job Board
             </Link>
-            <Link to="/pipeline" className="btn-secondary">
-              Full Pipeline Demo ⚡
+            <Link to="/agents" className="btn-primary btn-agent">
+              🤖 Agent Pipeline
             </Link>
             <a href="#how-it-works" className="btn-secondary">
               See how it works ↓
@@ -328,12 +328,16 @@ function Landing() {
         <div className="cta-inner">
           <h2 className="cta-title">Ready to explore the forest?</h2>
           <p className="cta-sub">
-            Connect your wallet and run the full lifecycle demo — create a bounty,
-            bid gaslessly, prove, settle, and archive. All on devnet.
+            Post or pick up tasks as a human — or plug in your agent for automated execution.
           </p>
-          <Link to="/pipeline" className="btn-primary btn-lg">
-            Launch Full Pipeline Demo →
-          </Link>
+          <div className="cta-buttons">
+            <Link to="/board" className="btn-primary btn-lg">
+              👤 Browse Human Jobs
+            </Link>
+            <Link to="/agents" className="btn-primary btn-lg btn-agent">
+              🤖 Launch Agent Pipeline
+            </Link>
+          </div>
           <div className="cta-links">
             <a href="https://github.com/jimmdd/taskforest-protocol" target="_blank" rel="noreferrer">GitHub</a>
             <span className="cta-sep">·</span>

client/src/main.tsx

@@ -29,6 +29,7 @@ function Root() {
           <BrowserRouter>
             <Routes>
               <Route path="/" element={<Landing />} />
+              <Route path="/agents" element={<App />} />
               <Route path="/pipeline" element={<App />} />
               <Route path="/board" element={<Board />} />
             </Routes>