Skip to content

feat: sharpen free vs pro packaging and upgrade copy #15

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

Merged
0xNyk merged 1 commit into from
Mar 3, 2026
Merged

feat: sharpen free vs pro packaging and upgrade copy #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
68 changes: 63 additions & 5 deletions landing/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -98,14 +98,19 @@ <h2>Obsidian-ready output</h2>

<section id="pricing" class="panel pricing">
<h2>Free or Pro</h2>
<p class="pricing-lead">
Free stays powerful for daily use. Pro removes setup friction and
keeps your app maintained automatically.
</p>
<div class="price-grid">
<article class="plan">
<p class="plan-name">Free</p>
<p class="plan-price">$0</p>
<ul>
<li>GPL source code</li>
<li>Build from source</li>
<li>All core functionality</li>
<li>All core dictation features</li>
<li>Local history with retention controls</li>
<li>Community support</li>
</ul>
<a
Expand All @@ -122,12 +127,61 @@ <h2>Free or Pro</h2>
<ul>
<li>Signed desktop binaries</li>
<li>In-app auto-updater</li>
<li>Faster install for non-technical users</li>
<li>Professional checkout</li>
<li>Directly supports development</li>
<li>Priority support contact</li>
</ul>
<a class="btn primary" href="/buy">Get Dictx Pro</a>
</article>
</div>
<div class="matrix-wrap" aria-label="Feature comparison">
<table class="matrix">
<thead>
<tr>
<th>Feature</th>
<th>Free</th>
<th>Pro</th>
</tr>
</thead>
<tbody>
<tr>
<td>Local transcription pipeline</td>
<td>Included</td>
<td>Included</td>
</tr>
<tr>
<td>History + retention controls</td>
<td>Included</td>
<td>Included</td>
</tr>
<tr>
<td>Model downloads and management</td>
<td>Included</td>
<td>Included</td>
</tr>
<tr>
<td>Signed installers</td>
<td>No</td>
<td>Yes</td>
</tr>
<tr>
<td>In-app auto-updates</td>
<td>No</td>
<td>Yes</td>
</tr>
<tr>
<td>Checkout + receipt workflow</td>
<td>No</td>
<td>Yes</td>
</tr>
<tr>
<td>Support level</td>
<td>Community</td>
<td>Priority email</td>
</tr>
</tbody>
</table>
</div>
</section>

<section class="panel faq">
Expand All @@ -139,8 +193,9 @@ <h2>FAQ</h2>
<details>
<summary>What does Pro actually add?</summary>
<p>
Pro is the distribution layer: signed installers and updater
convenience.
Pro is the convenience layer: signed installers, in-app updates,
and priority support. Free still includes the full local dictation
workflow.
</p>
</details>
<details>
Expand All @@ -151,7 +206,10 @@ <h2>FAQ</h2>
</p>
</details>
<div class="final-cta">
<p>Ready to skip manual builds and keep updates automatic?</p>
<p>
Keep Free if you like building from source. Upgrade when you want
signed installers and one-click updates.
</p>
<a class="btn primary" href="/buy">Get Dictx Pro</a>
</div>
</section>
Expand Down
41 changes: 41 additions & 0 deletions landing/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -266,13 +266,50 @@ h1 {
letter-spacing: -0.02em;
}

.pricing-lead {
margin: 8px 0 0;
color: color-mix(in srgb, var(--color-text) 72%, transparent);
}

.price-grid {
margin-top: 14px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.matrix-wrap {
margin-top: 12px;
overflow-x: auto;
border: 1px solid color-mix(in srgb, var(--color-mid-gray) 24%, transparent);
border-radius: 14px;
background: color-mix(in srgb, var(--color-background) 90%, #14141d 10%);
}

.matrix {
width: 100%;
border-collapse: collapse;
min-width: 560px;
}

.matrix th,
.matrix td {
text-align: left;
padding: 11px 12px;
border-bottom: 1px solid
color-mix(in srgb, var(--color-mid-gray) 20%, transparent);
font-size: 14px;
}

.matrix th {
color: color-mix(in srgb, var(--color-text) 64%, transparent);
font-weight: 600;
}

.matrix tr:last-child td {
border-bottom: none;
}

.plan {
border: 1px solid color-mix(in srgb, var(--color-mid-gray) 24%, transparent);
border-radius: 14px;
Expand Down Expand Up @@ -388,4 +425,8 @@ details p {
.price-grid {
grid-template-columns: 1fr;
}

.matrix {
min-width: 0;
}
}
2 changes: 1 addition & 1 deletion src/components/settings/about/AboutSettings.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ export const AboutSettings: React.FC = () => {
<Button
variant="secondary"
size="md"
onClick={() => openUrl("https://github.com/0xNyk/dictx")}
onClick={() => openUrl("https://github.com/splitlabs/dictx")}
>
{t("settings.about.sourceCode.button")}
</Button>
Expand Down
8 changes: 4 additions & 4 deletions src/i18n/locales/en/translation.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"history": "History",
"debug": "Debug",
"about": "About",
"getPro": "Get Dictx Pro"
"getPro": "Upgrade to Dictx Pro"
},
"onboarding": {
"subtitle": "To get started, choose a transcription model",
Expand Down Expand Up @@ -533,9 +533,9 @@
"button": "View on GitHub"
},
"supportDevelopment": {
"title": "Get Dictx Pro",
"description": "Signed binary with auto-updates. $29 one-time — supports development.",
"button": "Get Dictx Pro"
"title": "Upgrade to Dictx Pro",
"description": "One-time purchase for signed builds, in-app auto-updates, and priority support.",
"button": "Upgrade Now"
},
"acknowledgments": {
"title": "Acknowledgments",
Expand Down
Loading