Skip to content

Feat/pricing #30

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
bjoerndotsol wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Feat/pricing #30

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
2a60c52
feat: pricing
bjoerndotsol Oct 24, 2025
391df66
feat: feature comparison
bjoerndotsol Oct 24, 2025
45404b6
feat: pricing page
bjoerndotsol Oct 24, 2025
4b29f3e
chore: fixed typos
bjoerndotsol Oct 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions docs.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -293,6 +293,12 @@
"pages": [
"release-notes/index"
]
},
{
"tab": "Pricing",
"pages": [
"pricing"
]
}
]
},
Expand Down
329 changes: 329 additions & 0 deletions pricing.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,329 @@
---
title: "Pricing"
description: "Choose the plan that fits your needs"
sidebarTitle: "Pricing"
mode: "custom"
---

<div className="max-w-6xl mx-auto px-8 py-12">

<div className="text-center mt-8 mb-16">

<h1 className="text-6xl mb-4 text-black max-w-3xl mx-auto">Pricing that scales with your business</h1>

<p className="text-lg text-gray-600 mt-8 max-w-4xl mx-auto">
From startups to enterprise platforms, Dialect delivers production-grade notification and blockchain links action infrastructure with transparent pricing that grows with your needs.
</p>

</div>

<CardGroup cols={4}>
<Card title="Free" icon="seedling">
<div className="flex flex-col h-full min-h-[500px]">
<div className="mb-4">
<div className="text-5xl text-black">$0</div>
<div className="text-sm text-gray-500">per month</div>
</div>

<p className="text-sm mb-6">For early teams validating product ideas</p>

<div className="space-y-3 text-sm flex-1">
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Up to 500 MAUs</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Basic Interface (Web)</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Dialect Email, Telegram, SMS</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Basic Dashboard</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Basic Unicast & Broadcast</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Bundled Firebase Push</span>
</div>
</div>

<div className="mt-auto pt-6">
<a href="https://dashboard.dialect.to" className="inline-block w-full text-center px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">
Get started →
</a>
</div>
</div>
</Card>

<Card title="Standard" icon="rocket">
<div className="flex flex-col h-full min-h-[500px]">
<div className="mb-4">
<div className="text-5xl text-black">$299</div>
<div className="text-sm text-gray-500">per month</div>
</div>

<p className="text-sm mb-6">For teams moving from prototype to production</p>

<p className="text-sm text-gray-600 mb-4">Everything in Free, plus:</p>

<div className="space-y-3 text-sm flex-1">
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Up to 2,500 MAUs</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Custom Interface (Web)</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Custom Email, Telegram, SMS</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Advanced Dashboard</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Performance Unicast & Broadcast (Limited)</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Universal Inbox Delivery</span>
</div>
</div>

<div className="mt-auto pt-6">
<a href="https://dashboard.dialect.to" className="inline-block w-full text-center px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">
Get started →
</a>
</div>
</div>
</Card>

<Card title="Growth" icon="chart-line">
<div className="flex flex-col h-full min-h-[500px]">
<div className="mb-4">
<div className="text-5xl text-black">$499</div>
<div className="text-sm text-gray-500">per month</div>
</div>

<p className="text-sm mb-6">For scaling applications serving thousands of users</p>

<p className="text-sm text-gray-600 mb-4">Everything in Standard, plus:</p>

<div className="space-y-3 text-sm flex-1">
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Up to 10,000 MAUs</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Full Performance Unicast & Broadcast</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Universal Inbox Integration</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Custom Events & Webhooks</span>
</div>
</div>

<div className="mt-auto pt-6">
<a href="https://dashboard.dialect.to" className="inline-block w-full text-center px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">
Get started →
</a>
</div>
</div>
</Card>

<Card title="Design Partner" icon="handshake">
<div className="flex flex-col h-full min-h-[500px]">
<div className="mb-4">
<div className="text-5xl text-black">Custom</div>
<div className="text-sm text-gray-500">&nbsp;</div>
</div>

<p className="text-sm mb-6">For strategic partnerships and enterprise needs</p>

<p className="text-sm text-gray-600 mb-4">Everything in Growth, plus:</p>

<div className="space-y-3 text-sm flex-1">
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Unlimited MAUs</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Performance Unicast & Broadcast (Preferred)</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>White Glove Service</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Design Partner Program</span>
</div>
<div className="flex items-start gap-2">
<span className="text-green-600"><Icon icon="check" /></span>
<span>Dedicated Support</span>
</div>
</div>

<div className="mt-auto pt-6">
<a href="https://form.typeform.com/to/WlSWtZDY" target="_blank" className="inline-block w-full text-center px-4 py-2 border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">
Talk to sales →
</a>
</div>
</div>
</Card>
</CardGroup>

