portico: Add landing page about trying Zulip by visiting chat.zulip.org.

corporate/urls.py

@@ -70,6 +70,7 @@ landing_page_urls = [
     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"}),
+    path("try-zulip/", landing_view, {"template_name": "corporate/try-zulip.html"}),
     # /for pages
     path("use-cases/", landing_view, {"template_name": "corporate/for/use-cases.html"}),
     path(

templates/corporate/try-zulip-part1.md

@@ -0,0 +1,21 @@
+You can check out the Zulip app by viewing the [Zulip development
+community](https://chat.zulip.org/), where hundreds of participants collaborate
+to improve Zulip. Many parts of the community are open for [public
+access](/help/public-access-option), so you can start exploring without creating
+an account.
+
+You can:
+
+- **Browse recent conversations**. You’ll see a list as soon as you open the
+  app, and you can always get back to it by clicking on “Recent conversations”
+  in the upper left.
+- **Click on the name of a**
+  [**stream**](/help/streams-and-topics) on the left to open a
+  list of recent conversation topics. For example, you can explore discussions
+  of changes to the design of the Zulip app in
+  [#design](https://chat.zulip.org/#narrow/stream/101-design), or see ongoing
+  issue investigations in
+  [#issues](https://chat.zulip.org/#narrow/stream/9-issues).
+- **Click on each topic** in a stream to view conversations one at a time.
+  Notice how Zulip makes it easy to have many conversations at once, without
+  them getting in each other’s way.

templates/corporate/try-zulip-part2.md

@@ -0,0 +1,10 @@
+To fully experience the Zulip app, we invite you to [create an
+account](https://chat.zulip.org/join/t5crtoe62bpcxyisiyglmtvb/) in the
+development community. You’ll be able to send messages, experience the
+convenience of going through your unread messages, and much more.  Please be
+sure to follow [community guidelines](/development-community/), and send any
+test messages to the [#test
+here](https://chat.zulip.org/#narrow/stream/7-test-here) stream.
+
+You can also view <a href="/plans/">plans and pricing</a>, or create a <a
+href="/new/">new organization</a>.

templates/corporate/try-zulip.html

@@ -0,0 +1,46 @@
+{% extends "zerver/portico.html" %}
+{% set entrypoint = "landing-page" %}
+
+{% set PAGE_TITLE = "Try Zulip now" %}
+
+{% set PAGE_DESCRIPTION = "Check out the Zulip app by viewing the Zulip
+  development community. No account required." %}
+
+{% 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 try-zulip-now-page">
+    <div class="hero">
+        <div class="content">
+            <h1 class="center">Try Zulip now</h1>
+            <p>
+                Check out the Zulip app in the <a
+                href="https://chat.zulip.org">Zulip development
+                community</a>.<br /> No account required.
+            </p>
+        </div>
+    </div>
+    <div class="main">
+        <div class="padded-content">
+
+            <div class="inner-content markdown">
+                {{ render_markdown_path('corporate/try-zulip-part1.md') }}
+            </div>
+            <div class="bottom-register-buttons">
+                <a href="https://chat.zulip.org/" class="try-now-button">
+                    {{ _('Try Zulip now') }}
+                </a>
+            </div>
+            <div class="inner-content markdown">
+                {{ render_markdown_path('corporate/try-zulip-part2.md') }}
+            </div>
+        </div>
+    </div>
+</div>
+
+{% endblock %}

web/styles/portico/landing_page.css

@@ -4383,3 +4383,37 @@ nav {
         }
     }
 }
+
+.try-zulip-now-page {
+    .bottom-register-buttons {
+        text-align: center;
+        margin-bottom: 20px;
+    }
+
+    .try-now-button {
+        padding: 11px 25px;
+        font-size: 1.2rem;
+        font-weight: 400;
+        color: hsl(0, 0%, 100%);
+        background: linear-gradient(
+            145deg,
+            hsl(191, 56%, 55%),
+            hsl(169, 65%, 42%)
+        );
+        box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.2);
+        border: 0;
+        width: 200px;
+        height: 50px;
+        outline: none;
+        border-radius: 4px;
+
+        &:visited {
+            color: hsl(0, 0%, 100%);
+        }
+
+        &:hover {
+            background-color: hsl(169, 65%, 42%);
+            box-shadow: 0 3px 10px hsla(0, 0%, 0%, 0.3);
+        }
+    }
+}

zerver/tests/test_docs.py

@@ -197,6 +197,7 @@ class DocPageTest(ZulipTestCase):
         self._test("/security/", "TLS encryption")
         self._test("/use-cases/", "Use cases and customer stories")
         self._test("/why-zulip/", "Why Zulip?")
+        self._test("/try-zulip/", "check out the Zulip app")
         # /for/... pages
         self._test("/for/open-source/", "for open source projects")
         self._test("/for/events/", "for conferences and events")