Add GH accel logo

components/plans.tsx

@@ -47,7 +47,13 @@ const faq: AccordionData = [
     items: [
       {
         title: 'Do you offer a free trial?',
-        content: `We offer a ${pricing.SOLO.trialDays}-day free trial for all plans. You can cancel your subscription at any time during the trial period and you will not be charged.`
+        content: `We offer a ${pricing.SOLO.trialDays}-day free trial for all plans. You can cancel your subscription at any time during the trial period and you will not be charged. Please note that the free trial is available once per user and requires a valid payment method.`
+      },
+      {
+        title:
+          'Our team/company is interested in the Team or Enterprise plan. Can we try it first withour providing a payment method?',
+        content:
+          'We can provide you with a free trial without a payment method. Do not hesitate to <a href="/contact-form/">contact us</a> to discuss your needs.'
       },
       {
         title: 'How does per-seat billing work?',

components/social-proof.tsx

@@ -0,0 +1,60 @@
+import { FunctionComponent } from 'react';
+
+const SocialProof: FunctionComponent = function () {
+  return (
+    <>
+      <div className='text-center text-lg-start text mb-8'>
+        <div>
+          <a
+            href='https://github.blog/news-insights/company-news/github-accelerator-our-first-cohort-and-whats-next/'
+            target='_blank'
+          >
+            <img
+              src='/images/github-accelerator.png'
+              alt=''
+              width='250'
+              className='img-fluid'
+            />
+          </a>
+        </div>
+      </div>
+      <div className='d-flex flex-wrap justify-content-between'>
+        <div>
+          <a href='https://www.g2.com/products/mockoon-mockoon' target='_blank'>
+            <img
+              src='/images/directories/g2.png'
+              alt='G2 rating 4.5'
+              width='150'
+              className='img-fluid'
+            />
+          </a>
+        </div>
+        <div>
+          <a href='https://www.capterra.com/p/211671/Mockoon/' target='_blank'>
+            <img
+              src='/images/directories/capterra.png'
+              alt='Capterra rating 4.5'
+              width='150'
+              className='img-fluid'
+            />
+          </a>
+        </div>
+        <div>
+          <a
+            href='https://www.producthunt.com/products/mockoon'
+            target='_blank'
+          >
+            <img
+              src='/images/directories/producthunt.png'
+              alt='Producthunt rating 5'
+              width='150'
+              className='img-fluid'
+            />
+          </a>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default SocialProof;

pages/cloud.tsx

@@ -1,9 +1,9 @@
 import AlternatedFeatures from '../components/alternated-features';
 import CompanyLogos from '../components/company-logos';
-import DirectoryRatings from '../components/directory-ratings';
 import Hero from '../components/hero';
 import Meta from '../components/meta';
 import OssCloudComparison from '../components/oss-cloud-comparison';
+import SocialProof from '../components/social-proof';
 import Layout from '../layout/layout';
 import { useAuth } from '../utils/auth';
 
@@ -109,7 +109,7 @@ export default function () {
         mainPictureAlt='Mockoon logo in the cloud interconnected with other services'
         mainPictureSkewed={false}
       >
-        <DirectoryRatings />
+        <SocialProof />
       </Hero>
 
       <section className='py-6 py-md-8 border-top bg-gradient-light-white'>

pages/index.tsx

@@ -2,10 +2,10 @@ import { FunctionComponent, useEffect, useState } from 'react';
 import AlternatedFeatures from '../components/alternated-features';
 import Card from '../components/card';
 import CompanyLogos from '../components/company-logos';
-import DirectoryRatings from '../components/directory-ratings';
 import Hero from '../components/hero';
 import Meta from '../components/meta';
 import Quote from '../components/quote';
+import SocialProof from '../components/social-proof';
 import Sponsors from '../components/sponsors';
 import Testimonial from '../components/testimonial';
 import Typed from '../components/typed';
@@ -180,7 +180,7 @@ const HomePage: FunctionComponent = function () {
         mainPictureWidth={1200}
         mainPictureHeight={783}
       >
-        <DirectoryRatings />
+        <SocialProof />
       </Hero>
       <section>
         <div className='container'>