Skip to content

feat: Reorder pricing tiers and highlight Enterprise column#4619

Draft
dimitrieh wants to merge 4 commits intomainfrom
feature/pricing-tier-reorder
Draft

feat: Reorder pricing tiers and highlight Enterprise column#4619
dimitrieh wants to merge 4 commits intomainfrom
feature/pricing-tier-reorder

Conversation

@dimitrieh
Copy link
Contributor

Description

Reorders pricing tier columns from Starter → Pro → Enterprise to Enterprise → Pro → Starter, and adds visual emphasis to the Enterprise column across the pricing page.

Changes include:

  • Tier column reorder — reversed column order to Enterprise → Pro → Starter in both the feature comparison table and CTA button row
  • Left-aligned row headers — feature labels now left-align to match section headers
  • Indigo vertical divider — separator between the label column and tier columns
  • Em-dash for empty cells — styled instead of blank space
  • Enterprise card unification — Self-hosted Enterprise card now matches Cloud with "Let's Talk" heading and "Trial period possible" subtitle
  • Enterprise column border — indigo-200 outline around Enterprise column in the feature table
  • Secondary CTA buttons — Pro/Starter CTA buttons use outlined style; Enterprise remains primary
  • Column gaps — consistent spacing between table columns
  • Darker Enterprise card border — gradient overridden to indigo-200 for more prominent border
  • Full-width social proof — logo carousel section spans full page width with equal padding
  • Slower carousel — animation slowed from 30s to 60s for better readability
  • Contact Us button margins — balanced horizontal margins on inline Contact Us button

Related Issue(s)

Extracted from PR #4607 for independent review.

Checklist

  • I have read the contribution guidelines
  • I have considered the performance impact of these changes
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
  • For blog PRs, an Art Request has been created (instructions)

@dimitrieh
Copy link
Contributor Author

dimitrieh commented Mar 2, 2026

This is not yet ready for merging. Branched off/scoped out changed from #4607

preview

FlowFuse Cloud Self-hosted
CleanShot 2026-03-02 at 13 18 41@2x CleanShot 2026-03-02 at 13 19 04@2x

White bg artifact is because of browser zoom. Is a non issue

Base automatically changed from feature/pricing-data-architecture to main March 2, 2026 22:13
@dimitrieh
Copy link
Contributor Author

@lbeau feel free to use this as a starting point for the pricing page updates you have in mind. The other PR on FlowFuse expert pricing page updates is now merged

… reorder, and divider

Reverse tier column order to Enterprise → Pro → Starter, left-align
row header labels to match section headers, add indigo vertical divider
between label and tier columns, show em-dash for empty cells, and push
info icons to the right edge of the label cell.
Self-hosted Enterprise card now shows "Let's Talk" heading (matching Cloud),
with "Trial period possible" subtitle and on-page scroll to trial license form.
…and column gaps

- Add indigo-200 border outline around Enterprise column in feature table
- Change Pro/Starter CTA buttons to secondary outlined style (pricing cards + feature table)
- Change inline Contact Us button to secondary outlined style
- Add consistent column-gap for visual spacing between table columns
- Remove label border-right to prevent double border with Enterprise column
…carousel

- Override Enterprise pricing card gradient to indigo-200 for more prominent border
- Add balanced margins to Contact Us button in feature table
- Make social proof logo section full width with equal top/bottom padding
- Slow carousel animation from 30s to 60s
@dimitrieh dimitrieh force-pushed the feature/pricing-tier-reorder branch from e0d5c25 to f0b62ea Compare March 3, 2026 10:05
@dimitrieh
Copy link
Contributor Author

Resolved conflicts after #4622 was merged

@netlify
Copy link

netlify bot commented Mar 3, 2026

Deploy Preview for flowforge-website ready!

Name Link
🔨 Latest commit f0b62ea
🔍 Latest deploy log https://app.netlify.com/projects/flowforge-website/deploys/69a6b27f9e602f000898ecdb
😎 Deploy Preview https://deploy-preview-4619--flowforge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 92 (🟢 up 8 from production)
Accessibility: 81 (no change from production)
Best Practices: 100 (no change from production)
SEO: 91 (no change from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@ZJvandeWeg
Copy link
Member

@dimitrieh If this wasn't a draft I think I'd merge it

@dimitrieh
Copy link
Contributor Author

@dimitrieh If this wasn't a draft I think I'd merge it

@ZJvandeWeg this is a potential follow up to my pricing page update (#4607). @lbeau is looking into updating the pricing page further for which this can serve as the in-progress PR starting point.

@lbeau do you have an issue you can tie to this effort?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants