{% extends "zerver/portico.html" %}
{% set entrypoint = "landing-page" %}

{% set PAGE_TITLE = "Why Zulip? Efficient communication with organized team chat." %}

{% set PAGE_DESCRIPTION = "Make better decisions, faster with chat that’s
  organized right. Follow the discussions that matter to you, easily and
  efficiently, in real time or asynchronously." %}

{% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{% endblock %}

{% block portico_content %}

{% include 'zerver/landing_nav.html' %}

<div class="portico-landing why-page">
    <div class="hero bg-pycon why-zulip">
        <div class="bg-dimmer"></div>
        <div class="content">
            <h1 class="center">Why Zulip?</h1>
            <p>Efficient communication with organized team chat.</p>
        </div>
        <div class="hero-buttons center">
            <a href="/new/" class="button">
                {{ _('Create organization') }}
            </a>
            <a href="/request-demo/" class="button">
                {{ _('Get a demo') }}
            </a>
        </div>
    </div>


    <div class="main">
        <div class="padded-content">
            <div class="inner-content markdown">
                {{ render_markdown_path('corporate/why-zulip.md') }}
            </div>
        </div>
    </div>

    <div class="why-zulip">
        <div class="discounts-section">
            <header>
                <h2>Learn how Zulip can help your organization collaborate effectively!</h2>
            </header>
            <div class="register-buttons">
                <a href="/for/business/" class="register-now button">Business</a>
                <a href="/for/open-source/" class="register-now button">Open source</a>
                <a href="/for/education/" class="register-now button">Education</a>
                <a href="/for/events/" class="register-now button">Events and Conferences</a>
                <a href="/for/research/" class="register-now button">Research</a>
                <a href="/for/communities/" class="register-now button">Communities</a>
            </div>
        </div>
    </div>
</div>

{% endblock %}