plans_page: Align content with Vlad's mock.

This commit is contained in:
Karl Stolley 2023-11-20 10:17:58 -06:00 committed by Tim Abbott
parent 93aa5747d3
commit 9e4cda6ecc
2 changed files with 82 additions and 62 deletions

View File

@ -3,9 +3,7 @@
{% set PAGE_TITLE = "Plans and pricing | Zulip" %} {% set PAGE_TITLE = "Plans and pricing | Zulip" %}
{% set PAGE_DESCRIPTION = "Choose between Zulip Cloud Free and Zulip Cloud {% set PAGE_DESCRIPTION = "Sign up for a managed cloud solution, or self-host our 100\x25 open-source software. Get started for free." %}
Standard, or self-host our open-source software for free. Support contracts
available." %}
{% block customhead %} {% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -20,40 +18,74 @@
<div class="main"> <div class="main">
{% include "corporate/pricing_model.html" %} {% include "corporate/pricing_model.html" %}
<div class="plans_top_faq plans_faq_questions"> <div class="plans_top_faq plans_faq_questions">
<h2>Other questions?</h2>
<p> <p>
You can <a href="https://zulip.com/help/zulip-cloud-or-self-hosting">move See our <a href="/help/zulip-cloud-billing">billing help page</a> for
freely</a> between <a href="/plans/">Zulip Cloud</a> additional details
hosting and your own servers with our high quality <a
href="/help/export-your-organization">export</a> and
<a href="https://zulip.readthedocs.io/en/stable/production/export-and-import.html">import
</a> tools.
</p> </p>
<ul>
<li>
<a href="/help/zulip-cloud-billing#differences-between-zulip-cloud-plans">Differences between Zulip Cloud plans</a>
</li>
<li>
<a href="/help/zulip-cloud-billing#payment-methods">Payment methods</a>
</li>
<li>
<a href="/help/zulip-cloud-billing#temporary-users-and-guests">Temporary users and guests</a>
</li>
</ul>
<ul>
<li>
<a href="/help/migrating-from-other-chat-tools">Migrating from other chat tools</a>
</li>
<li>
<a href="https://zulip.com/help/trying-out-zulip">Trying out Zulip</a>
</li>
</ul>
<p> <p>
Questions? See our <a href="/help/zulip-cloud-billing">billing help page</a> for If you have any other questions, please dont hesitate to reach out to
additional details, or contact us at <a href="mailto:sales@zulip.com">sales@zulip.com</a>. <a href="mailto:sales@zulip.com">sales@zulip.com</a>.
</p> </p>
</div> </div>
</div> </div>
<div class="discounts-section"> <div class="discounts-section">
<header> <header>
<h1>Special Zulip Cloud Standard pricing</h1> <h1>Discounts?</h1>
</header>
<div class="register-buttons">
<a href="/for/open-source/" class="register-now button">Open source <p>Free</p></a>
<a href="/for/education/" class="register-now button">Education <p>85%+ OFF</p></a>
<a href="/for/research/" class="register-now button">Research <p>Free</p></a>
<a href="/for/events/" class="register-now button">Academic conferences<p>Free</p></a>
<a href="/for/communities/" class="register-now button">Non-profits and communities <p>85%+ OFF</p></a>
</div>
</div>
<div class="plans_faq_questions">
<p> <p>
Zulip sponsors free Zulip Cloud Standard for hundreds of worthy We sponsor hundreds of worthy organizations
organizations. <a href="{{ sponsorship_url }}">Request sponsorship</a>. </p>
</header>
<div class="discounted-community-plan">
<h2>Community plan</h2>
<ul>
<li>
<a href="/for/open-source/">Open source projects</a>
</li>
<li>
<a href="/for/research/">Research groups or departments</a>
</li>
<li>
<a href="/for/events/">Academic conferences and most other non-profit events</a>
</li>
</ul>
</div>
<div class="discounted-business-plan">
<h2>Business plan with 85% discount</h2>
<ul>
<li>
<a href="/for/education/">Education</a> (online or in-person)
</li>
<li>
<a href="/for/communities/">Non-profits and communities</a>
</li>
</ul>
<a href="{{ sponsorship_url }}">Request sponsorship</a>
<p>
If you dont have a Zulip account yet, contact us via
<a href="mailto:contact@zulip.com">contact@zulip.com</a>
</p> </p>
</div> </div>
<br /> </div>
{% include "corporate/compare.html" %}
</div> </div>
{% endblock %} {% endblock %}

View File

@ -1,20 +1,27 @@
<div class="pricing-model"> <div class="pricing-model">
<div class="padded-content"> <div class="padded-content">
<h1>Get started today.</h1> <h1>Pricing</h1>
<p>
You can <a href="https://zulip.com/help/zulip-cloud-or-self-hosting">move
freely</a> between <a href="/plans/">Zulip Cloud</a>
hosting and your own servers with our high quality <a
href="/help/export-your-organization">export</a> and
<a href="https://zulip.readthedocs.io/en/stable/production/export-and-import.html">import
</a> tools.
</p>
<div class="pricing-container"> <div class="pricing-container">
<div class="block"> <div class="block">
<div class="plan-title responsive-title"> <div class="plan-title responsive-title">
Zulip Cloud <h2>Cloud</h2>
<p>
Always updated to the latest version of Zulip.
Simple managed solution, with no setup or maintenance.
</p>
</div> </div>
<div class="price-box" tabindex="-1"> <div class="price-box" tabindex="-1">
<div class="text-content"> <div class="text-content">
<h2>Free</h2> <h2>Free</h2>
<div class="description">
Best for light use.
</div>
<hr />
<ul class="feature-list"> <ul class="feature-list">
<li>10,000 messages of search history</li> <li>10,000 messages of search history</li>
<li>File storage up to 5 GB total</li> <li>File storage up to 5 GB total</li>
@ -27,9 +34,6 @@
<div class="bottom"> <div class="bottom">
<div class="text-content"> <div class="text-content">
{% if not realm or realm.plan_type == realm.PLAN_TYPE_SELF_HOSTED %} {% if not realm or realm.plan_type == realm.PLAN_TYPE_SELF_HOSTED %}
<div class="pricing-details">
Free cloud service
</div>
<a href="/new/" class="button green"> <a href="/new/" class="button green">
Create organization Create organization
</a> </a>
@ -46,10 +50,6 @@
<div class="price-box" tabindex="-1"> <div class="price-box" tabindex="-1">
<div class="text-content"> <div class="text-content">
<h2>Standard</h2> <h2>Standard</h2>
<div class="description">
Your team's collaboration hub.
</div>
<hr />
<ul class="feature-list"> <ul class="feature-list">
<li>Unlimited search history</li> <li>Unlimited search history</li>
<li>File storage up to 10 GB per user</li> <li>File storage up to 10 GB per user</li>
@ -62,13 +62,12 @@
<div class="bottom"> <div class="bottom">
<div class="text-content"> <div class="text-content">
<div class="standard-price-box"> <div class="standard-price-box">
<div class="price">6<span class="price-cents">.67</span></div> <div class="price"><span class="currency-symbol">$</span>6.67</div>
<div class="details"> <div class="details">
<span class="pricing-period">per user per month</span> <p>
<br /> /user/month billed annually or
with annual billing discount <b>$8</b> billed monthly
<br /> </p>
$8/month billed monthly
</div> </div>
</div> </div>
{% if not realm %} {% if not realm %}
@ -107,16 +106,16 @@
<div class="block"> <div class="block">
<div class="plan-title responsive-title"> <div class="plan-title responsive-title">
Self-host Zulip <h2>Self-hosted</h2>
<p>
Retain full control over your data and simplify compliance by self-hosting.
Customize Zulip for all your needs.
</p>
</div> </div>
<div class="price-box" tabindex="-1"> <div class="price-box" tabindex="-1">
<div class="text-content"> <div class="text-content">
<h2>Free</h2> <h2>Free</h2>
<div class="description">
Retain full control over your data.
</div>
<hr />
<ul class="feature-list"> <ul class="feature-list">
<li>All Zulip Cloud features included</li> <li>All Zulip Cloud features included</li>
<li>Friendly community support</li> <li>Friendly community support</li>
@ -129,10 +128,6 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="text-content"> <div class="text-content">
<div class="pricing-details multi-line">
Zulip is 100% free and open
source, with no proprietary version. <br />
</div>
<a href="/self-hosting/" class="button green"> <a href="/self-hosting/" class="button green">
Self-host Zulip Self-host Zulip
</a> </a>
@ -143,10 +138,6 @@
<div class="price-box" tabindex="-1"> <div class="price-box" tabindex="-1">
<div class="text-content"> <div class="text-content">
<h2>Enterprise</h2> <h2>Enterprise</h2>
<div class="description">
For mission-critical installations.
</div>
<hr />
<ul class="feature-list"> <ul class="feature-list">
<li>All Free features included</li> <li>All Free features included</li>
<li>Professional support with SLAs</li> <li>Professional support with SLAs</li>
@ -158,9 +149,6 @@
</div> </div>
<div class="bottom"> <div class="bottom">
<div class="text-content"> <div class="text-content">
<div class="pricing-details multi-line">
Affordable pricing depends on support required.
</div>
<a href="mailto:sales@zulip.com" target="_blank" rel="noopener noreferrer" class="no-action button green"> <a href="mailto:sales@zulip.com" target="_blank" rel="noopener noreferrer" class="no-action button green">
Contact sales Contact sales
</a> </a>