added case study

docs/guides/getting-started.md

@@ -45,7 +45,12 @@ Check out our [Learn section](/learn/waku-network), [YouTube channel](https://ww
 Looking for what to build with Waku? Discover a collection of sample ideas and use cases for inspiration, curated by our community at: https://ideas.waku.org/ and [Awesome Waku](https://github.com/waku-org/awesome-waku/).
 :::
 
-## Use cases
+## Case studies
+
+<div class="case-study-container">
+  <a href="https://blog.waku.org/thegraph-waku-case-study/" target="_blank" rel="noopener noreferrer"><img src="/img/graph-use-case.jpeg" /></a>
+  <a href="https://blog.waku.org/railgun-waku-case-study/" target="_blank" rel="noopener noreferrer"><img src="/img/railgun-use-case.jpeg" /></a>
+</div>
 
 ## Getting started
 

src/css/custom.scss

@@ -43,6 +43,30 @@ html[data-theme="dark"] .header-github-link:before {
   }
 }
 
+.case-study-container a {
+    display: block;
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+.case-study-container a img {
+    width: 100%;
+    height: auto;
+}
+
+@media (min-width: 768px) {
+    .case-study-container a {
+        display: inline-block;
+        width: 48%;
+        margin-bottom: 20px;
+        margin-right: 2%;
+    }
+
+    .case-study-container a:nth-child(2n) {
+        margin-right: 0;
+    }
+}
+
 .external-link {
   margin-top: 0.25rem;
 }