Change 'add on' to 'premium solution' for UI Cov & a11y products

docs/app/faq.mdx

@@ -20,7 +20,7 @@ source (MIT license) application. This is always free to use.
 variety of billing plans (including a free, open source plan) for when you want
 to record your test runs in CI.
 
-Additionally, we have add-ons like [UI Coverage](/ui-coverage/get-started/introduction) and [Cypress Accessibility](/accessibility/get-started/introduction) which have separate pricing.
+Additionally, we have premium solutions like [UI Coverage](/ui-coverage/get-started/introduction) and [Cypress Accessibility](/accessibility/get-started/introduction) which have separate pricing.
 
 Please see our [Pricing Page](https://www.cypress.io/pricing) for more details.
 

docs/app/get-started/why-cypress.mdx

@@ -44,8 +44,8 @@ of your test suite and the quality of your application.
   [open source](https://github.com/cypress-io/cypress),
   locally installed app for writing and running tests.
 - [Cypress Cloud](/cloud/get-started/introduction), a paid service for recording tests, surfacing test results, and providing test analytics.
-- [UI Coverage](/ui-coverage/get-started/introduction), a paid add-on providing a visual overview of test coverage across every page and component of your app, offering clear insights into uncovered areas that everyone can understand.
-- [Cypress Accessibility](/accessibility/get-started/introduction), a paid add-on providing accessibility checks, which helps detect barriers for people with disabilities using your application.
+- [UI Coverage](/ui-coverage/get-started/introduction), a premium solution providing a visual overview of test coverage across every page and component of your app, offering clear insights into uncovered areas that everyone can understand.
+- [Cypress Accessibility](/accessibility/get-started/introduction), a premium solution providing accessibility checks, which helps detect barriers for people with disabilities using your application.
 
 Cypress is a robust solution that can improve the quality of your application.
 

docs/app/guides/accessibility-testing.mdx

@@ -34,7 +34,7 @@ Here are the main ways to account for accessibility when testing with Cypress:
 - [In-test plugins](#In-test-plugins)
 - [Cypress Accessibility](#Cypress-Accessibility)
 
-<AccessibilityAddon />
+<AccessibilityPremiumNote />
 
 ### Explicit, application-specific tests
 
@@ -81,7 +81,7 @@ In-test accessibility checks are the only kind available in typical testing scen
 
 To learn more, you can read our [dedicated docs](/accessibility/get-started/introduction), or review a [public live example of an automatically-generated accessibility report](https://cloud.cypress.io/projects/7s5okt/runs/6520/accessibility?tab=views&columnHeading=Views&direction=ascending&rulesColumnHeading=Rules&rulesDirection=ascending&impact=critical%2Cserious%2Cmoderate%2Cminor&ruleset=wcag21a%2Cwcag21aa%2Cbest-practice&status=fail%2Cincomplete) in our Cypress Realworld App demo project.
 
-<AccessibilityAddon />
+<AccessibilityPremiumNote />
 
 <DocsImage
   src="/img/accessibility/cy-a11y-detail.png"

docs/partials/_accessibility-premium-note.mdx

@@ -0,0 +1,5 @@
+:::tip
+
+**Cypress Accessibility** is a paid premium solution. [Schedule a demo](<https://www.cypress.io/accessibility?utm_medium=premium-solution-tip&utm_source=docs.cypress.io&utm_content=Schedule a demo>) today and see how easy it is to enhance your accessibility testing while speeding up your development process.
+
+:::

docs/partials/_ui-coverage-premium-note.mdx

@@ -0,0 +1,5 @@
+:::tip
+
+**UI Coverage** is a paid premium solution. [Schedule a demo](<https://www.cypress.io/ui-coverage?utm_medium=premium-solution-tip&utm_source=docs.cypress.io&utm_content=Schedule a demo>) today and see how easy it is to enhance your testing while speeding up your development process.
+
+:::

src/components/product-heading/index.tsx

@@ -19,7 +19,7 @@ const ProductHeading: React.FC<ProductHeadingProps> = ({
     const iconName = product === 'ui-coverage' ? 'technology-ui-coverage' : product === 'accessibility' ? 'cypress-accessibility-outline' : 'technology-cypress'
     const linkPath  = product === 'cloud' ? 'pricing' : product
 
-    let badgeContent = product === 'cloud' ? 'Free Trial' : '+ Add-on'
+    let badgeContent = product === 'cloud' ? 'Free Trial' : 'Premium Solution'
 
     if (product === 'cloud' && plan) {
         badgeContent = plan === 'team' ? 'Team Plan' : plan === 'business' ? 'Business Plan' : 'Enterprise Plan'

src/theme/MDXComponents.js

@@ -1,7 +1,7 @@
 // Import the original mapper
 import MDXComponents from "@theme-original/MDXComponents";
 import AnatomyOfAnError from "@site/docs/partials/_anatomy-of-an-error.mdx";
-import AccessibilityAddon from "@site/docs/partials/_accessibility-addon.mdx";
+import AccessibilityPremiumNote from "@site/docs/partials/_accessibility-premium-note.mdx";
 import AutoCancellationBenefits from "@site/docs/partials/_auto-cancellation-benefits.mdx";
 import Badge from "@site/src/components/badge";
 import Btn from "@site/src/components/button";
@@ -41,7 +41,7 @@ import Logo from "@site/src/components/logo";
 import CloudFreePlan from "@site/docs/partials/_cloud_free_plan.mdx";
 import CiProviderCloudSteps from "@site/docs/partials/_ci_provider_cloud_steps.mdx";
 import UrlAllowList from "@site/docs/partials/_url_allowlist.mdx";
-import UICovAddon from "@site/docs/partials/_ui-coverage-addon.mdx";
+import UICovPremiumNote from "@site/docs/partials/_ui-coverage-premium-note.mdx";
 
 // Font Awesome
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -161,7 +161,7 @@ export default {
   // Re-use the default mapping
   ...MDXComponents,
   AnatomyOfAnError,
-  AccessibilityAddon,
+  AccessibilityPremiumNote,
   AutoCancellationBenefits,
   Badge,
   Btn,
@@ -201,5 +201,5 @@ export default {
   CloudFreePlan,
   CiProviderCloudSteps,
   UrlAllowList,
-  UICovAddon,
+  UICovPremiumNote,
 }