Update website copy

components/footer.tsx

@@ -421,7 +421,8 @@ const Footer: FunctionComponent<{
           <p className='text-gray-500 h6'>
             &copy; Mockoon 2017 - {new Date().getFullYear()}
           </p>
-          {router.route.includes('use-cases') && (
+          {(router.route.includes('use-cases') ||
+            router.route.includes('custom-services')) && (
             <p>
               <a href='https://storyset.com' className='text-gray-500 h6'>
                 Illustrations by Storyset

components/plans.tsx

@@ -33,6 +33,12 @@ const faq: AccordionData = [
           'What is the difference between "Email support" and "Enterprise support"?',
         content:
           "Email support is a standard support service provided to all users. You can contact us at any time by email and we will help you with your questions without a guaranteed response time. Enterprise support is a premium support service provided to Enterprise plan users with a guaranteed response time. For more information, please refer to the <a href='/terms/'>terms of service</a>."
+      },
+      {
+        title:
+          'We are using the open-source version, but we are interested in getting priority support. Can I purchase it separately?',
+        content:
+          'Yes, we offer <a href="/custom-services/">custom services</a> that can include priority support. Do not hesitate to <a href="/contact-form/">contact us</a> to discuss your needs.'
       }
     ]
   },
@@ -66,17 +72,12 @@ const faq: AccordionData = [
       {
         title: 'Do you offer discounts for schools, bootcamps or students?',
         content:
-          'We provide educational institutions with free Solo plans for all their students. Do not hesitate to <a href="/contact-form/">contact us</a> to become a partner.'
-      },
-      {
-        title: 'Do you have a discount for startups?',
-        content:
-          'We offer substantial discounts for startups and bootstrapped entrepreneurs who did not raise funds. Do not hesitate to <a href="/contact-form/">contact us</a> to learn about the conditions and benefits of the program.'
+          'We provide educational institutions with substantial discounts. Do not hesitate to <a href="/contact-form/">contact us</a> to become a partner.'
       },
       {
         title: 'How can I cancel my subscription?',
         content:
-          'You can manage your subscription using the links in the emails you received from Paddle.com. You can also <a href="/contact-form/">contact us</a> and we will help you cancel your subscription.'
+          'You can manage your subscription using the links in the emails you received from Paddle.com or in your <a href="/account/subscription/">account management page</a>. You can also <a href="/contact-form/">contact us</a> and we will help you cancel your subscription.'
       },
       {
         title: 'Can I get a refund?',

pages/custom-services.tsx

@@ -1,33 +1,38 @@
 import { FunctionComponent } from 'react';
+import AlternatedFeatures from '../components/alternated-features';
 import Hero from '../components/hero';
 import Meta from '../components/meta';
 import Layout from '../layout/layout';
 
 export const services = [
   {
-    label: 'Infrastructure',
-    title: 'Mockoon setup and deployment',
+    title: 'Mockoon <span class="text-primary">setup and deployment</span>',
     description:
       'We can help you set up and deploy Mockoon on your infrastructure, server, or CI/CD pipeline for all your use cases: development, integration testing, QA, etc.',
-    imgSrc: '/images/custom-services/deployment-and-configuration.svg',
+    imgSrc: '/images/custom-services/api-mock-deployment.svg',
     imgAlt: 'one person checking tasks statuses'
   },
   {
-    label: 'Code',
-    title: 'API mock creation',
+    title: 'API mock <span class="text-primary">creation</span>',
     description:
       'We can take care of creating and maintaining your API mocks for you. We can also help you migrate your existing mocks to Mockoon and advise on how to best handle your use cases.',
-    imgSrc: '/images/custom-services/create-custom-mock-api.svg',
+    imgSrc: '/images/custom-services/api-mock-creation-maintenance.svg',
     imgAlt: 'a person looking at code'
   },
   {
-    label: 'Training',
-    title: 'Live training and workshops',
+    title:
+      'Live <span class="text-primary">training</span> and <span class="text-primary">workshops</span>',
     description:
       'We can provide live training and workshops for your team to help you get started with Mockoon, learn how to make the most of it, or learn about API and API design in general.',
-    imgSrc: '/images/custom-services/live-training.svg',
-    imgAlt: 'multiple persons taking a live training session',
-    cta: { link: '/training/', text: 'Book online' }
+    imgSrc: '/images/custom-services/api-training-and-workshops.svg',
+    imgAlt: 'multiple persons taking a live training session'
+  },
+  {
+    title: 'Priority <span class="text-primary">enterprise support</span>',
+    description:
+      'We can provide priority support for your team, including guaranteed response times, dedicated support channels, and custom SLAs.',
+    imgSrc: '/images/custom-services/enterprise-priority-support.svg',
+    imgAlt: 'multiple persons taking a live training session'
   }
 ];
 
@@ -40,60 +45,26 @@ const Services: FunctionComponent = function () {
         ogType='article'
       />
       <Hero
-        title='Our custom services'
+        title='Our <span class="text-primary">custom services</span>'
         subtitle='We can help you get started with Mockoon through training, support, and custom development. Contact us for more information about our custom services.'
-        cta={[{ link: '/contact-form/', text: 'Contact us' }]}
       />
 
-      <section className='py-5 py-lg-10'>
+      <section className='py-6 py-md-8 border-top bg-gradient-light-white'>
         <div className='container text-lg-start text-center'>
-          {services.map((service, serviceIndex) => {
-            return (
-              <div
-                className='row py-5 py-lg-8 align-items-center justify-content-between'
-                key={`service${serviceIndex}`}
-              >
-                <div
-                  className={`col-12 col-lg-5 pb-sm-10 pb-lg-0 ${
-                    serviceIndex % 2 === 0 ? 'order-lg-2' : 'order-lg-1'
-                  }`}
-                >
-                  <span className='badge rounded-pill text-bg-primary-subtle mb-3'>
-                    <span className='h6 text-uppercase'>{service.label}</span>
-                  </span>
-
-                  <h3 className='h2 fw-bold'>{service.title}</h3>
+          <AlternatedFeatures features={services} imgClassName='w-lg-50' />
+        </div>
+      </section>
 
-                  <div className='fs-lg text-gray-700'>
-                    {service.description}
-                  </div>
-                  <div>
-                    {service.cta && (
-                      <a
-                        className='btn btn-secondary-subtle btn-xs mt-5'
-                        href={service.cta.link}
-                      >
-                        {service.cta.text}&nbsp;→
-                      </a>
-                    )}
-                  </div>
-                </div>
-                <div
-                  className={`col-12 col-lg-7 ${
-                    serviceIndex % 2 === 0 ? 'order-lg-1' : 'order-lg-2'
-                  }`}
-                >
-                  <div className={`my-6 my-lg-0 text-center`}>
-                    <img
-                      src={service.imgSrc}
-                      alt={service.imgAlt}
-                      className='img-fluid w-lg-50'
-                    />
-                  </div>
-                </div>
-              </div>
-            );
-          })}
+      <section className='pb-6 pb-md-8'>
+        <div className='container'>
+          <div className='row justify-content-center'>
+            <div className='col-md-6 text-center'>
+              <a href='/contact-form/' className='btn btn-primary mb-6 lift'>
+                Contact us
+                <i className='icon-arrow_forward ms-2'></i>
+              </a>
+            </div>
+          </div>
         </div>
       </section>
     </Layout>

pages/faq.tsx

@@ -295,7 +295,10 @@ const Faq: FunctionComponent = function () {
                   <div className='accordion-body'>
                     <p className='text-gray-700'>
                       Yes, you can get enterprise-grade support with our{' '}
-                      <a href='/cloud/'>Cloud plans</a>.
+                      <a href='/cloud/'>Cloud plans</a>. We can also provide
+                      priority support separately.{' '}
+                      <a href='contact-form'>Contact us</a> for more
+                      information.
                     </p>
                   </div>
                 </div>

pages/training.tsx

@@ -25,12 +25,12 @@ const faq: AccordionData = [
       {
         title: 'How long does the training last?',
         content:
-          'The training can last up to 4 hours (see schedule above). Select the quantity of hours you want to book when you purchase the training. We can also accommodate custom training schedules. <a href="/contact-form/">Contact us</a> for more information.'
+          'The training can last up to 4 hours (see schedule above). We can also accommodate custom training schedules. <a href="/contact-form/">Contact us</a> for more information.'
       },
       {
         title: 'How many participants can attend the training?',
         content:
-          'The training is for up to 5 participants. If you have a larger team, we can accommodate custom training schedules. <a href="/contact-form/">Contact us</a> for more information.'
+          'Ideal group size is below 10 participants. If you have a larger team, we can accommodate custom training schedules. <a href="/contact-form/">Contact us</a> for more information.'
       },
       {
         title: 'Do you offer a certificate of completion?',
@@ -44,12 +44,7 @@ const faq: AccordionData = [
       {
         title: 'Do you offer discounts?',
         content:
-          'We offer a discount on the course price for students, teams and non-profit organizations. Do not hesitate to <a href="/contact-form/">contact us</a> to get a discount.'
-      },
-      {
-        title: 'Can I get a refund?',
-        content:
-          'We do not offer refunds for the training. If you are unable to attend the training, we can reschedule your training session for a later date.'
+          'We offer a discount on the course price for students and non-profit organizations. Do not hesitate to <a href="/contact-form/">contact us</a> to get a discount.'
       }
     ]
   }

pages/use-cases/index.tsx

@@ -78,7 +78,7 @@ export default function () {
         subtitle='Discover how mocking APIs with Mockoon can accelerate and streamline your applications development, integration, testing, and demos'
       />
 
-      <section className='py-5 py-lg-10'>
+      <section className='py-6 py-md-8 border-top bg-gradient-light-white'>
         <div className='container text-lg-start text-center'>
           <AlternatedFeatures features={useCases} imgClassName='w-lg-50' />
         </div>

pages/what-is-mockoon.tsx

@@ -72,7 +72,7 @@ export default function () {
               <div className='row'>
                 <div className='col-12 col-md-8 m-auto'>
                   <img
-                    src='/images/illustrations/use-cases/api-integration.svg'
+                    src='/images/what-is-mockoon/api-integration.svg'
                     className='img-fluid'
                     alt='one person connecting to multiple applications'
                   />
@@ -94,7 +94,7 @@ export default function () {
               <div className='row'>
                 <div className='col-12 col-md-8 m-auto'>
                   <img
-                    src='/images/illustrations/use-cases/integration-testing.svg'
+                    src='/images/what-is-mockoon/integration-testing.svg'
                     className='img-fluid'
                     alt='visual representation of software testing'
                   />
@@ -115,7 +115,7 @@ export default function () {
               <div className='row'>
                 <div className='col-12 col-md-8 m-auto'>
                   <img
-                    src='/images/illustrations/use-cases/onboarding.svg'
+                    src='/images/what-is-mockoon/onboarding.svg'
                     className='img-fluid'
                     alt='Two people coding'
                   />