BASIC-LIBRARY / SECTION / PRICING
Pricing Six
Choose the right fit for your team
1 GB document space
2 GB data transfer
200 automation triggers
Community forums access
Unlimited uploads
10 GB monthly traffic
10,000 scheduled actions
Priority email support
Up to 100 custom endpoints
Uncapped storage limit
Unlimited traffic allocation
1 million monthly automations
24/7 dedicated assistance
Endless webhook integrations
@import url("/template/basic-library/section/pricing/pricing-six/raw/styles.css");
<div
class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
<div
class="ml-auto mr-auto mx-auto max-w-screen-xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
>
<h2
class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl xl:mb-12"
>
Choose the right fit for your team
</h2>
<div
class="grid sm:grid-cols-2 lg:grid-cols-3 mb-6 gap-x-6 gap-y-12 md:mb-8 lg:gap-x-8"
>
<div class="space-y-4 flex flex-col">
<div class="flex flex-col gap-4 rounded-lg border pt-6 pr-4 pb-4 pl-4">
<h3 class="text-center text-2xl font-semibold text-gray-800">
Starter
</h3>
<div class="flex items-end justify-center gap-1">
<span class="text-4xl font-bold text-gray-800">$0</span>
<span class="text-gray-500">/ month</span>
</div>
<div
class="mb-4 flex items-center justify-center gap-1 text-sm text-gray-500"
>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
Full refund within 14 days
</span>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fill-rule="evenodd"
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
clip-rule="evenodd"
></path>
</svg>
</div>
<a
href="#"
class="block transition duration-100 active:text-gray-700 rounded-lg bg-gray-200 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 hover:bg-gray-300 focus-visible:ring md:text-base"
>
Select Free
</a>
</div>
<div
class="space-y-3 flex-1 rounded-lg bg-gray-100 pl-4 pr-4 px-4 pt-6 pb-6 py-6"
>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">1 GB document space</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">2 GB data transfer</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">200 automation triggers</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Community forums access</span>
</div>
</div>
</div>
<div class="space-y-4 flex flex-col">
<div
class="relative flex flex-col gap-4 rounded-lg border border-indigo-500 pt-6 pr-4 pb-4 pl-4"
>
<div class="inset-x-0 -top-3 absolute flex justify-center">
<span
class="uppercase tracking-widest flex h-6 items-center justify-center rounded-full bg-indigo-500 pl-3 pr-3 px-3 pt-1 pb-1 py-1 text-xs font-semibold text-white"
>
most popular
</span>
</div>
<h3 class="text-center text-2xl font-semibold text-gray-800">Pro</h3>
<div class="flex items-end justify-center gap-1">
<span class="text-4xl font-bold text-gray-800">$19</span>
<span class="text-gray-500">/ month</span>
</div>
<div
class="mb-4 flex items-center justify-center gap-1 text-sm text-gray-500"
>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
Full refund within 14 days
</span>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fill-rule="evenodd"
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
clip-rule="evenodd"
></path>
</svg>
</div>
<a
href="#"
class="block transition duration-100 active:bg-indigo-700 rounded-lg bg-indigo-500 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 hover:bg-indigo-600 focus-visible:ring md:text-base"
>
Select Team
</a>
</div>
<div
class="space-y-3 flex-1 rounded-lg bg-gray-100 pl-4 pr-4 px-4 pt-6 pb-6 py-6"
>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Unlimited uploads</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">10 GB monthly traffic</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">10,000 scheduled actions</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Priority email support</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Up to 100 custom endpoints</span>
</div>
</div>
</div>
<div class="space-y-4 flex flex-col">
<div class="flex flex-col gap-4 rounded-lg border pt-6 pr-4 pb-4 pl-4">
<h3 class="text-center text-2xl font-semibold text-gray-800">
Business
</h3>
<div class="flex items-end justify-center gap-1">
<span class="text-4xl font-bold text-gray-800">$49</span>
<span class="text-gray-500">/ month</span>
</div>
<div
class="mb-4 flex items-center justify-center gap-1 text-sm text-gray-500"
>
<span
data-node-handle="base-text"
class="inline-block h-auto w-auto"
>
Full refund within 14 days
</span>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
fill-rule="evenodd"
d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
clip-rule="evenodd"
></path>
</svg>
</div>
<a
href="#"
class="block transition duration-100 active:bg-gray-600 rounded-lg bg-gray-800 pl-8 pr-8 px-8 pt-3 pb-3 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 hover:bg-gray-700 focus-visible:ring md:text-base"
>
Select Enterprise
</a>
</div>
<div
class="space-y-3 flex-1 rounded-lg bg-gray-100 pl-4 pr-4 px-4 pt-6 pb-6 py-6"
>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Uncapped storage limit</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Unlimited traffic allocation</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">1 million monthly automations</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">24/7 dedicated assistance</span>
</div>
<div class="flex gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 shrink-0 text-indigo-500"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>
<span class="text-gray-600">Endless webhook integrations</span>
</div>
</div>
</div>
</div>
</div>
</div>
© 2025 tailsections.com. All rights reserved