[website] Add new FAQ to pricing page (#33553)

mui · Aug 11, 2022 · 10c7272 · 10c7272
1 parent 78fc73c
commit 10c7272
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 29 deletions.
diff --git a/docs/pages/blog/premium-plan-release.md b/docs/pages/blog/premium-plan-release.md
@@ -90,7 +90,7 @@ Here is a list of everything that has changed:
 
 - **Removing volume and renewal discounts**
 
-  We aim to give a more transparent price based on the number of developer seats while providing more predictable revenue for MUI X in the long term.
+  We aim to give a more transparent price based on the number of developer licenses while providing more predictable revenue for MUI X in the long term.
   We believe that’s best for both our long-standing customers and us as a company.
 
 - **Perpetual in production**

diff --git a/docs/src/components/pricing/FAQ.tsx b/docs/src/components/pricing/FAQ.tsx
@@ -17,25 +17,20 @@ const faqData = [
     summary: 'How do I know if I need to buy a license?',
     detail: (
       <React.Fragment>
-        If you are in doubt, check the license file of the npm package you're installing.
-        <br />
-        <br />
-        For instance <Link href="https://unpkg.com/@mui/x-data-grid/LICENSE">
-          @mui/x-data-grid
-        </Link>{' '}
-        is MIT while{' '}
-        <Link href="https://unpkg.com/@mui/x-data-grid-pro/LICENSE">@mui/x-data-grid-pro</Link> is
-        commercial.
+        If you are in doubt, check the license file of the npm package you're installing. For
+        instance <Link href="https://unpkg.com/@mui/x-data-grid/LICENSE">@mui/x-data-grid</Link> is
+        an MIT License (free) while{' '}
+        <Link href="https://unpkg.com/@mui/x-data-grid-pro/LICENSE">@mui/x-data-grid-pro</Link> is a
+        Commercial License.
       </React.Fragment>
     ),
   },
   {
-    summary: 'How many developer seats do I need?',
+    summary: 'How many developer licenses do I need?',
     detail: (
       <React.Fragment>
-        The number of seats purchased on your license must correspond to the number of concurrent
-        developers contributing changes to the front-end code of the projects that uses MUI X Pro or
-        Premium.
+        The number of licenses purchased must correspond to the number of concurrent developers
+        contributing changes to the front-end code of projects that use MUI X Pro or Premium.
         <br />
         <br />
         <b>Example 1.</b> Company 'A' is developing an application named 'AppA'. The app needs to
@@ -63,6 +58,31 @@ const faqData = [
       </React.Fragment>
     ),
   },
+  {
+    summary: 'Why must we license developers not using the software directly?',
+    detail: (
+      <React.Fragment>
+        Our pricing model requires all developers working on a project using MUI X Pro or Premium to
+        be licensed. This is intended to make it easier for you and your team to know if the right
+        number of developers are licensed.
+        <br />
+        <br />
+        Our licensing model also requires developers indirectly using MUI X Pro or Premium (e.g.
+        through a wrapper library) to be licensed.
+        <br />
+        <br />
+        The price point per developer is adjusted to be lower than if only direct use needed a
+        license.{' '}
+        <Link
+          target="_blank"
+          rel="noopener"
+          href="https://mui.com/store/legal/mui-x-eula/#required-quantity-of-licenses"
+        >
+          The relevant EULA clause.
+        </Link>
+      </React.Fragment>
+    ),
+  },
   {
     summary: 'Do developers have to be named?',
     detail: (
@@ -246,14 +266,15 @@ export default function FAQ() {
           {renderItem(0)}
           {renderItem(1)}
           {renderItem(2)}
+          {renderItem(3)}
         </Grid>
         <Grid item xs={12} md={4}>
-          {renderItem(3)}
           {renderItem(4)}
           {renderItem(5)}
+          {renderItem(6)}
         </Grid>
         <Grid item xs={12} md={4}>
-          {renderItem(6)}
+          {renderItem(7)}
           <Paper
             variant="outlined"
             sx={{

diff --git a/docs/src/components/pricing/WhatToExpect.tsx b/docs/src/components/pricing/WhatToExpect.tsx
@@ -35,9 +35,10 @@ export default function WhatToExpect() {
               </Typography>
             </Box>
             <Typography variant="body2" color="text.secondary">
-              You can use the software in a production environment forever. All the versions of the
-              software released until the end of your subscription are available. There are no
-              further charges unless you choose to continue development.
+              You can use the software in a production environment forever. Any version of the
+              software released prior to the end of your subscription are available in perpetuity.
+              There are no further charges unless you choose to continue development. See the
+              &quot;Development license&quot; section for more details.
             </Typography>
           </Paper>
         </Grid>
@@ -56,10 +57,10 @@ export default function WhatToExpect() {
               </Typography>
             </Box>
             <Typography variant="body2" color="text.secondary">
-              The licenses are sold on a per-developer basis. The Pro plan includes a cap at 10
-              developers, extra developers do not need to be licensed. You can contact{' '}
-              <Link href="mailto:sales@mui.com">sales</Link> for a volume discount when licensing
-              over 50 developers under the Premium plan.
+              The licenses are sold on a per front-end developer basis. The Pro plan includes is
+              capped at ten licenses; you do not need to pay for additional licenses for more than
+              ten developers. You can contact <Link href="mailto:sales@mui.com">sales</Link> for a
+              volume discount when licensing over 50 developers under the Premium plan.
             </Typography>
           </Paper>
         </Grid>
@@ -78,12 +79,14 @@ export default function WhatToExpect() {
               </Typography>
             </Box>
             <Typography variant="body2" color="text.secondary">
-              With your purchase you are entitled to technical support (for MUI X components) and
-              access to new versions for the duration of your subscription. You can{' '}
-              <Link href="https://mui.com/x/introduction/support/">learn more about support</Link>{' '}
-              in the docs. Note that, except for critical issues, e.g. security, we release bug
-              fixes, and other improvements on top of the latest version, instead of patching older
-              versions.
+              With your purchase you receive support and access to new versions for the duration of
+              your subscription. You can{' '}
+              <Link href="https://mui.com/x/introduction/support/#technical-support">
+                learn more about support
+              </Link>{' '}
+              in the docs. Note that, except for critical issues, such as security flaws, we release
+              bug fixes and other improvements on top of the latest version, instead of patching
+              older versions.
             </Typography>
           </Paper>
         </Grid>