-
-
Notifications
You must be signed in to change notification settings - Fork 105
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update pricing page to reflect additional plans
- Loading branch information
1 parent
39daa6b
commit 750819b
Showing
12 changed files
with
641 additions
and
204 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| <script lang="ts"> | ||
| let klass = ''; | ||
| export { klass as class }; | ||
| </script> | ||
|
|
||
| <svg | ||
| fill="none" | ||
| stroke="currentColor" | ||
| stroke-linecap="round" | ||
| stroke-linejoin="round" | ||
| stroke-width="2" | ||
| class="w-4 h-4 ml-auto {klass}" | ||
| viewBox="0 0 24 24" | ||
| > | ||
| <path d="M5 12h14M12 5l7 7-7 7"></path> | ||
| </svg> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| <script lang="ts"> | ||
| import CheckCircleIcon from '../icons/CheckCircleIcon.svelte'; | ||
| </script> | ||
|
|
||
| <span | ||
| class="inline-flex items-center justify-center text-lime-500 dark:text-lime-400 rounded-full flex-shrink-0" | ||
| > | ||
| <CheckCircleIcon /> | ||
| </span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,7 @@ | ||
| <script lang="ts"> | ||
| import CloseIcon from '../icons/CloseIcon.svelte'; | ||
| </script> | ||
|
|
||
| <span class="text-gray-500 dark:text-gray-400"> | ||
| <CloseIcon /> | ||
| </span> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| <script lang="ts"> | ||
| export let selectedPaymentPeriod = 'month'; | ||
| export let togglePaymentPeriod = () => {}; | ||
| </script> | ||
|
|
||
| <style> | ||
| .toggle { | ||
| @apply relative; | ||
| @apply whitespace-nowrap; | ||
| @apply rounded-md; | ||
| @apply py-2; | ||
| @apply px-6; | ||
| @apply text-sm; | ||
| @apply font-medium; | ||
| @apply border; | ||
| @apply border-transparent; | ||
| @apply text-violet-200; | ||
| } | ||
| .toggle:hover { | ||
| @apply bg-violet-800; | ||
| } | ||
| .toggle:focus { | ||
| @apply z-10; | ||
| @apply outline-none; | ||
| @apply ring-2; | ||
| @apply ring-white; | ||
| @apply ring-offset-2; | ||
| @apply ring-offset-violet-700; | ||
| } | ||
| .active { | ||
| @apply border-violet-700; | ||
| @apply bg-white; | ||
| @apply text-violet-700; | ||
| @apply shadow-sm; | ||
| } | ||
| .active:hover { | ||
| @apply bg-violet-50; | ||
| } | ||
| </style> | ||
|
|
||
| <div class="flex rounded-lg bg-violet-700 p-0.5"> | ||
| <button | ||
| on:click="{togglePaymentPeriod}" | ||
| type="button" | ||
| class="toggle {selectedPaymentPeriod === 'month' ? 'active' : ''}" | ||
| > | ||
| Monthly billing | ||
| </button> | ||
| <button | ||
| on:click="{togglePaymentPeriod}" | ||
| type="button" | ||
| class="toggle ml-0.5 {selectedPaymentPeriod === 'year' ? 'active' : ''}" | ||
| > | ||
| Yearly billing | ||
| </button> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| <script lang="ts"> | ||
| import { user } from '../../stores.ts'; | ||
| import { appRoutes } from '../../config'; | ||
| import ArrowRight from '../icons/ArrowRight.svelte'; | ||
| export let subscribeLink = ''; | ||
| export let planEnabled = false; | ||
| </script> | ||
|
|
||
| <div> | ||
| {#if planEnabled} | ||
| {#if !$user.name || !$user.rank || $user.rank === 'GUEST'} | ||
| <p class="bg-yellow-thunder text-gray-900 p-2 rounded"> | ||
| <a class="underline font-bold" href="{appRoutes.login}/subscription" | ||
| >Login</a | ||
| > | ||
| or | ||
| <a class="underline font-bold" href="{appRoutes.register}/subscription" | ||
| >Register</a | ||
| > to subscribe | ||
| </p> | ||
| {:else if $user.subscribed} | ||
| <p class="text-lime-500 dark:text-lime-400 p-2 font-bold"> | ||
| Already subscribed, thank you! | ||
| </p> | ||
| {:else} | ||
| <a | ||
| href="{subscribeLink}?prefilled_email={$user.email}&client_reference_id={$user.id}" | ||
| class="flex items-center mt-auto text-white bg-indigo-500 border-0 py-2 px-4 w-full focus:outline-none hover:bg-indigo-600 rounded" | ||
| > | ||
| Subscribe Today | ||
| <ArrowRight /> | ||
| </a> | ||
| <p class="text-xs text-gray-500 dark:text-gray-400 mt-3"> | ||
| Payments processed by Stripe. | ||
| </p> | ||
| {/if} | ||
| {:else} | ||
| <p class="text-blue-500 dark:text-cyan-400 p-2 font-bold text-lg"> | ||
| Coming soon! | ||
| </p> | ||
| {/if} | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -22,6 +22,7 @@ const AppConfig = | |
| : { | ||
| PathPrefix: '', | ||
| DefaultLocale: 'en', | ||
| Subscription: {}, | ||
| }; | ||
| const { | ||
| PathPrefix, | ||
|
|
||
Oops, something went wrong.