{{ define "main" }}
<section style="background: url('{{ .Site.Params.hero_image }}') center/cover no-repeat; height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; margin: 0;">
  <div style="background-color: rgba(0,0,0,0.5); padding: 2rem 3rem; border-radius: 1rem;">
    <h1 style="color: white; font-size: 3rem; font-family: 'Montserrat', Arial, sans-serif; letter-spacing: 0.05em;">Welcome to SamCloud</h1>
    <p style="color: white; font-size: 1.2rem; font-family: 'Montserrat', Arial, sans-serif;">Your creative universe.</p>
    <div style="margin-top:2rem;">
      <a href="#gallery" style="background:#fff;color:#222;padding:0.75rem 2rem;border-radius:2rem;text-decoration:none;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,0.15);margin:0 0.5rem;transition:background 0.2s;">See Gallery</a>
      <a href="/contact/" style="background:transparent;color:#fff;padding:0.75rem 2rem;border:2px solid #fff;border-radius:2rem;text-decoration:none;font-weight:600;font-size:1.1rem;box-shadow:0 2px 8px rgba(0,0,0,0.15);margin:0 0.5rem;transition:background 0.2s;">Contact</a>
    </div>
  </div>
</section>
{{ end }}