Merge pull request #8 from triggerdotdev/chore/trigger-branding

chore: add Trigger.dev branding to nav and footer

Author: D-K-P

docs/src/app/home.css

@@ -26,8 +26,12 @@
 
 /* NAV */
 .hp-nav { display: flex; align-items: center; justify-content: space-between; max-width: 1080px; margin: 0 auto; padding: 20px 24px; border-bottom: 1px solid var(--hp-border); }
+.hp-nav-left { display: flex; align-items: center; gap: 12px; }
 .hp-wordmark { font-family: var(--hp-mono); font-size: 16px; font-weight: 600; color: var(--hp-text); letter-spacing: -0.02em; }
 .hp-wordmark span { color: var(--hp-accent); }
+.hp-by-trigger { display: flex; align-items: center; gap: 5px; font-family: var(--hp-mono); font-size: 12px; color: var(--hp-text-muted) !important; transition: color 0.15s; }
+.hp-by-trigger:hover { color: var(--hp-text-dim) !important; }
+.hp-by-trigger svg { flex-shrink: 0; }
 .hp-nav-links { display: flex; gap: 24px; font-family: var(--hp-mono); font-size: 14px; }
 
 /* CONTAINER */
@@ -130,7 +134,11 @@
 /* FOOTER */
 .hp-footer { border-top: 1px solid var(--hp-border); padding: 32px 0; margin-top: 48px; }
 .hp-footer-inner { display: flex; align-items: center; justify-content: space-between; font-family: var(--hp-mono); font-size: 13px; color: var(--hp-text-muted); }
-.hp-footer-inner a { color: var(--hp-text-dim); }
+.hp-footer-brand { display: flex; align-items: center; gap: 8px; color: var(--hp-text-dim) !important; transition: color 0.15s; }
+.hp-footer-brand:hover { color: var(--hp-text) !important; }
+.hp-footer-brand svg { flex-shrink: 0; }
+.hp-footer-links { display: flex; align-items: center; gap: 20px; }
+.hp-footer-links a { color: var(--hp-text-dim); }
 
 /* RESPONSIVE */
 @media (max-width: 768px) {

docs/src/app/page.tsx

@@ -85,7 +85,14 @@ export default function HomePage() {
     <div className="hp">
       {/* NAV */}
       <nav className="hp-nav">
-        <div className="hp-wordmark">agent<span>crumbs</span></div>
+        <div className="hp-nav-left">
+          <div className="hp-wordmark">agent<span>crumbs</span></div>
+          <a href="https://trigger.dev" target="_blank" className="hp-by-trigger">
+            by
+            <svg width="14" height="14" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M41.6889 52.2795L60.4195 20L106.839 100H14L32.7305 67.7195L45.9801 75.3312L40.5003 84.7756H80.3387L60.4195 50.4478L54.9396 59.8922L41.6889 52.2795Z" fill="#A8FF53"/></svg>
+            Trigger.dev
+          </a>
+        </div>
         <div className="hp-nav-links">
           <a href="/docs">Docs</a>
           <a href="https://github.com/triggerdotdev/agentcrumbs" target="_blank">GitHub</a>
@@ -272,8 +279,15 @@ export default function HomePage() {
       <footer className="hp-footer">
         <div className="hp-container">
           <div className="hp-footer-inner">
-            <span>MIT License</span>
-            <a href="https://github.com/triggerdotdev/agentcrumbs" target="_blank">GitHub</a>
+            <a href="https://trigger.dev" target="_blank" className="hp-footer-brand">
+              <svg width="18" height="18" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg"><path fillRule="evenodd" clipRule="evenodd" d="M41.6889 52.2795L60.4195 20L106.839 100H14L32.7305 67.7195L45.9801 75.3312L40.5003 84.7756H80.3387L60.4195 50.4478L54.9396 59.8922L41.6889 52.2795Z" fill="#A8FF53"/></svg>
+              Built by Trigger.dev
+            </a>
+            <div className="hp-footer-links">
+              <span>MIT License</span>
+              <a href="/docs">Docs</a>
+              <a href="https://github.com/triggerdotdev/agentcrumbs" target="_blank">GitHub</a>
+            </div>
           </div>
         </div>
       </footer>