diff --git a/pages/about.tsx b/pages/about.tsx index 40b683b5..a3833e4d 100644 --- a/pages/about.tsx +++ b/pages/about.tsx @@ -1,9 +1,44 @@ +import Link from 'next/link'; import { FunctionComponent } from 'react'; import Hero from '../components/hero'; import Meta from '../components/meta'; import Layout from '../layout/layout'; -const About: FunctionComponent = function () { +export async function getStaticProps() { + let contributors = []; + + try { + const res = await fetch( + 'https://api.github.com/repos/mockoon/mockoon/stats/contributors' + ); + const data = await res.json(); + + contributors = data.map((contribution) => { + return { + username: contribution.author.login, + avatarUrl: contribution.author.avatar_url + }; + }); + + contributors = contributors.filter( + (contributor) => + contributor.username !== '255kb' && + contributor.username !== 'dependabot[bot]' + ); + } catch (error) { + console.error(error); + } + + return { + props: { + contributors + } + }; +} + +const About: FunctionComponent<{ + contributors: { username: string; avatarUrl: string }[]; +}> = function ({ contributors }) { return (
-
-
-
-
+
+
+

+ Mockoon is a free and open-source mock API tool created by{' '} + Guillaume in 2017. + Passionate about APIs and great developer tools, he spent a lot of + time making Mockoon the easiest-to-use and quickest mock API tool. +

+
+
+ +
+
+
+ Mockoon maintainer -
-
-
-
- Guillaume -
- - - - -
-
+
+
+ Guillaume +
+ Founder and main maintainer +
- -
-
-

- Mockoon is a free and open-source mock API tool created by - Guillaume in 2017. Passionate about APIs and great developer - tools, he spent a lot of time making Mockoon the easiest to use - and quickest mock API tool. -

-

- Recently joined by Fabrice, a long-time friend and full-stack - developer, together they plan to bring Mockoon to the next level - and deliver the best developer experience on the market. -

-

- They believe in simplicity and efficiency and work hard every day - to bring you a tool that is easy to set up yet powerful. The goal - is to save you tons of time, not waste it. -

+
+

- If you believe in what we are building, you can sponsor us in this - journey and join the dozens of{' '} + If you believe in what we are building, you can{' '} + sponsor us in this journey and join the dozens of{' '} -

+

You can also support us by subscribing to our{' '} Pro plans and enjoy a whole new level of - capabilities: AI-powered API mocks generation, enterprise-grade - support, and more! + capabilities: AI-powered API mocks generation, + enterprise-grade support, and more to come!

diff --git a/pages/sponsor-us.tsx b/pages/sponsor-us.tsx index e858cb1c..131e9461 100644 --- a/pages/sponsor-us.tsx +++ b/pages/sponsor-us.tsx @@ -1,3 +1,4 @@ +import Link from 'next/link'; import { FunctionComponent } from 'react'; import GitHub from '../components/github'; import Hero from '../components/hero'; @@ -23,30 +24,28 @@ const SponsorUs: FunctionComponent = function () {

- Mockoon is an open-source project created in 2017 by{' '} + Mockoon is an open-source project created in 2017 + by{' '} Guillaume - , a developer passionate about APIs. Recently joined by{' '} - - Fabrice - + , a developer passionate about APIs, helped by{' '} + + dozens of amazing contributors + .

- Entirely free, Mockoon saves time for thousands of people around - the world every day and recently crossed{' '} - 500 000 downloads! + Entirely free, Mockoon saves time for{' '} + thousands of people around the world every day + and recently crossed 500k downloads!

- Reaching this level of satisfaction requires a tremendous amount - of time from the maintainers. If you like Mockoon and want it to - propose always more great features, you can support us and join - the dozens of{' '} + Reaching this level of satisfaction requires a{' '} + tremendous amount of time from the maintainers. + If you like Mockoon and want it to propose always more great + features, you can support us and join the dozens + of{' '}

- By sponsoring us, you can show your appreciation for all this hard - work and also allow us to dedicate more time to this project in - the future. For higher sponsor tiers, this is the opportunity to - show your brand in front of many developers interested in APIs and - automated testing (~35k views per month, more details on GitHub - Sponsors). + By sponsoring us, you can show your appreciation for all this{' '} + hard work and also allow us to{' '} + dedicate more time to this project in the future. + For higher sponsor tiers, this is the opportunity to show your + brand in front of many developers interested in APIs and automated + testing (~35k views per month, more details on GitHub Sponsors).

@@ -88,7 +87,7 @@ const SponsorUs: FunctionComponent = function () { You can also support us by subscribing to our{' '} Pro plans and enjoy a whole new level of capabilities: AI-powered API mocks generation, enterprise-grade - support, and more! + support, and more to come!