index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Faishal Wahiduddin — Founding CTO · Hands-on AI Engineering Leader</title>
  <meta name="description" content="Founding CTO · Hands-on AI Engineering Leader — AI-native systems, VLM/multimodal AI, LLM evals, n8n automation. Consulting: faishal.id" />
  <link rel="canonical" href="https://faishalwahiduddin.github.io/" />
  <style>
    :root { --bg:#0f1115; --fg:#f4f4f5; --muted:#a1a1aa; --accent:#f97316; }
    * { box-sizing: border-box; }
    body { margin:0; min-height:100vh; display:grid; place-items:center; font-family: ui-sans-serif, system-ui, sans-serif; background: radial-gradient(1200px 600px at 20% 0%, #1c1917, var(--bg)); color:var(--fg); padding:2rem; }
    main { max-width:40rem; }
    h1 { font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.15; margin:0 0 .75rem; }
    p { color:var(--muted); line-height:1.55; margin:0 0 1.25rem; }
    .links { display:flex; flex-wrap:wrap; gap:.75rem; }
    a { color:var(--bg); background:var(--accent); text-decoration:none; padding:.7rem 1rem; border-radius:.5rem; font-weight:600; }
    a.secondary { background:transparent; color:var(--fg); border:1px solid #3f3f46; }
  </style>
</head>
<body>
  <main>
    <h1>Faishal Wahiduddin</h1>
    <p>Founding CTO · Hands-on AI Engineering Leader. AI-native systems, VLM/multimodal AI, LLM evaluation, and n8n automation.</p>
    <p>You don't have an AI problem — you have a strategy problem.</p>
    <div class="links">
      <a href="https://faishalwahiduddin.com">Career site</a>
      <a class="secondary" href="https://faishal.id">Consulting · Discovery call</a>
      <a class="secondary" href="https://github.com/faishalwahiduddin">GitHub</a>
      <a class="secondary" href="https://linkedin.com/in/faishalwahiduddin">LinkedIn</a>
    </div>
  </main>
</body>
</html>