{{ define "main" }}
<section class="hero-section">
  <div class="hero-content">
    <h1 class="animate-text">Welcome to SamCloud</h1>
    <p>Your space. Your content. Your creative cloud.</p>
    <nav class="menu-bar-hero">
      <a href="/">Home</a>
      <a href="/portfolio/">Portfolio</a>
      <a href="/production/">Production</a>
      <a href="/samcloud/">.SamCloud</a>
      <a href="/services/">Services</a>
      <a href="/contact/">Contact Us</a>
    </nav>
    <div class="hero-buttons">
      <a href="#gallery" class="btn">View Gallery</a>
      <a href="/contact" class="btn secondary">Contact Me</a>
    </div>
  </div>
</section>
<section id="gallery" class="gallery-grid">
  {{ $images := (readDir "static/images/gallery") }}
  {{ if $images }}
    {{ range $images }}
      <div class="gallery-item">
        <img src="/images/gallery/{{ .Name }}" alt="{{ .Name }}" loading="lazy" />
      </div>
    {{ end }}
  {{ else }}
    <p>No images found in the gallery folder.</p>
  {{ end }}
</section>
{{ end }}