<script lang="ts">
  import type { PromiseContent } from '$lib/types';

  export let promise: PromiseContent;
</script>

<section id="promise">
  <div class="promise-inner">
    <div class="promise-text">
      <h2>
        {promise.title}<br />
        {promise.subtitle}
      </h2>

      <p>
        {promise.body}
        <strong>{promise.emphasis}</strong>
      </p>

      <a href={promise.cta.href} class="btn btn-green">{promise.cta.label}</a>
    </div>

    <div class="promise-img">
      <img src={promise.imageUrl} alt={promise.imageAlt} />
    </div>
  </div>
</section>
