{ scrollInfo = detail; }} >
{#if scrollInfo.percentage < 0.075}
{#if scrollInfo.percentage > -0.1} Products_

Your backend, minus the hassle

Build secure and scalable applications with less code. Add authentication, databases, storage, and more using Appwrite's development platform.

{/if}
{:else}
0.075 ? '' : undefined} >
    {#each products as product} {@const copy = infos[product]} {@const isActive = active.product === product} {#if copy}

  • {copy.title}

    {#if isActive}

    {copy.subtitle}

    {copy.description}

      {#each copy.features as feature}
    • {feature}
      • {/each}
    {/if}
    • {/if} {/each}

{#if active.product === 'auth'} Users {:else if active.product === 'databases'} Tasks {:else if active.product === 'storage'} Files {:else if active.product === 'functions'} {:else if active.product === 'messaging'} Messages {:else if active.product === 'realtime'} Realtime {/if}

{#if active.product === 'auth'} {:else if active.product === 'messaging'} {:else if active.product === 'databases'} {:else if active.product === 'storage'} {/if}
{#if active.product === 'auth'} {:else if active.product === 'databases'} {:else if active.product === 'storage'} {:else if active.product === 'functions'} {:else if active.product === 'messaging'} {/if}
{#if active.product === 'auth'}
{/if}
{#if active.product === 'auth'} {:else if active.product === 'databases'} {:else if active.product === 'storage'} {:else if active.product === 'messaging'} {:else if active.product === 'functions'} {:else if !['auth', 'databases', 'storage', 'messaging', 'functions'].includes(active.product)} {/if}
{#if !['auth', 'databases', 'storage', 'functions', 'messaging', 'realtime'].includes(anyify(active.product))} {/if}
{/if}