diff --git a/landing/index.html b/landing/index.html index a03c648..a972324 100644 --- a/landing/index.html +++ b/landing/index.html @@ -98,6 +98,10 @@

Obsidian-ready output

Free or Pro

+

+ Free stays powerful for daily use. Pro removes setup friction and + keeps your app maintained automatically. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FeatureFreePro
Local transcription pipelineIncludedIncluded
History + retention controlsIncludedIncluded
Model downloads and managementIncludedIncluded
Signed installersNoYes
In-app auto-updatesNoYes
Checkout + receipt workflowNoYes
Support levelCommunityPriority email
+
@@ -139,8 +193,9 @@

FAQ

What does Pro actually add?

- 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.

@@ -151,7 +206,10 @@

FAQ

-

Ready to skip manual builds and keep updates automatic?

+

+ Keep Free if you like building from source. Upgrade when you want + signed installers and one-click updates. +

Get Dictx Pro
diff --git a/landing/styles.css b/landing/styles.css index eb16697..523c148 100644 --- a/landing/styles.css +++ b/landing/styles.css @@ -266,6 +266,11 @@ 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; @@ -273,6 +278,38 @@ h1 { 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; @@ -388,4 +425,8 @@ details p { .price-grid { grid-template-columns: 1fr; } + + .matrix { + min-width: 0; + } } diff --git a/src/components/settings/about/AboutSettings.tsx b/src/components/settings/about/AboutSettings.tsx index 231d153..d94b6d2 100644 --- a/src/components/settings/about/AboutSettings.tsx +++ b/src/components/settings/about/AboutSettings.tsx @@ -63,7 +63,7 @@ export const AboutSettings: React.FC = () => { diff --git a/src/i18n/locales/en/translation.json b/src/i18n/locales/en/translation.json index 890ff02..2ee5ee2 100644 --- a/src/i18n/locales/en/translation.json +++ b/src/i18n/locales/en/translation.json @@ -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", @@ -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",