Call to Action (CTA)

These components give you the ability to quickly explain your value proposition and draw attention to the problem you can help the user with.

​

CTA One

Location: src/components/CtaOne.svelte

​

Setup

You can change the list of benefits that the component rotates through by editing the benefits array as shown below:

<script lang="ts>
    ...
    const benefits: string[] = ["Benefit One", "Benefit Two", ...]
    ...
</script>

​

CTA Two

Location: src/components/CtaTwo.svelte

You can add a an on:click handler to the button to call the checkout or scroll to the pricing section using the custom functions defined in your $lib (checkout or scrollIntoView).