diff --git a/corporate/urls.py b/corporate/urls.py index 134c6531d2..add29f5da8 100644 --- a/corporate/urls.py +++ b/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( diff --git a/templates/corporate/try-zulip-part1.md b/templates/corporate/try-zulip-part1.md new file mode 100644 index 0000000000..6a4d44df27 --- /dev/null +++ b/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. diff --git a/templates/corporate/try-zulip-part2.md b/templates/corporate/try-zulip-part2.md new file mode 100644 index 0000000000..8755ed7b69 --- /dev/null +++ b/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 plans and pricing, or create a new organization. diff --git a/templates/corporate/try-zulip.html b/templates/corporate/try-zulip.html new file mode 100644 index 0000000000..59812b2ea4 --- /dev/null +++ b/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 %} + +{% endblock %} + +{% block portico_content %} + +{% include 'zerver/landing_nav.html' %} + +
+
+
+

Try Zulip now

+

+ Check out the Zulip app in the Zulip development + community.
No account required. +

+
+
+
+
+ +
+ {{ render_markdown_path('corporate/try-zulip-part1.md') }} +
+
+ + {{ _('Try Zulip now') }} + +
+
+ {{ render_markdown_path('corporate/try-zulip-part2.md') }} +
+
+
+
+ +{% endblock %} diff --git a/web/styles/portico/landing_page.css b/web/styles/portico/landing_page.css index 6359b0f91e..faa01a1f78 100644 --- a/web/styles/portico/landing_page.css +++ b/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); + } + } +} diff --git a/zerver/tests/test_docs.py b/zerver/tests/test_docs.py index 127c9816ec..721df1e45a 100644 --- a/zerver/tests/test_docs.py +++ b/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")