---
import Icon from './Icon.astro';
import type { T } from '../i18n/strings';

interface Props { t: T }
const { t } = Astro.props;
---
<section>
  <div class="wrap">
    <div class="cta-band">
      <h2>{t('cta.h')}</h2>
      <p>{t('cta.p')}</p>
      <div class="cta-actions">
        <a class="btn btn-white btn-lg" href="#signup"><span>{t('cta.btn2')}</span></a>
        <a class="btn btn-lg cta-ghost" href="#download"><Icon name="download" /><span>{t('cta.btn')}</span></a>
      </div>
    </div>
  </div>
</section>