{{ define "main" }}
  {{ $projects := where site.RegularPages "Section" "projects" }}
  {{ $featured := where $projects "Params.featured" true }}
  <section class="hero">
    <div class="hero-copy">
      <p class="eyebrow">{{ site.Params.role }}</p>
      <h1>{{ site.Params.tagline }}</h1>
      <p class="hero-text">{{ site.Params.intro }}</p>
      <div class="hero-actions">
        <a class="button button-primary" href="/projects/">View Projects</a>
        <a class="button button-secondary" href="mailto:{{ site.Params.email }}">Contact</a>
      </div>
    </div>
    <div class="hero-panel">
      <p class="panel-label">Focus</p>
      <ul>
        <li>Portfolio-driven presentation</li>
        <li>Fast static delivery with Hugo</li>
        <li>Clean, maintainable content structure</li>
      </ul>
    </div>
  </section>

  <section class="section">
    <div class="section-heading">
      <p class="eyebrow">Selected Work</p>
      <h2>Featured projects</h2>
    </div>
    <div class="card-grid">
      {{ range $featured }}
        <article class="project-card">
          <p class="meta">{{ .Date.Format "Jan 2006" }}</p>
          <h3><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
          <p>{{ with .Params.summary }}{{ . }}{{ else }}{{ .Description }}{{ end }}</p>
          {{ with .Params.tags }}
            <ul class="tag-list">
              {{ range . }}
                <li>{{ . }}</li>
              {{ end }}
            </ul>
          {{ end }}
        </article>
      {{ end }}
    </div>
  </section>

  <section class="section section-alt">
    <div class="section-heading">
      <p class="eyebrow">About this site</p>
      <h2>Built to evolve with the portfolio</h2>
    </div>
    <p class="section-text">This Hugo setup is designed to make project updates straightforward. Add Markdown content, adjust templates when needed, and keep the site fast without introducing unnecessary complexity.</p>
  </section>
{{ end }}