<div className="mt-16">
<h2 className="text-3xl text-black text-center mb-8">Full Feature Comparison</h2>

<div className="overflow-x-auto border border-gray-200 rounded-lg">
<table className="w-full border-collapse text-sm">
<thead>
<tr className="border-b-2 border-gray-300">
<th className="text-left p-4 font-semibold">Feature</th>
<th className="text-center p-4 font-semibold">Free</th>
<th className="text-center p-4 font-semibold">Standard</th>
<th className="text-center p-4 font-semibold">Growth</th>
<th className="text-center p-4 font-semibold">Design Partner</th>
</tr>
</thead>
<tbody>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">Monthly Active Users</td>
<td className="text-center p-4">Up to 500</td>
<td className="text-center p-4">Up to 2,500</td>
<td className="text-center p-4">Up to 10,000</td>
<td className="text-center p-4">Unlimited</td>
</tr>
<tr className="border-b border-gray-200 bg-gray-50">
<td className="p-4 font-medium">Interface (Web)</td>
<td className="text-center p-4">Basic</td>
<td className="text-center p-4">Custom</td>
<td className="text-center p-4">Custom</td>
<td className="text-center p-4">Custom</td>
</tr>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">Email, Telegram, SMS</td>
<td className="text-center p-4">Dialect</td>
<td className="text-center p-4">Custom</td>
<td className="text-center p-4">Custom</td>
<td className="text-center p-4">Custom</td>
</tr>
<tr className="border-b border-gray-200 bg-gray-50">
<td className="p-4 font-medium">Dashboard</td>
<td className="text-center p-4">Basic</td>
<td className="text-center p-4">Advanced</td>
<td className="text-center p-4">Advanced</td>
<td className="text-center p-4">Advanced</td>
</tr>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">Unicast</td>
<td className="text-center p-4">Basic</td>
<td className="text-center p-4">Performance (Limited)</td>
<td className="text-center p-4">Performance</td>
<td className="text-center p-4">Performance (Preferred)</td>
</tr>
<tr className="border-b border-gray-200 bg-gray-50">
<td className="p-4 font-medium">Broadcast</td>
<td className="text-center p-4">Basic</td>
<td className="text-center p-4">Performance (Limited)</td>
<td className="text-center p-4">Performance</td>
<td className="text-center p-4">Performance (Preferred)</td>
</tr>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">Bundled Firebase Push (Mobile) 🔥</td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
<tr className="border-b border-gray-200 bg-gray-50">
<td className="p-4 font-medium">Universal Inbox Delivery 📥</td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">Universal Inbox Integration</td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
<tr className="border-b border-gray-200 bg-gray-50">
<td className="p-4 font-medium">Custom Events & Webhooks</td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">White Glove Service</td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
<tr className="border-b border-gray-200 bg-gray-50">
<td className="p-4 font-medium">Design Partner Program</td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
<tr className="border-b border-gray-200">
<td className="p-4 font-medium">Dedicated Support</td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-gray-400">—</span></td>
<td className="text-center p-4"><span className="text-green-600"><Icon icon="check" /></span></td>
</tr>
</tbody>
</table>
</div>
</div>

<div className="mt-24 max-w-3xl mx-auto">
<h2 className="text-3xl text-black text-center mb-4">Frequently asked questions</h2>

<p className="text-center text-gray-600 mb-12">
Have any questions? <a href="https://form.typeform.com/to/WlSWtZDY" target="_blank" style={{color: '#0D9373'}} className="hover:underline">Get in touch with our team</a>.
</p>

<AccordionGroup>
<Accordion title="How are MAUs calculated?" defaultOpen>
A monthly active user is any wallet that has at least one active session within the past 30 days. That user can connect multiple times with any number of identifiers.
</Accordion>

<Accordion title="How does pricing scale as my product grows?">
Our pricing grows alongside your application. You can scale your user base and activity without interruption. When you're ready to expand, we'll help you move to the plan that matches your requirements. [Fill out our form](https://form.typeform.com/to/WlSWtZDY) for more details.
</Accordion>

<Accordion title="How can I talk to someone before starting?">
We're happy to chat! Schedule a call with our team by [filling out this form](https://form.typeform.com/to/WlSWtZDY).
</Accordion>

<Accordion title="What if I need a feature that you don't support?">
We're constantly building new capabilities to help our users succeed. [Let us know what you're looking for](https://form.typeform.com/to/WlSWtZDY) and we'll explore how we can help.
</Accordion>
</AccordionGroup>
</div>

</div>