<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Umurcan Gorur — Hands-on engineering leader, currently building AI agents</title>
<meta name="description" content="Umurcan Gorur — 29 years writing code. Hands-on engineering leader. Currently building AI agents and exploring how LLMs change the shape of software.">

<meta property="og:title" content="Umurcan Gorur — Hands-on engineering leader">
<meta property="og:description" content="29 years writing code. Currently building AI agents. Open to engineering leadership roles.">
<meta property="og:image" content="https://ugorur.com/pp.jpg">
<meta property="og:url" content="https://ugorur.com">
<meta property="og:type" content="profile">
<meta name="twitter:card" content="summary_large_image">

<link rel="icon" type="image/jpeg" href="/pp.jpg">

<style>
  :root {
    --bg: #15110d;
    --bg-elevated: #1e1813;
    --bg-card: #221a14;
    --border: #2d241c;
    --border-strong: #3d3025;
    --text: #f5ebde;
    --text-muted: #b3a392;
    --text-dim: #7d6f60;
    --accent: #d4a263;
    --accent-bright: #e8b878;
    --accent-glow: rgba(212, 162, 99, 0.15);
    --available-green: #7fb47f;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

  body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI Variable', 'Segoe UI', system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--text);
    background: var(--bg);
    background-image:
      radial-gradient(circle at 80% -10%, var(--accent-glow), transparent 50%),
      radial-gradient(circle at 0% 100%, rgba(212, 162, 99, 0.05), transparent 40%);
    background-attachment: fixed;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'kern', 'liga', 'cv11';
  }

  ::selection { background: var(--accent); color: var(--bg); }

  a {
    color: var(--accent);
    text-decoration: none;
    transition: color 120ms ease, opacity 120ms ease;
  }
  a:hover { color: var(--accent-bright); }

  strong { color: var(--text); font-weight: 600; }

  .container {
    max-width: 880px;
    margin: 0 auto;
    padding: 0 24px;
  }

  /* ------- HERO ------- */
  .hero {
    padding: 80px 0 48px;
  }

  .hero-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 48px;
    align-items: start;
  }

  .hero-text { padding-top: 8px; }

  .available {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--text-muted);
    padding: 5px 12px;
    border: 1px solid var(--border-strong);
    border-radius: 999px;
    margin-bottom: 24px;
    background: rgba(127, 180, 127, 0.06);
  }
  .available::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--available-green);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(127, 180, 127, 0.2);
    animation: pulse 2.4s ease-in-out infinite;
  }
  @keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 3px rgba(127, 180, 127, 0.2); }
    50% { box-shadow: 0 0 0 5px rgba(127, 180, 127, 0.05); }
  }

  h1 {
    font-size: clamp(40px, 6vw, 56px);
    line-height: 1.05;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
  }
  h1 .accent-mark { color: var(--accent); }

  .tagline {
    font-size: 19px;
    line-height: 1.5;
    color: var(--text-muted);
    max-width: 520px;
    margin-bottom: 24px;
  }
  .tagline strong { color: var(--text); }

  .quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    font-size: 14px;
    color: var(--text-muted);
  }
  .quick-links a {
    color: var(--text-muted);
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
  }
  .quick-links a:hover {
    color: var(--accent-bright);
    border-bottom-color: var(--accent);
  }
  .quick-links .sep { color: var(--text-dim); user-select: none; }

  .photo-frame {
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid var(--border-strong);
    box-shadow:
      0 0 0 8px var(--bg-elevated),
      0 20px 60px -20px rgba(212, 162, 99, 0.4);
  }
  .photo-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ------- SECTIONS ------- */
  section {
    padding: 56px 0;
    border-top: 1px solid var(--border);
  }

  .section-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 16px;
    display: inline-block;
  }

  h2 {
    font-size: clamp(24px, 3.5vw, 30px);
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.015em;
    margin-bottom: 20px;
    max-width: 640px;
  }

  .prose p {
    font-size: 17px;
    line-height: 1.7;
    color: var(--text-muted);
    max-width: 640px;
    margin-bottom: 14px;
  }
  .prose p strong { color: var(--text); font-weight: 500; }

  /* ------- WORK ITEMS ------- */
  .work-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 28px;
  }
  .work-item {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 20px 22px;
    transition: border-color 200ms ease, transform 200ms ease;
  }
  .work-item:hover {
    border-color: var(--border-strong);
    transform: translateY(-1px);
  }
  .work-item-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 6px;
    flex-wrap: wrap;
  }
  .work-item-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
  }
  .work-item-title .role { color: var(--accent); font-weight: 500; }
  .work-item-dates {
    font-size: 13px;
    color: var(--text-dim);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .work-item-desc {
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--text-muted);
  }

  /* ------- PRINCIPLES ------- */
  .principles {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 28px;
  }
  .principle {
    padding: 22px 0 22px 22px;
    border-left: 2px solid var(--accent);
  }
  .principle-quote {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--text);
    margin-bottom: 6px;
    letter-spacing: -0.005em;
  }
  .principle-tail {
    font-size: 14.5px;
    line-height: 1.55;
    color: var(--text-muted);
  }

  /* ------- CONTACT ------- */
  .contact-card {
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 28px 30px;
    margin-top: 24px;
  }
  .contact-card .lead {
    font-size: 17px;
    line-height: 1.6;
    color: var(--text-muted);
    margin-bottom: 18px;
  }
  .contact-card .lead strong { color: var(--text); font-weight: 500; }
  .contact-list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    font-size: 15px;
  }
  .contact-list li {
    display: flex;
    gap: 14px;
    align-items: baseline;
  }
  .contact-list .label {
    color: var(--text-dim);
    width: 90px;
    flex-shrink: 0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
  .contact-list .value { color: var(--text); }
  .contact-list a { color: var(--text); border-bottom: 1px solid var(--border-strong); padding-bottom: 1px; }
  .contact-list a:hover { color: var(--accent-bright); border-bottom-color: var(--accent); }

  /* ------- FOOTER ------- */
  footer {
    padding: 32px 0 56px;
    text-align: center;
    color: var(--text-dim);
    font-size: 13px;
    border-top: 1px solid var(--border);
    margin-top: 24px;
  }
  footer .signature {
    font-style: italic;
    color: var(--text-muted);
    margin-bottom: 8px;
  }

  /* ------- RESPONSIVE ------- */
  @media (max-width: 640px) {
    .hero { padding: 56px 0 32px; }
    .hero-grid {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .photo-frame {
      width: 130px;
      height: 130px;
      order: -1;
    }
    section { padding: 44px 0; }
    .contact-card { padding: 22px; }
    .contact-list li { flex-direction: column; gap: 2px; }
    .contact-list .label { width: auto; }
  }
</style>
</head>
<body>

<div class="container">

  <!-- HERO ----------------------------------------------------- -->
  <header class="hero">
    <div class="hero-grid">
      <div class="hero-text">
        <span class="available">Open to engineering leadership roles</span>
        <h1>Umurcan Gorur<span class="accent-mark">.</span></h1>
        <p class="tagline">
          Hands-on engineering leader. <strong>29 years</strong> writing code, started at 8.
          Currently building AI agents and exploring how LLMs change the shape of software.
        </p>
        <div class="quick-links">
          <a href="mailto:mail@ugorur.com">mail@ugorur.com</a>
          <span class="sep">·</span>
          <a href="https://linkedin.com/in/ugorur">LinkedIn</a>
          <span class="sep">·</span>
          <a href="https://github.com/ugorur">GitHub</a>
          <span class="sep">·</span>
          <span>Eskişehir, Turkey · UTC+3</span>
        </div>
      </div>
      <div class="photo-frame">
        <img src="/pp.jpg" alt="Umurcan Gorur" width="180" height="180" loading="eager">
      </div>
    </div>
  </header>

  <!-- NOW ------------------------------------------------------ -->
  <section id="now">
    <span class="section-label">Now</span>
    <h2>What I'm building right now</h2>
    <div class="prose">
      <p>
        I'm building <strong>AI agents</strong> in my evenings — exploring how LLMs change
        the shape of software when treated as real operators inside workflows, not as
        autocomplete.
      </p>
      <p>
        I'm also in the market for the next chapter — an engineering leadership role
        at a company on a trajectory I'd be proud to have shaped. Remote globally,
        or relocation to <strong>USA (Texas)</strong>, <strong>Japan</strong>, or
        <strong>South Korea</strong>.
      </p>
    </div>
  </section>

  <!-- STORY ---------------------------------------------------- -->
  <section id="story">
    <span class="section-label">How I got here</span>
    <h2>The curious kid never left.</h2>
    <div class="prose">
      <p>
        At <strong>3</strong>, I took my father's screwdriver and opened a cassette
        player while it was plugged in. I electrocuted myself trying to understand
        how it worked. That instinct hasn't changed.
      </p>
      <p>
        At <strong>8</strong>, my father plugged a dialup modem into our home
        computer and showed me the internet. I learned HTML by right-clicking
        "view source" and editing pages in Notepad. By <strong>10</strong>,
        Byte magazine had taught me circuit design and PIC Assembly — my first
        real programming language. Online mentors taught me PHP shortly after,
        and freelance commissions followed.
      </p>
      <p>
        Twenty-nine years later, I've shipped solo MVPs in weeks, co-founded
        companies, scaled engineering organizations past fifty, built physical
        datacenters, and mentored more than 250 engineers. The fascination is
        still the same one I had at 3.
      </p>
    </div>
  </section>

  <!-- WORK ----------------------------------------------------- -->
  <section id="work">
    <span class="section-label">Selected work</span>
    <h2>A few things I'm proud of.</h2>

    <div class="work-grid">

      <article class="work-item">
        <div class="work-item-head">
          <div class="work-item-title">Tektik <span class="role">— Founder &amp; Principal Engineer</span></div>
          <div class="work-item-dates">Nov 2025 — present</div>
        </div>
        <div class="work-item-desc">
          Independent consultancy. Full-stack and AI-integrated SaaS delivery for
          clients across fintech, blockchain, gov, e-commerce. Led a 7-person team
          for a Polish AI-accounting MVP on Google Cloud; built a multi-tenant
          dropshipping platform; delivered classified gov backend with self-hosted
          LLM + RabbitMQ.
        </div>
      </article>

      <article class="work-item">
        <div class="work-item-head">
          <div class="work-item-title">Clicker Games Studio <span class="role">— Co-founder &amp; Head of Engineering</span></div>
          <div class="work-item-dates">Feb 2024 — Oct 2025</div>
        </div>
        <div class="work-item-desc">
          Co-founded with Faruk Arıgün. Built and shipped <em>Farm Clicker</em>,
          a Telegram mini-app idle game on TON — grew to
          <strong>250K MAU / 20K DAU / 7K CCU on zero paid marketing</strong>,
          running at $900/month total infrastructure. Led a 10-engineer team
          with 95% retention.
        </div>
      </article>

      <article class="work-item">
        <div class="work-item-head">
          <div class="work-item-title">Business Core <span class="role">— Co-founder &amp; Founding Engineer</span></div>
          <div class="work-item-dates">Jun 2025 — Oct 2025</div>
        </div>
        <div class="work-item-desc">
          <em>Bcore</em> — a multi-tenant Telegram-native CRM purpose-built for
          blockchain teams, born from the pain of meeting 300+ people at events
          and not remembering who's who afterwards. Designed and shipped the
          production-ready MVP <strong>solo in ~1 month</strong>: multi-tenant
          architecture, RabbitMQ-driven async pipeline, Elasticsearch search,
          and LLM-assisted message processing (context summarization, entity
          extraction, auto-tagging, re-introduction prompts).
        </div>
      </article>

      <article class="work-item">
        <div class="work-item-head">
          <div class="work-item-title">Bixos <span class="role">— Hands-on CTO</span></div>
          <div class="work-item-dates">Jan 2021 — Jul 2024</div>
        </div>
        <div class="work-item-desc">
          Real estate tokenization platform. Scaled engineering from
          <strong>20 to 50+ engineers</strong> with 90% retention. Achieved
          <strong>SOC 2 Type II</strong> with 95%+ automated audit evidence.
          Multi-chain (EVM / TON / TRON / Solana) on a 50-node Kubernetes cluster
          across AWS + Azure with RPO 15 min / RTO 1 hr.
        </div>
      </article>

      <article class="work-item">
        <div class="work-item-head">
          <div class="work-item-title">Teleskop <span class="role">— Founding Engineer (solo)</span></div>
          <div class="work-item-dates">Jun 2018 — Dec 2019</div>
        </div>
        <div class="work-item-desc">
          Multi-tenant media-intelligence SaaS scanning ~80% of the Turkish-language
          live web at <strong>50K events/min</strong>. Delivered the full platform
          solo in 2 months — after two previous teams had failed — on 4 dedicated
          servers borrowed from a friend. The architecture is still in production
          today after multiple ownership changes.
        </div>
      </article>

      <article class="work-item">
        <div class="work-item-head">
          <div class="work-item-title">Fabrika Medya <span class="role">— Senior Engineer &amp; Lead</span></div>
          <div class="work-item-dates">Dec 2016 — Dec 2019</div>
        </div>
        <div class="work-item-desc">
          Designed and built a physical datacenter for a classified government
          high-data operations center (under NDA). Architected Ministry of
          Transportation and BTK systems serving <strong>1M+ daily requests</strong>
          across 300+ active servers with 99.9% uptime and 15-min verified recovery.
        </div>
      </article>

    </div>
  </section>

  <!-- PRINCIPLES ----------------------------------------------- -->
  <section id="principles">
    <span class="section-label">How I think</span>
    <h2>Three things I keep coming back to.</h2>

    <div class="principles">
      <div class="principle">
        <div class="principle-quote">"Impossible" is a passcode.</div>
        <div class="principle-tail">
          When something sounds impossible, that's the signal that I should start
          solving it. The work other people are unsure can be done is usually the
          work worth doing.
        </div>
      </div>
      <div class="principle">
        <div class="principle-quote">Understand scope first, engineer second.</div>
        <div class="principle-tail">
          Most complexity is upstream of where engineers think it starts — it's in
          the scoping conversation. Re-read the requirements before re-architecting
          the system.
        </div>
      </div>
      <div class="principle">
        <div class="principle-quote">There is almost always a simpler way.</div>
        <div class="principle-tail">
          First-principles thinking, then the simplest implementation that fits.
          If the proposed solution feels complicated, it's usually a hint that
          scope was misread.
        </div>
      </div>
    </div>
  </section>

  <!-- CONTACT --------------------------------------------------- -->
  <section id="contact">
    <span class="section-label">Get in touch</span>
    <h2>I don't have a dream company. My dream is to help build one.</h2>
    <div class="prose">
      <p>
        If you're building something that needs an engineering leader who can also
        sit in the code, I'd love to talk.
      </p>
    </div>

    <div class="contact-card">
      <ul class="contact-list">
        <li>
          <span class="label">Email</span>
          <span class="value"><a href="mailto:mail@ugorur.com">mail@ugorur.com</a></span>
        </li>
        <li>
          <span class="label">LinkedIn</span>
          <span class="value"><a href="https://linkedin.com/in/ugorur">linkedin.com/in/ugorur</a></span>
        </li>
        <li>
          <span class="label">GitHub</span>
          <span class="value"><a href="https://github.com/ugorur">github.com/ugorur</a></span>
        </li>
        <li>
          <span class="label">Location</span>
          <span class="value">Eskişehir, Turkey · UTC+3</span>
        </li>
        <li>
          <span class="label">Open to</span>
          <span class="value">Remote globally, or relocation to USA (Texas), Japan, South Korea</span>
        </li>
      </ul>
    </div>
  </section>

  <!-- FOOTER ---------------------------------------------------- -->
  <footer>
    <div class="signature">Built by hand — clean HTML, no frameworks, deployed on Cloudflare Workers.</div>
    <div>© Umurcan Gorur</div>
  </footer>

</div>

</body>
</html>
