[website] Improve visibility and alignment of the "Plans" element in the Pricing page

[EyaOuenniche]

Summary

Description:
In the pricing section's grid, the typography plans aren't prominently visible, potentially hindering user understanding and interaction.

To address this issue and enhance user experience, I've made the following improvements and formulated two suggestions:

1. Typography Visibility Enhancement:
   Centered the typography plans for better visibility.
   Increased font size to improve readability.
   Renamed from "Plans" to "Choose Your Plan" for clarity.

2. Placement and Alignment Adjustment:
   Positioned the typography centered but above the pricing grid. However, achieving proper alignment between the typography plans and the pricing grid has proven challenging since it caused misalignment with the table below.

Examples

No response

Motivation

No response

Search keywords: Price Section, Enhancement

[danilo-leal]

Hey @EyaOuenniche, thanks for opening the issue! I'm not sure about the problem, though → "potentially hindering user understanding and interaction.". I personally don't think the current design is confusing and we've never heard feedback that the plans were hard to parse because of this page's layout. I'll close this issue for now, but I appreciate the suggestion!