feat(cripto): onchain builds, terminal contact and web3 socials

- Selected builds: replace Trust Finance and bot-discord with Gnars
  and BuilderDAO (onchain/Nounish contributions)
- Contact: drop the mailto form for a terminal-style window that lists
  onchain socials and opens a Warpcast cast composer as the main CTA
- Socials: LinkedIn out, GitHub/X/Farcaster/PeakD in (centralized in
  contactSocials); remove the exposed email from the footer marquee

Author: louzoshi

app/cripto/_components/CriptoContact.tsx

@@ -1,24 +1,17 @@
-"use client";
-
-import { useState } from "react";
 import Window from "./Window";
+import { contactSocials } from "../_data";
 
-const EMAIL = "matheuslouzadaa@gmail.com";
-
-export default function CriptoContact() {
-  const [name, setName] = useState("");
-  const [from, setFrom] = useState("");
-  const [msg, setMsg] = useState("");
+const fcHandle =
+  contactSocials.find((s) => s.label === "Farcaster")?.handle.replace(/^@/, "") ??
+  "louzoshi";
 
-  const submit = (e: React.FormEvent) => {
-    e.preventDefault();
-    const subject = encodeURIComponent(`Contato onchain — ${name || "sem nome"}`);
-    const body = encodeURIComponent(
-      `${msg}\n\n— ${name}\n${from}`
-    );
-    window.location.href = `mailto:${EMAIL}?subject=${subject}&body=${body}`;
-  };
+// Opens the Warpcast composer with a message already mentioning me —
+// the onchain equivalent of the old contact form.
+const castHref = `https://warpcast.com/~/compose?text=${encodeURIComponent(
+  `gm @${fcHandle} 👋`
+)}`;
 
+export default function CriptoContact() {
   return (
     <section
       id="contato"
@@ -27,71 +20,73 @@ export default function CriptoContact() {
       <div className="max-w-[1160px] mx-auto px-5 py-20 grid md:grid-cols-[0.9fr_1.1fr] gap-10 items-center">
         <div className="text-[var(--c-white)]">
           <p className="c-label mb-3 !text-[var(--c-white)]/70">
-            [ 05 — new_message.exe ]
+            [ 05 — reach_out.sh ]
           </p>
           <h2 className="c-display text-[clamp(30px,5.4vw,58px)]">
             Bora
             <br />
             construir?
           </h2>
           <p className="c-mono text-[13px] leading-[1.7] mt-5 max-w-[360px] text-[var(--c-white)]/80">
-            Colaboração, contribuição ou uma ideia onchain — respondo tudo que
-            for sério.
+            Colaboração, contribuição ou uma ideia onchain? Me acha no Farcaster —
+            ou em qualquer um dos canais aí do lado.
           </p>
-          <div className="flex flex-wrap gap-3 mt-7">
-            <a
-              href="https://github.com/mtlouzada"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="c-tag !border-[var(--c-white)] !text-[var(--c-white)] !bg-transparent"
-            >
-              GITHUB
-            </a>
-            <a
-              href="https://www.linkedin.com/in/matheus-louzadaa/"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="c-tag !border-[var(--c-white)] !text-[var(--c-white)] !bg-transparent"
-            >
-              LINKEDIN
-            </a>
-            <span className="c-tag !border-[var(--c-lime)] !text-[var(--c-lime)] !bg-transparent">
-              LOUZOSHI.ETH
-            </span>
-          </div>
+          <span className="c-tag mt-7 !border-[var(--c-lime)] !text-[var(--c-lime)] !bg-transparent">
+            ◆ LOUZOSHI.ETH
+          </span>
         </div>
 
         <Window
           title="new_message.exe — LOUZOSHI"
           accent="--c-red"
-          bodyClassName="p-6 bg-[var(--c-paper)]"
+          bodyClassName="p-6 bg-[var(--c-void)]"
         >
-          <form onSubmit={submit} className="flex flex-col gap-4">
-            <div className="grid grid-cols-2 gap-4">
-              <input
-                className="c-field"
-                placeholder="nome"
-                value={name}
-                onChange={(e) => setName(e.target.value)}
-              />
-              <input
-                className="c-field"
-                type="email"
-                placeholder="you@email.com"
-                value={from}
-                onChange={(e) => setFrom(e.target.value)}
-              />
+          <div className="c-mono text-[12.5px] leading-[1.85] text-[var(--c-white)]">
+            <p>
+              <span className="text-[var(--c-lime)]">&gt;</span> whoami
+            </p>
+            <p className="text-[var(--c-white)]/60 mb-3">louzoshi.eth</p>
+
+            <p>
+              <span className="text-[var(--c-lime)]">&gt;</span> socials --list
+            </p>
+            <div className="mt-1 mb-3">
+              {contactSocials.map((s) => (
+                <a
+                  key={s.label}
+                  href={s.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="group flex items-center gap-2 py-0.5 hover:text-[var(--c-lime)] transition-colors"
+                >
+                  <span className="w-[92px] shrink-0 text-[var(--c-white)]/40 lowercase">
+                    {s.label}
+                  </span>
+                  <span className="text-[var(--c-white)]/85 group-hover:text-[var(--c-lime)] transition-colors">
+                    {s.handle}
+                  </span>
+                  <span className="ml-auto opacity-0 group-hover:opacity-100 transition-opacity">
+                    ↗
+                  </span>
+                </a>
+              ))}
             </div>
-            <textarea
-              className="c-field min-h-[110px] resize-y"
-              placeholder="conta a ideia..."
-              value={msg}
-              onChange={(e) => setMsg(e.target.value)}
-            />
-            <button type="submit" className="c-btn c-btn-red self-start">
-              Enviar mensagem →
-            </button>
-          </form>
+
+            <p className="flex items-center">
+              <span className="text-[var(--c-lime)]">&gt;</span>
+              <span className="ml-2">reach_out</span>
+              <span className="blink" />
+            </p>
+          </div>
+
+          <a
+            href={castHref}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="c-btn c-btn-red mt-5"
+          >
+            Cast @{fcHandle} ↗
+          </a>
         </Window>
       </div>
     </section>

app/cripto/_components/CriptoFooter.tsx

@@ -1,9 +1,10 @@
 import Link from "next/link";
 import Ticker from "./Ticker";
+import { contactSocials } from "../_data";
 
 const footerItems = [
   "LET'S BUILD SOMETHING",
-  "MATHEUSLOUZADAA@GMAIL.COM",
+  "SKATE OR DAO",
   "LOUZOSHI.ETH",
   "ART",
   "TECH",
@@ -24,22 +25,17 @@ export default function CriptoFooter() {
           <Link href="/" className="hover:text-[var(--c-lime)] transition-colors">
             ← Portfólio
           </Link>
-          <a
-            href="https://github.com/mtlouzada"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="hover:text-[var(--c-lime)] transition-colors"
-          >
-            GitHub
-          </a>
-          <a
-            href="https://www.linkedin.com/in/matheus-louzadaa/"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="hover:text-[var(--c-lime)] transition-colors"
-          >
-            LinkedIn
-          </a>
+          {contactSocials.map((s) => (
+            <a
+              key={s.label}
+              href={s.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="hover:text-[var(--c-lime)] transition-colors"
+            >
+              {s.label}
+            </a>
+          ))}
         </div>
         <p className="c-mono text-[10px] tracking-[0.1em] text-[var(--c-white)]/50 w-full md:w-auto">
           © {new Date().getFullYear()} MATHEUS LOUZADA · ONCHAIN MODE

app/cripto/_data.ts

@@ -65,19 +65,19 @@ export const contributions: Contribution[] = [
   },
   {
     index: "03",
-    title: "Trust Finance",
-    meta: ".NET · REACT",
-    role: "Autor",
-    href: "https://github.com/mtlouzada/Trust-Finance",
+    title: "Gnars",
+    meta: "SKATE DAO · ONCHAIN",
+    role: "Contribuidor",
+    href: "https://gnars.com",
     accent: "--c-teal",
     font: "display",
   },
   {
     index: "04",
-    title: "bot-discord",
-    meta: "NODE · DISCORD API",
-    role: "Autor",
-    href: "https://github.com/mtlouzada/bot-discord",
+    title: "BuilderDAO",
+    meta: "NOUNS BUILDER · DAO",
+    role: "Contribuidor",
+    href: "https://nouns.build",
     accent: "--c-lime",
     font: "mono",
   },
@@ -122,3 +122,17 @@ export const disciplines = {
     ],
   },
 };
+
+// Onchain-native socials (used in the crypto contact terminal + footer).
+export const contactSocials = [
+  { label: "GitHub", handle: "mtlouzada", href: "https://github.com/mtlouzada" },
+  // TODO: confirmar handle do X (assumido: louzoshi)
+  { label: "X", handle: "@louzoshi", href: "https://x.com/louzoshi" },
+  // TODO: confirmar handle do Farcaster (assumido: louzoshi)
+  {
+    label: "Farcaster",
+    handle: "@louzoshi",
+    href: "https://warpcast.com/louzoshi",
+  },
+  { label: "PeakD", handle: "@louzoshi", href: "https://peakd.com/@louzoshi" },
+];