{% extends "public/base.html" %}
{% block title %}About — {{ site.name }}{% endblock %}

{% block content %}
<div class="sec"><div class="wrap"><div class="hero-grid">
  <div>
    <div class="role">About</div>
    <h1>Teniola Ayodele</h1>
    <p class="lead" style="margin-top:18px">I'm a software developer in Nigeria building websites, web applications and payment platforms. I work independently, which means the person you brief is the person who writes the code and the person who picks up the phone when something breaks.</p>
    <div class="hero-cta">
      <a href="{% url 'start_project' %}" class="btn btn-primary">Work with me</a>
      <a href="{% url 'portfolio' %}" class="btn">See my work</a>
    </div>
  </div>
  <div class="shot" style="border:1px solid var(--line);border-radius:6px;aspect-ratio:4/5">
    {% if site.logo %}<img src="{{ site.logo.url }}" alt="{{ site.name }}">{% else %}<span>Photo</span>{% endif %}
  </div>
</div></div></div>

<div class="sec"><div class="wrap grid g2">
  <div><h2>What I do</h2>
    <p class="muted">I take a business problem and return a working system: a website that brings in customers, a dashboard that replaces a spreadsheet, or a platform that collects money reliably. Most of my work is Django on the backend with a frontend built to be fast on Nigerian mobile networks.</p>
    <p class="muted">I also run the infrastructure — domains, hosting, SSL, deployments and backups — so clients aren't left holding parts they can't maintain.</p></div>
  <div><h2>My approach</h2>
    <p class="muted">Scope agreed in writing before work starts. Milestones you can see. No surprise invoices. If something in your brief is going to cost more than it's worth, I say so early rather than building it quietly.</p>
    <p class="muted">I prefer simple systems that keep working over clever ones that need me forever.</p></div>
</div></div>

<div class="sec"><div class="wrap">
  <div class="sec-head"><h2>Technologies I work with</h2></div>
  <div class="grid g4">
    <div class="card"><h3>Backend</h3><p>Python, Django, Django REST Framework, Celery, PostgreSQL, MySQL, Redis</p></div>
    <div class="card"><h3>Frontend</h3><p>HTML, CSS, JavaScript, Tailwind, Alpine, responsive layout systems</p></div>
    <div class="card"><h3>Payments &amp; APIs</h3><p>Card and transfer collection, virtual accounts, webhooks, reconciliation, third-party API integration</p></div>
    <div class="card"><h3>Infrastructure</h3><p>Linux servers, Nginx, Gunicorn, domains, DNS, SSL, deployment pipelines, backups</p></div>
  </div>
</div></div>

{% if products %}
<div class="sec"><div class="wrap">
  <div class="sec-head"><h2>Products I've built</h2><p class="lead">Platforms I own, run and support in production.</p></div>
  <div class="grid g2">{% for p in products %}
    <div class="card"><h3>{{ p.name }}</h3><p style="margin:8px 0 12px">{{ p.summary }}</p>
      <div class="stack">{% for t in p.tech_list %}<i>{{ t }}</i>{% endfor %}</div></div>
  {% endfor %}</div>
</div></div>
{% endif %}

<div class="sec"><div class="wrap band">
  <h2>Let's talk about your project</h2>
  <p>Send me the details and I'll tell you honestly whether I'm the right person to build it.</p>
  <a href="{% url 'contact' %}" class="btn btn-primary">Get in touch</a>
</div></div>
{% endblock %}