From 2230e0b925e866c2b0a1158fbec6887a2a145629 Mon Sep 17 00:00:00 2001 From: D-Bao <49440133+D-Bao@users.noreply.github.com> Date: Fri, 7 Apr 2023 07:22:57 +0000 Subject: [PATCH] Redesign new pricing page (#1680) * redesign new pricing page * add FAQ section * reformatting using djlint * fix djlint formatting * minor Indentation adjustment --- templates/dashboard/pricing.html | 896 +++++++++++++++++++++++++------ 1 file changed, 722 insertions(+), 174 deletions(-) diff --git a/templates/dashboard/pricing.html b/templates/dashboard/pricing.html index c8bb8989..d89d5cc6 100644 --- a/templates/dashboard/pricing.html +++ b/templates/dashboard/pricing.html @@ -8,10 +8,11 @@ - + + .btn-no-pointer { + pointer-events: none !important; + } + + .tab-yearly__badge { + top: -8px !important; + left: 52px !important; + } + + .border-2 { + border-width: 2px !important; + } + + .text-start { + text-align: start !important; + } + {% endblock %} {% block announcement %} -{# TODO: to remove#} -{# #} + {# TODO: to remove#} + {# #} {% endblock %} {% block default_content %} -
-
-
-
-
Premium
-
    -
  • - -Unlimited aliases -
  • -
  • - -Unlimited custom domains -
  • -
  • - -Catch-all (or wildcard) aliases -
  • -
  • - -Up to 50 directories (or usernames) -
  • -
  • - -Unlimited mailboxes -
  • -
  • - -PGP Encryption -
  • -
-
-More information on our - -Pricing -Page - -
-
-
-
-
-{% if manual_sub %} +
+
+

Upgrade to unlock premium features

+
+ {% if manual_sub %} -
-You currently have a subscription until {{ manual_sub.end_at.format("YYYY-MM-DD") }} -({{ (manual_sub.end_at - now).days }} days left). -
-Please note that the time left will not be taken into account in a new subscription. -
-
-{% endif %} -{% if proton_upgrade %} +
+ You currently have a subscription until {{ manual_sub.end_at.format("YYYY-MM-DD") }} + ({{ (manual_sub.end_at - now).days }} days left). +
+ Please note that the time left will not be taken into account in a new subscription. +
+
+ {% endif %} + {% set sub = current_user.get_paddle_subscription() %} + {% if sub and sub.cancelled %} -
-

Proton Unlimited, Business and Visionary plans include SimpleLogin premium and more!

- -Upgrade your Proton account - -

-Starts at $9.99/month (billed yearly), starting with 500GB of storage, VPN, encrypted -calendar & file storage and more. -

-
OR
-
- -

Starts at $2.5/month (billed yearly)

-
-
-{% endif %} -
-
-🔐 Secure payments by - -Paddle - -
-{% set sub = current_user.get_paddle_subscription() %} -{% if sub and sub.cancelled %} + + {% endif %} + {% if coinbase_sub %} - -{% endif %} -{% if coinbase_sub %} +
+ You currently have a Coinbase subscription until {{ coinbase_sub.end_at.format("YYYY-MM-DD") }} + ({{ (coinbase_sub.end_at - now).days }} days left). +
+ Please note that the time left will not be taken into account in a new Paddle subscription. +
+ {% endif %} + +
+ +
+
+ +
+
+
+
+
Free
+
$0
+
+ {% set sub = current_user.get_paddle_subscription() %} + +
+
+
    +
  • + + 10 aliases +
  • +
  • + + 1 mailbox +
  • +
+
+
+
+ + +
+
+
+
+
SimpleLogin Premium
+
$4 / month
+
+ +
+
+
    +
  • + + Unlimited aliases +
  • +
  • + + Unlimited mailboxes +
  • +
  • + + Unlimited custom domains: bring your own domain to create aliases like contact@your-domain.com +
  • +
  • + + Catch-all (or wildcard) domain +
  • +
  • + + Initiate a new email from your alias +
  • +
  • + + 5 subdomains +
  • +
  • + + 50 directories/usernames +
  • +
  • + + PGP Encryption +
  • +
+
+
+
+ + + {% if proton_upgrade %} -
-You currently have a Coinbase subscription until {{ coinbase_sub.end_at.format("YYYY-MM-DD") }} -({{ (coinbase_sub.end_at - now).days }} days left). -
-Please note that the time left will not be taken into account in a new Paddle subscription. -
-{% endif %} -
-Paddle supports bank cards -(Mastercard, Visa, American Express, etc) and PayPal. -
- - -
- -Payment via - -Coinbase Commerce - -
-Currently Bitcoin, Bitcoin Cash, Dai, Ethereum, Litecoin and USD Coin are supported. -
- -Yearly billing - Crypto -
-$30/year - -
-
-If you have bought a coupon, please go to the -coupon page -to apply the coupon code. -
-
-
- + {% endblock %}