mirror of
https://github.com/plausible/analytics.git
synced 2024-12-25 10:33:01 +03:00
60 lines
2.7 KiB
Elixir
60 lines
2.7 KiB
Elixir
|
<div class="max-w-sm w-full mx-auto bg-white shadow-md rounded px-8 py-6 mb-4 mt-8">
|
||
|
|
<h2 class="font-black">Upgrade your free trial</h2>
|
||
|
|
|
||
|
|
<div class="mt-4">
|
||
|
|
<%= cond do %>
|
||
|
|
<% Timex.equal?(@trial_end_date, @today) -> %>
|
||
|
|
Today is the last day of your trial. Please select a plan and enter
|
||
|
|
your billing info to access your stats after the trial ends.
|
||
|
|
<% Timex.after?(@trial_end_date, @today) -> %>
|
||
|
|
<p class="py-2">
|
||
|
|
Your free trial ends on <b><%= Timex.format!(@trial_end_date, "{WDshort} {D} {Mshort}") %></b>. Please select a plan and enter
|
||
|
|
your billing info to access your stats after the trial ends.
|
||
|
|
</p>
|
||
|
|
<% Timex.before?(@trial_end_date, @today) -> %>
|
||
|
|
<p class="py-2">
|
||
|
|
Your free trial ended on <%= Timex.format!(@trial_end_date, "{Mshort} {D}")%>. To access your stats going forward, please select a plan and enter your billing info.
|
||
|
|
</p>
|
||
|
|
<% end %>
|
||
|
|
|
||
|
|
<p class="py-2">
|
||
|
|
If you go over your limit in the future, we will contact you about upgrading.
|
||
|
|
Don't worry, we will never bill you unexpectedly or stop recording without telling you first.
|
||
|
|
</p>
|
||
|
|
<p class="py-2">
|
||
|
|
All plans are on a monthly basis, cancel any time.
|
||
|
|
<%= if Plausible.Billing.was_beta_user(@conn.assigns[:current_user]) do %>
|
||
|
|
As a beta user, you will get 33% off on all plans. The coupon will be applied at checkout.
|
||
|
|
<% end %>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="pt-8"></div>
|
||
|
|
|
||
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
||
|
|
<span><b>10,000</b> / mo</span>
|
||
|
|
<b class="bg-orange-lighter text-orange-darkest p-1 rounded-sm">$6 / mo</b>
|
||
|
|
<%= render("_checkout_button.html", conn: @conn, plan: :personal) %>
|
||
|
|
</div>
|
||
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
||
|
|
<span><b>100,000</b> / mo</span>
|
||
|
|
<b class="bg-orange-lighter text-orange-darkest p-1 rounded-sm">$12 / mo</b>
|
||
|
|
<%= render("_checkout_button.html", conn: @conn, plan: :startup) %>
|
||
|
|
</div>
|
||
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
||
|
|
<span><b>1,000,000</b> / mo</span>
|
||
|
|
<b class="bg-orange-lighter text-orange-darkest p-1 rounded-sm">$36 / mo</b>
|
||
|
|
<%= render("_checkout_button.html", conn: @conn, plan: :business) %>
|
||
|
|
</div>
|
||
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
||
|
|
<span>Your usage: <b><%= PlausibleWeb.AuthView.delimit_integer(@usage) %></b> pageviews in the last 30 days</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="text-center mt-8">
|
||
|
|
Questions? Contact <%= link("uku@plausibile.io", to: "mailto: uku@plausibile.io", class: "text-indigo") %>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="https://cdn.paddle.com/paddle/paddle.js"></script>
|
||
|
|
<script>Paddle.Setup({vendor: 49430})</script>
|
||
|
|
|
||
|
|
</div>
|