{{/* Hero partial moved from shortcode for use in layouts/index.html */}}
<section style="height: 100vh; background: url('/images/hero.jpg') center/cover no-repeat; margin:0; display: flex; align-items: center; justify-content: center;">
  <div style="background: rgba(0,0,0,0.5); padding: 2rem 3rem; border-radius: 1rem; text-align: center;">
    <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="/bookings" style="background:#3B82F6;color:#fff;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:all 0.2s;">BOOK NOW</a>
      <a href="#gallery" 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:all 0.2s;">See Gallery</a>
    </div>
  </div>
</section>