Mirroristas/pockethost
2
0
Fork 0
mirror of https://github.com/pockethost/pockethost.git synced 2025-11-24 22:45:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

paywall formatting

Browse Source
This commit is contained in:
Ben Allfree 2025-06-29 02:44:25 -07:00
parent 20e6beeb02
commit ef6c9e1f57
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/dashboard/src/routes/(static)/pricing/Paywall.svelte
View File

@ -19,7 +19,8 @@
<div class="grid grid-cols-1 md:grid-cols-3 justify-items-center gap-1 mx-auto"> <div class="grid grid-cols-1 md:grid-cols-3 justify-items-center gap-1 mx-auto">
<SignupBox <SignupBox
price="$5 / month per instance" price="$5 / month"
priceDetail="per instance"
title="Starter" title="Starter"
cta="Pay $5 per instance, up to a maximum of 5 instances. Each extra instance costs an additional $5" cta="Pay $5 per instance, up to a maximum of 5 instances. Each extra instance costs an additional $5"
features={[ features={[

6
packages/dashboard/src/routes/(static)/pricing/SignupBox.svelte
View File

@ -6,6 +6,7 @@
export let selected: boolean = false export let selected: boolean = false
export let buttonText: string = 'Subscribe Now' export let buttonText: string = 'Subscribe Now'
export let price: string export let price: string
export let priceDetail: string=''
export let bestDeal: boolean = false export let bestDeal: boolean = false
export let title: string export let title: string
export let cta: string export let cta: string
@ -26,7 +27,7 @@
{cta} {cta}
</div> </div>
</div> </div>
<div class="h-40"> <div class="h-52">
{#each features as feature} {#each features as feature}
<div class="flex flex-row gap-2"> <div class="flex flex-row gap-2">
<Fa <Fa
@ -36,8 +37,9 @@
</div> </div>
{/each} {/each}
</div> </div>
<div class="h-10 flex justify-center items-center"> <div class="h-12 flex justify-start items-center flex-col">
<div class="text-3xl text-white text-center ">{price}</div> <div class="text-3xl text-white text-center ">{price}</div>
<div class="text-xs text-gray-400 text-center">{priceDetail}</div>
</div> </div>
<div class="h-16 flex justify-center items-end"> <div class="h-16 flex justify-center items-end">
<a <a