---
import { SITE } from "../site-config";

export interface Props {
  image: string;
  title: string;
  subtitle: string;
}

const { image, title, subtitle } = Astro.props;
---

<section class="hero">
  <div class="container hero-grid">
    <div class="hero-image">
      <img src={image} alt={title} width="600" height="800" loading="eager" />
    </div>
    <div class="hero-content">
      <h1>{title}</h1>
      <p class="subtitle">{subtitle}</p>
      <p>
        {SITE.tagline} Based in {SITE.location}.
      </p>
    </div>
  </div>
</section>