diff --git a/src/routes/(admin)/account/(menu)/billing/+page.svelte b/src/routes/(admin)/account/(menu)/billing/+page.svelte index 9698351b..2045efdf 100644 --- a/src/routes/(admin)/account/(menu)/billing/+page.svelte +++ b/src/routes/(admin)/account/(menu)/billing/+page.svelte @@ -23,12 +23,15 @@ Billing -

+

{data.isActiveCustomer ? "Billing" : "Select a Plan"}

+
+ View our pricing page for details. +
{#if !data.isActiveCustomer} -
+
diff --git a/src/routes/(admin)/account/select_plan/+page.svelte b/src/routes/(admin)/account/select_plan/+page.svelte index e220c5d2..696812d0 100644 --- a/src/routes/(admin)/account/select_plan/+page.svelte +++ b/src/routes/(admin)/account/select_plan/+page.svelte @@ -11,7 +11,11 @@ >
-

Select a Plan

+

Select a Plan

+
+ View our pricing page for details. +
diff --git a/src/routes/(marketing)/pricing/+page.svelte b/src/routes/(marketing)/pricing/+page.svelte index 792c1d01..294c99ef 100644 --- a/src/routes/(marketing)/pricing/+page.svelte +++ b/src/routes/(marketing)/pricing/+page.svelte @@ -1,6 +1,51 @@ @@ -16,5 +61,155 @@
+

Pricing FAQ

+
+
+
+ +
+ Is this template free to use? +
+
+

Yup! This template is free to use for any project.

+
+
+
+ +
+ Why does a free template have a pricing page? +
+
+

+ The pricing page is part of the boilerplate. It shows how the + pricing page integrates into the billing portal and the Stripe + Checkout flows. +

+
+
+
+ +
+ What license is the template under? +
+
+

The template is under the MIT license.

+
+
+
+ +
+ Can I try out purchase flows without real a credit card? +
+
+

+ Our demo page SaasStarter.work has a functional demo page, using Stripe's test environment. +

+

+ You can use the credit card number 4242 4242 4242 4242 with any + future expiry date to test the payment and upgrade flows. +

+
+
+
+
+ + + + + + + + + + + + + + + + + +

Plan Features

+

+ Example feature table +

+ +
+ + + + + + + + + + {#each planFeatures as feature} + {#if feature.header} + + + + {:else} + + + + + + {/if} + {/each} + +
FreePro
{feature.name}
{feature.name} + {#if feature.freeString} + {feature.freeString} + {:else if feature.freeIncluded} + + + + {:else} + + + + {/if} + + {#if feature.proString} + {feature.proString} + {:else if feature.proIncluded} + + + + {:else} + + + + {/if} +
+
diff --git a/src/routes/(marketing)/pricing/pricing_module.svelte b/src/routes/(marketing)/pricing/pricing_module.svelte index bf53065c..5cb25ecc 100644 --- a/src/routes/(marketing)/pricing/pricing_module.svelte +++ b/src/routes/(marketing)/pricing/pricing_module.svelte @@ -6,51 +6,6 @@ export let callToAction: string export let currentPlanId: string = "" export let center = true - - type PlanFeatureRow = { - name: string - freeIncluded?: boolean - proIncluded?: boolean - freeString?: string - proString?: string - header?: boolean - } - - const planFeatures: PlanFeatureRow[] = [ - { - name: "Section 1", - header: true, - }, - { - name: "Feature 1", - freeIncluded: true, - proIncluded: true, - }, - { - name: "Feature 2", - freeIncluded: false, - proIncluded: true, - }, - { - name: "Feature 3", - freeString: "3", - proString: "Unlimited", - }, - { - name: "Section 2", - header: true, - }, - { - name: "Feature 4", - freeIncluded: true, - proIncluded: true, - }, - { - name: "Feature 5", - freeIncluded: false, - proIncluded: true, - }, - ]
{/each}
- -

Pricing FAQ

-
-
-
- -
- Is this template free to use? -
-
-

Yup! This template is free to use for any project.

-
-
-
- -
- Why does a free template have a pricing page? -
-
-

- The pricing page is part of the boilerplate. It shows how the pricing - page integrates into the billing portal and the Stripe Checkout flows. -

-
-
-
- -
- What license is the template under? -
-
-

The template is under the MIT license.

-
-
-
- -
- Can I try out purchase flows without real a credit card? -
-
-

- Our demo page SaasStarter.work has a functional demo page, using Stripe's test environment. -

-

- You can use the credit card number 4242 4242 4242 4242 with any future - expiry date to test the payment and upgrade flows. -

-
-
-
-
- - - - - - - - - - - - - - - - - -

Plan Features

-

- Example feature table -

- -
- - - - - - - - - - {#each planFeatures as feature} - {#if feature.header} - - - - {:else} - - - - - - {/if} - {/each} - -
FreePro
{feature.name}
{feature.name} - {#if feature.freeString} - {feature.freeString} - {:else if feature.freeIncluded} - - - - {:else} - - - - {/if} - - {#if feature.proString} - {feature.proString} - {:else if feature.proIncluded} - - - - {:else} - - - - {/if} -
-