Link pattern boxes to corresponding chipotle examples (#30)

* Link pattern boxes to corresponding chipotle examples on GitHub

* Remove design prototypes

---------

Co-authored-by: Chris Cassano <chris@litprotocol.com>

Author: clawdbot-glitch003

src/app/prototypes/1/page.tsx

@@ -43,22 +43,29 @@ if (Number(price.data.amount) * Number(ratio) < threshold) {
   Lit.Actions.setResponse({ response: tx.hash });
 }`;
 
+const EXAMPLES_BASE =
+  'https://github.com/LIT-Protocol/chipotle/tree/main/examples';
+
 const patterns = [
   {
     k: 'Cross-chain token',
     v: 'Lit checks burn events on one chain and signs the matching mint on another — permissionless bridging, any chain.',
+    href: `${EXAMPLES_BASE}/cross-chain-token`,
   },
   {
     k: 'Custom price oracle',
     v: 'Aggregate any combination of CEX + DEX feeds, sign once, deliver to multiple chains.',
+    href: `${EXAMPLES_BASE}/multi-source-price-oracle`,
   },
   {
     k: 'Prediction market resolver',
     v: 'Poll one or more LLMs in a TEE, sign the consensus, post it on-chain — no UMA, no dispute window.',
+    href: `${EXAMPLES_BASE}/prediction-market-oracle`,
   },
   {
     k: 'Compliance-gated transfers',
     v: 'Lit Action screens every recipient against a sanctions list before signing — flagged wallets simply can’t receive.',
+    href: `${EXAMPLES_BASE}/compliance-transfer-gate`,
   },
 ];
 
@@ -155,16 +162,19 @@ const LandingHowItWorks = () => {
           </div>
           <div className="grid md:grid-cols-2 gap-4 max-w-5xl mx-auto">
             {patterns.map((p) => (
-              <div
+              <a
                 key={p.k}
-                className="rounded-xl border border-white/10 p-6 flex items-start gap-4 hover:border-mint-500/40 transition bg-white/[0.02]"
+                href={p.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="rounded-xl border border-white/10 p-6 flex items-start gap-4 hover:border-mint-500/40 transition bg-white/[0.02] no-underline text-inherit"
               >
                 <div className="font-mono text-mint-500 text-sm mt-1">→</div>
                 <div>
                   <div className="font-medium text-lg">{p.k}</div>
                   <div className="text-white/60 text-sm mt-1">{p.v}</div>
                 </div>
-              </div>
+              </a>
             ))}
           </div>
         </Container>