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

{% set OPEN_GRAPH_TITLE = 'Team chat with first-class threading' %}
{% set OPEN_GRAPH_DESCRIPTION = 'Most team chats are overwhelming to keep up with. Zulip takes a different approach.' %}

{% block title %}
<title>The best group chat</title>
{% endblock %}

{% 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>
        </div>
    </div>


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

    <div class="why-zulip">
        <div class="discounts-section">
            <header>
                <h2>Learn how Zulip can help your organization!</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 %}