JSFiddle - React, Tailwind, and code Playground

by Suryar Praveen

HTML

{
    "logoLayout": {
        "logoImages": [
            {
                "url": "https://images.ctfassets.net/grb5fvwhwnyo/5oyEymSN5RaHkxOlNzpgpC/732184bad8439b48ea5dcb0649a9fd35/logo-customer-crown.jpg",
                "description": "Crown",
                "link": "/insights/success-story/crown-labs-boosts-efficiency-process-manufacturing-erp",
                "name": "Crown"
            },
            {
"description": "BIA Cordon Bleu",
"url": "https://images.ctfassets.net/grb5fvwhwnyo/2D8CnvrSTov9BJ40AnQvv1/c0a81e506bc4e9fa541d4a34cbd291ec/logo-customer-bia.jpg",
"link": "/insights/success-story/aptean-success-story-bia-cordon-bleu-leverages-aptean-distribution-erp",
"name": "BIA Cordon Bleu"

},
{"description": "Crown",
"url": "https://images.ctfassets.net/grb5fvwhwnyo/5oyEymSN5RaHkxOlNzpgpC/732184bad8439b48ea5dcb0649a9fd35/logo-customer-crown.jpg",
"link": "/insights/success-story/crown-labs-boosts-efficiency-process-manufacturing-erp",
"name": "Crown"

},
{"description": "Boston Centerless",
"url": "https://images.ctfassets.net/grb5fvwhwnyo/7rrf4pwvdI7a3HOll0FCT5/5214537b932b2a454bd48507fc7b3851/logo-customer-boston-centerless.jpg",
"link": "/media-viewer?type=i&d=aptean-industrial-manufacturing-erp-case-study-bos&height=full",
",
},
{"description": "Aurora Organic Dairy",
"url": "https://images.ctfassets.net/grb5fvwhwnyo/5Mk3FfYxA24Ldz8g2hBaDl/1bc23afc080c002cce08805fdebcdced/logo-customer-aurora.jpg",
"link": "/insights/success-story/aurora-organic-dairy-saved-200k-with-aptean-factory-mes-in-less-than-a-year-after-implementation",
"name": "Aurora Organic Dairy"

},
{"description": "Blackheath",
"url": "https://images.ctfassets.net/grb5fvwhwnyo/1EmxapHdg9pfoyZflFlJGv/592960d643271d44fc800055094ed550/logo-customer-blackheath.jpg",
"link": "/insights/success-story/blackheath-products-cuts-mileage-20-per-cent",
"name": "Blackheath"

},
{"description": "Constellium",
"url":...

JavaScript

{
  "logoLayout": {
    "logoImages": [{
        "description": "BIA Cordon Bleu",
        "url": "https://images.ctfassets.net/grb5fvwhwnyo/2D8CnvrSTov9BJ40AnQvv1/c0a81e506bc4e9fa541d4a34cbd291ec/logo-customer-bia.jpg",
        "link": "/insights/success-story/aptean-success-story-bia-cordon-bleu-leverages-aptean-distribution-erp",
        "name": "BIA Cordon Bleu"

      },
      {
        "description": "Crown",
        "url": "https://images.ctfassets.net/grb5fvwhwnyo/5oyEymSN5RaHkxOlNzpgpC/732184bad8439b48ea5dcb0649a9fd35/logo-customer-crown.jpg",
        "link": "/insights/success-story/crown-labs-boosts-efficiency-process-manufacturing-erp",
        "name": "Crown"

      },
      {
        "description": "Boston Centerless",
        "url": "https://images.ctfassets.net/grb5fvwhwnyo/7rrf4pwvdI7a3HOll0FCT5/5214537b932b2a454bd48507fc7b3851/logo-customer-boston-centerless.jpg",
        "link": "/media-viewer?type=i&d=aptean-industrial-manufacturing-erp-case-study-bos&height=full",
        ",
      },
      {
        "description": "Aurora Organic Dairy",
        "url": "https://images.ctfassets.net/grb5fvwhwnyo/5Mk3FfYxA24Ldz8g2hBaDl/1bc23afc080c002cce08805fdebcdced/logo-customer-aurora.jpg",
        "link": "/insights/success-story/aurora-organic-dairy-saved-200k-with-aptean-factory-mes-in-less-than-a-year-after-implementation",
        "name": "Aurora Organic Dairy"

      },
      {
        "description": "Blackheath",
        "url": "https://images.ctfassets.net/grb5fvwhwnyo/1EmxapHdg9pfoyZflFlJGv/592960d643271d44fc800055094ed550/logo-customer-blackheath.jpg",
        "link": "/insights/success-story/blackheath-products-cuts-mileage-20-per-cent",
        "name": "Blackheath"

      },
      {
        "description": "Constellium",
        "url": "https://images.ctfassets.net/grb5fvwhwnyo/3p8nZnEaRiKDV9EN3jk4vn/2aac14fd9a8ea69aa27aea446b8f4506/logo-customer-constellium.jpg",
        "link":...