Add more playground datasets and company logos

components/company-logos.tsx

@@ -18,7 +18,14 @@ const CompanyLogos = function () {
     { src: '/images/logos/jpmchase.svg', alt: 'JP Morgan Chase logo' },
     { src: '/images/logos/cryptocom.svg', alt: 'Crypto.com logo' },
     { src: '/images/logos/audi.svg', alt: 'Audi logo' },
-    { src: '/images/logos/appwrite.svg', alt: 'Appwrite logo' }
+    { src: '/images/logos/appwrite.svg', alt: 'Appwrite logo' },
+    { src: '/images/logos/sky.svg', alt: 'Sky logo' },
+    { src: '/images/logos/liebherr.svg', alt: 'Liebherr logo' },
+    { src: '/images/logos/tesla.svg', alt: 'Tesla logo' },
+    { src: '/images/logos/bosch.svg', alt: 'Bosch logo' },
+    { src: '/images/logos/nhs.svg', alt: 'NHS logo' },
+    { src: '/images/logos/oracle.svg', alt: 'Oracle logo' },
+    { src: '/images/logos/rakuten.svg', alt: 'Rakuten logo' }
   ];
   const [logos, setLogos] = useState([]);
 

pages/playground.tsx

@@ -4,9 +4,9 @@ import Accordion from '../components/accordion';
 import CodeBlock from '../components/code-block';
 import Hero from '../components/hero';
 import Meta from '../components/meta';
+import Quote from '../components/quote';
 import Layout from '../layout/layout';
 import { AccordionData } from '../models/common.model';
-import Quote from '../components/quote';
 
 const meta = {
   title: "Mockoon's Playground API",
@@ -61,6 +61,31 @@ const faq: AccordionData = [
 const resources: AccordionData = [
   {
     items: [
+      {
+        title: 'Companies <code>/companies</code>',
+        subtitle:
+          'Fake companies JSON data including name, industry, location, number of employees, etc.',
+        content: (
+          <div className='px-4'>
+            <CodeBlock
+              code={`{
+  "id": "c408c0de-c0ba-40f3-8a4f-f1acb561de03",
+  "name": "Botsford Group",
+  "industry": "monetize compelling mindshare",
+  "location": {
+    "city": "South Valley",
+    "country": "American Samoa"
+  },
+  "employees": 23895,
+  "is_public": false
+}`}
+              language='json'
+              lineBreak
+            ></CodeBlock>
+          </div>
+        ),
+        count: 100
+      },
       {
         title: 'Contacts <code>/contacts</code>',
         subtitle:
@@ -80,6 +105,29 @@ const resources: AccordionData = [
     "zip": "72249-8454"
   },
   "age": 56
+}`}
+              language='json'
+              lineBreak
+            ></CodeBlock>
+          </div>
+        ),
+        count: 100
+      },
+      {
+        title: 'Customers <code>/customers</code>',
+        subtitle:
+          'Fake customers JSON data including name, email, phone, address, age, etc.',
+        content: (
+          <div className='px-4'>
+            <CodeBlock
+              code={` {
+  "id": "f724b18e-0165-452f-8256-0803f100f779",
+  "name": "Pierce Schinner",
+  "email": "[email protected]",
+  "phone": "1-492-539-2953 x1943",
+  "address": "496 Maggio Gardens, Port Bufordville, KS 76070",
+  "age": 50,
+  "isVip": true
 }`}
               language='json'
               lineBreak
@@ -103,6 +151,26 @@ const resources: AccordionData = [
   "releaseYear": 1954,
   "rating": 7,
   "isPopular": false
+}`}
+              language='json'
+              lineBreak
+            ></CodeBlock>
+          </div>
+        ),
+        count: 100
+      },
+      {
+        title: 'Notifications <code>/notifications</code>',
+        subtitle: 'Fake notifications JSON data including title, message, etc.',
+        content: (
+          <div className='px-4'>
+            <CodeBlock
+              code={`{
+  "id": "23d78578-0c20-4ff0-9e37-a6b6ae83e164",
+  "title": "Sophismata careo statim auditor audentia expedita.",
+  "message": "Adsum bestia ante sortitus balbus cultura sunt vaco voluptates. Paulatim utique rem architecto demulceo thema verecundia. Verto vomito curriculum arbitro sint amita.",
+  "read": false,
+  "timestamp": "Wed Jun 05 2024 04:28:45 GMT+0200 (Central European Summer Time)"
 }`}
               language='json'
               lineBreak
@@ -131,6 +199,40 @@ const resources: AccordionData = [
         ),
         count: 100
       },
+      {
+        title: 'Pokemons <code>/pokemons</code> (read-only)',
+        subtitle:
+          'List of Pokemons with their name, type, base stats, etc. This dataset is read-only, you can only GET the full list or a single Pokemon by its id (<code>GET /pokemons</code> or <code>GET /pokemons/{id}</code>). ',
+        content: (
+          <div className='px-4'>
+            <CodeBlock
+              code={`{
+  "id": 5,
+  "name": {
+    "english": "Charmeleon",
+    "japanese": "リザード",
+    "chinese": "火恐龙",
+    "french": "Reptincel"
+  },
+  "type": [
+    "Fire"
+  ],
+  "base": {
+    "HP": 58,
+    "Attack": 64,
+    "Defense": 58,
+    "Sp. Attack": 80,
+    "Sp. Defense": 65,
+    "Speed": 80
+  }
+}`}
+              language='json'
+              lineBreak
+            ></CodeBlock>
+          </div>
+        ),
+        count: 809
+      },
       {
         title: 'Posts <code>/posts</code>',
         subtitle: