---
import BaseLayout from '../layouts/BaseLayout.astro';
import AuthorCard from '../components/AuthorCard.astro';
import { SITE } from '../config';
---

<BaseLayout title="About — Mr Hoelee" description={`About ${SITE.author} (${SITE.handle}).`}>
  <h1>About</h1>
  <p>
    I'm {SITE.author} ({SITE.handle}), a full-stack developer and DevOps engineer
    based in Malaysia. I build web applications — PHP/CodeIgniter, Java/Spring,
    JavaScript/TypeScript/React — and self-host a ~140-container homelab
    (Docker, Traefik, nginx, Cloudflare tunnels). I run Hoelee Enterprise, a
    website design & development business for Malaysian SMEs (email hosting is
    a side offering, not the focus).
  </p>
  <p>
    This blog is my living portfolio: I document what I build, from self-hosted
    CI/CD and Docker orchestration to Web3 experiments and AI automation. If
    you're a recruiter, a client, or a fellow builder, the posts here are the
    most honest picture of what I can do.
  </p>

  <AuthorCard bio="Full-stack developer & DevOps engineer based in Malaysia. Open to remote / hybrid opportunities." />

  <h2>Contact</h2>
  <p>
    <a href={`mailto:${SITE.email}`}>{SITE.email}</a>
    <span class="sep">·</span>
    <a href={SITE.linkedin} target="_blank" rel="noopener">LinkedIn</a>
    <span class="sep">·</span>
    <a href={SITE.gitea} target="_blank" rel="noopener">git.hoelee.com</a>
    <span class="sep">·</span>
    <a href={SITE.website} target="_blank" rel="noopener">www.hoelee.com</a>
  </p>
</BaseLayout>