chore: Add Cookpad Case Study (#1176)

* add cookpad case study

* Update data/case-studies.json

Co-authored-by: Ben Hutton <[email protected]>

* Fix image aspect ratio problem

* Update Card.tsx

---------

Co-authored-by: Ben Hutton <[email protected]>
Co-authored-by: Benjamin Granados <[email protected]>

Author: 3 people

components/Card.tsx

@@ -36,7 +36,11 @@ const CardBody = ({
     <div className='group relative h-full w-full rounded-lg border border-gray-200 bg-white p-6 px-12 shadow-3xl dark:shadow-2xl dark:shadow-slate-900 transition-colors ease-in-out hover:bg-slate-100 dark:bg-slate-800 hover:dark:bg-slate-900/30'>
       <div className='flex justify-center '>
         {image && (
-          <img src={image} className='h-32 p-2' data-test='card-image' />
+          <img
+            src={image}
+            className='h-32 p-2 object-contain'
+            data-test='card-image'
+          />
         )}
       </div>
       <div className='flex flex-row items-start mb-6'>

data/case-studies.json

@@ -61,5 +61,14 @@
       "lang": "URL1",
       "url": "/blog/posts/w3c-wot-case-study"
     }
+  },
+  {
+    "title": "JSON Schema deduplicated complex logic and validation at Cookpad",
+    "summary": "Learn how Cookpad used JSON Schema to reduce incomplete input of newly registered items from 10% to 0%.",
+    "logo": "/img/logos/cookpad-logo.png",
+    "links": {
+      "lang": "URL1",
+      "url": "/blog/posts/cookpad-case-study-en"
+    }
   }
 ]