{% from 'components/big-number.html' import big_number %}
{% from "components/banner.html" import banner_wrapper %}
{% from "components/phone.html" import phone %}

{% extends "fullwidth_template.html" %}

{% block page_title %}
  GOV.UK Notify
{% endblock %}

{% block maincolumn_content %}

  <div class="product-page-intro">
    <div class="product-page-intro-wrapper">
      <div class="grid-row">
        <div class="column-two-thirds">
          <h1>
            Send emails and text messages to your users
          </h1>
          <p>
            Try GOV.UK Notify now if you work for a UK government
            department or agency.
          </p>
          <div class="button-container">
            <a class="button button-start" href='{{ url_for('.register' )}}'>
              Create an account
            </a>
            or <a href="{{ url_for('.sign_in' )}}">sign in</a> if you’ve used
            it before
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="product-page-section">
    <div class="grid-row">
      <div class="column-half">
        <h2>
          Control your content
        </h2>
        <p>
          You don’t need any technical knowledge to create email and
          text&nbsp;message templates.
        </p>
      </div>
      <div class="column-half">
        <img src="/static/images/product/01-templates.svg">
      </div>
    </div>
  </div>
  <div class="product-page-section">
    <div class="grid-row">
      <div class="column-half">
        <h2>
          See how your messages perform
        </h2>
        <p>
          Track how many messages you’ve sent and
          find out which ones aren’t getting delivered.
        </p>
      </div>
      <div class="column-half">
        <img src="/static/images/product/02-reporting.svg">
      </div>
    </div>
  </div>
  <div class="product-page-section">
    <h2 class="with-keyline">
      Send messages manually or automatically
    </h2>
    <div class="grid-row">
      <div class="column-half">
        <p>
          Upload a spreadsheet of email&nbsp;addresses or
          phone&nbsp;numbers and Notify sends the messages.
        </p>
        <img src="/static/images/product/03-spreadsheet.svg">
      </div>
      <div class="column-half">
        <p>
          Integrate the GOV.UK Notify API with your web&nbsp;application or
          back office system.
        </p>
        <img src="/static/images/product/04-api.svg">
      </div>
    </div>
  </div>
  <div class="product-page-section bottom-gutter-2">
    <div class="grid-row">
      <div class="column-half">
        <h2 class="with-keyline">
          The team
        </h2>
        <p>
          GOV.UK Notify is built by the Government Digital Service
          and is supported 24 hours a day, 7 days a week.
        </p>
        <p>
          <a href="{{ url_for('main.feedback') }}">Contact the team</a> if you have a question or want
          to give feedback.
        </p>
      </div>
      <div class="column-half">
        <img src="/static/images/product/team.jpg">
      </div>
    </div>
  </div>


{% endblock %}