BASIC-LIBRARY / SECTION / PRICING
Pricing Five
Plans & Subscriptions
Starter Access
Ideal for users exploring features before committing
1 GB secure storage
2 GB monthly traffic limit
Up to 200 automation triggers
Access to knowledge base
Best Value
Growth Plan
Designed for growing teams with moderate resource needs
No limit on cloud storage
10 GB data transfer monthly
10,000 monthly executions
Direct email assistance
100 integrations supported
Professional Suite
Built for high-scale operations and global collaboration
Unlimited cloud archiving
No data transfer cap
1 million tasks each month
Dedicated support lines
Unlimited integration hooks
@import url("/template/basic-library/section/pricing/pricing-five/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"
>
Plans & Subscriptions
</h2>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 mb-6 gap-6 md:mb-8 lg:gap-8">
<div class="overflow-hidden flex flex-col rounded-lg border sm:mt-8">
<div class="h-2 bg-pink-500"></div>
<div class="flex flex-1 flex-col pt-8 pr-6 pb-6 pl-6">
<div class="mb-12">
<div class="mb-2 text-center text-2xl font-bold text-gray-800">
Starter Access
</div>
<p class="mb-8 pl-8 pr-8 px-8 text-center text-gray-500">
Ideal for users exploring features before committing
</p>
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">1 GB secure storage</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">2 GB monthly traffic limit</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">Up to 200 automation triggers</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">Access to knowledge base</span>
</div>
</div>
</div>
<div class="mt-auto">
<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"
>
$0 / Free
</a>
</div>
</div>
</div>
<div
class="overflow-hidden flex flex-col rounded-lg border-2 border-indigo-500"
>
<div
class="uppercase tracking-widest bg-indigo-500 pt-2 pb-2 py-2 text-center text-sm font-semibold text-white"
>
Best Value
</div>
<div class="flex flex-1 flex-col pt-8 pr-6 pb-6 pl-6">
<div class="mb-12">
<div class="mb-2 text-center text-2xl font-bold text-gray-800">
Growth Plan
</div>
<p
class="ml-auto mr-auto mx-auto mb-8 pl-8 pr-8 px-8 text-center text-gray-500"
>
Designed for growing teams with moderate resource needs
</p>
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">No limit on cloud storage</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">10 GB data transfer monthly</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">10,000 monthly executions</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">Direct email assistance</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">100 integrations supported</span>
</div>
</div>
</div>
<div class="mt-auto">
<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"
>
$19
</a>
</div>
</div>
</div>
<div class="overflow-hidden flex flex-col rounded-lg border lg:mt-8">
<div class="h-2 bg-gray-800"></div>
<div class="flex flex-1 flex-col pt-8 pr-6 pb-6 pl-6">
<div class="mb-12">
<div class="mb-2 text-center text-2xl font-bold text-gray-800">
Professional Suite
</div>
<p
class="ml-auto mr-auto mx-auto mb-8 pl-8 pr-8 px-8 text-center text-gray-500"
>
Built for high-scale operations and global collaboration
</p>
<div class="space-y-4">
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">Unlimited cloud archiving</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">No data transfer cap</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">1 million tasks each month</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">Dedicated support lines</span>
</div>
<div class="flex items-center gap-2">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4 w-4 shrink-0"
fill="none"
viewBox="0 0 16 16"
>
<circle
cx="8"
cy="8"
r="8"
fill="currentColor"
class="text-gray-300"
></circle>
<circle
cx="8"
cy="8"
r="3"
fill="currentColor"
class="text-gray-500"
></circle>
</svg>
<span class="text-gray-600">Unlimited integration hooks</span>
</div>
</div>
</div>
<div class="mt-auto">
<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"
>
$49
</a>
</div>
</div>
</div>
</div>
</div>
</div>
© 2025 tailsections.com. All rights reserved