portico: Add partnership program page.

corporate/urls.py

@@ -147,6 +147,7 @@ landing_page_urls = [
     path("team/", team_view),
     path("history/", landing_view, {"template_name": "corporate/history.html"}),
     path("values/", landing_view, {"template_name": "corporate/values.html"}),
+    path("partners/", landing_view, {"template_name": "corporate/partners.html"}),
     path("why-zulip/", landing_view, {"template_name": "corporate/why-zulip.html"}),
     path("self-hosting/", landing_view, {"template_name": "corporate/self-hosting.html"}),
     path("security/", landing_view, {"template_name": "corporate/security.html"}),

templates/corporate/partners.html

@@ -0,0 +1,94 @@
+{% extends "zerver/portico.html" %}
+{% set entrypoint = "landing-page" %}
+
+{% set PAGE_TITLE = "Partner program | Zulip" %}
+
+{% set PAGE_DESCRIPTION = "Zulip works with a variety of partners to deliver the
+  product to customers, and integrate it with other tools in their workplace
+  suite." %}
+
+{% 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 solutions-page partners-page">
+    <div class="hero bg-pycon partners">
+        <div class="bg-dimmer"></div>
+        <h1 class="center">Partner program</h1>
+        <p>Zulip works with a variety of partners to deliver the product,<br />
+            and integrate it with other tools in the customer's workplace
+            suite.
+        </p>
+        <div class="hero-buttons center">
+            <a href="https://docs.google.com/forms/d/e/1FAIpQLScBoUMw8Nm2pWwh2RcNa_t_X-V9gXcuhAl-UVR_FxCReXHg4g/viewform?usp=sharing" class="button">
+                Become a partner
+            </a>
+        </div>
+    </div>
+
+    <div class="feature-grid">
+        <div class="feature-row">
+            <div class="feature-box">
+                <div class="feature-text">
+                    <h1>
+                        Resellers
+                    </h1>
+                    <p>
+                        Help customers discover how Zulip can address their
+                        needs. Our partner onboarding kit helps you get started.
+                    </p>
+                </div>
+            </div>
+            <div class="feature-box">
+                <div class="feature-text">
+                    <h1>
+                        Value Added Resellers (VARs)
+                    </h1>
+                    <p>
+                        Support customer deployments. Build custom integrations
+                        with our <a href="/api">easy-to-use APIs</a>.
+                    </p>
+                </div>
+            </div>
+        </div>
+        <div class="feature-row">
+            <div class="feature-box">
+                <div class="feature-text">
+                    <h1>
+                        Managed Service Providers
+                    </h1>
+                    <p>
+                        Host and manage Zulip deployments, and customize Zulip's
+                        open-source software.
+                    </p>
+                </div>
+            </div>
+            <div class="feature-box">
+                <div class="feature-text">
+                    <h1>
+                        Hosting providers
+                    </h1>
+                    <p>
+                        Host Zulip's secure, easy to deploy software. Efficient
+                        multi-tenant hosting available.
+                    </p>
+                </div>
+            </div>
+        </div>
+
+        <div class="feature-end">
+            <div class="bottom-register-buttons extra_margin_before_footer">
+                <div class="hero-buttons center">
+                    <a href="https://docs.google.com/forms/d/e/1FAIpQLScBoUMw8Nm2pWwh2RcNa_t_X-V9gXcuhAl-UVR_FxCReXHg4g/viewform?usp=sharing" class="button">
+                        Become a partner
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/zerver/footer.html

@@ -43,6 +43,7 @@
                 <li><a href="/development-community/" target="_blank">{{ _("Community chat") }}</a></li>
                 <li><a href="/help/contact-support">{{ _("Contact support") }}</a></li>
                 <li><a href="/request-demo/">{{ _("Get a demo") }}</a></li>
+                <li><a href="/partners/">{{ _("Partners") }}</a></li>
                 <li class="extra_margin"><a href="https://status.zulip.com/">{{ _("Zulip Cloud status") }}</a></li>
                 <li>
                     <a href="/help/moving-to-zulip">

web/styles/portico/landing_page.css

@@ -1274,6 +1274,10 @@ button {
     background-image: url("../../images/landing-page/why-zulip/why-zulip-threads.jpg");
 }
 
+.portico-landing.why-page .bg-pycon.partners {
+    background-image: url("../../images/landing-page/hands.jpg");
+}
+
 .portico-landing.why-page .bg-dimmer {
     position: absolute;
     width: 100%;
@@ -2698,6 +2702,7 @@ button {
     }
 }
 
+.partners-page,
 .self-hosting-page {
     & p {
         font-size: 18px !important;
@@ -2861,6 +2866,12 @@ button {
     }
 }
 
+.partners-page .feature-grid .feature-row .feature-box {
+    height: 200px;
+    padding: 0 30px;
+    justify-content: center;
+}
+
 .apps .apps-page-link {
     text-decoration: underline;
     color: hsl(0deg 0% 100%);