From 800483e889f2d07fbfbefce4fc0e73cc042dcb29 Mon Sep 17 00:00:00 2001
From: Frank Calise <fcalise@gmail.com>
Date: Tue, 13 Aug 2024 14:53:29 -0400
Subject: [PATCH] docs: add Robin's CR 2024 talk link (#2741 by @frankcalise)

Co-authored-by: Jamon Holmgren <code@jamon.dev>
[skip ci]
---
 README.md      | 43 ++++++++++++++++++++++++++++++++++++++++---
 docs/README.md | 49 +++++++++++++++++++++++++++++++++++++++++++++----
 2 files changed, 85 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 3abe0cc1d..cb0c8f9c5 100644
--- a/README.md
+++ b/README.md
@@ -15,9 +15,46 @@ This is the React Native boilerplate that the [Infinite Red](https://infinite.re
 
 ## Intro Videos
 
-- Check out the [Getting Started with Ignite](https://www.youtube.com/watch?v=KOSvDlFyg20) video for a 13 minute overview!
-- Jamon's Code Quest on [Ignite 9](https://www.youtube.com/watch?v=QmkMsUYrTlk)
-- Jamon's Code Quest on [MobX-State-Tree](https://www.youtube.com/watch?v=n_VjjJxyd8Q)
+Here are a few videos / talks that introduce Ignite and show off some of its features. Check them out!
+
+<table>
+  <tr>
+    <td width="50%">
+      <figure>
+        <a href="https://www.youtube.com/watch?v=KOSvDlFyg20">
+          <img src="https://img.youtube.com/vi/KOSvDlFyg20/sddefault.jpg" alt="Getting Started with Ignite"  width="100%" /><br />
+        <figcaption><strong>Getting Started with Ignite</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+    <td>
+      <figure>
+        <a href="https://www.youtube.com/watch?v=dNWkJOpD6YE&list=PLFHvL21g9bk0XOO9XK6d6S9w1jBU6Dz_U&index=16">
+          <img src="https://img.youtube.com/vi/dNWkJOpD6YE/sddefault.jpg" alt="Sweetening React Native Development With Ignite" width="100%" /><br />
+        <figcaption><strong>Ignite talk at Chain React 2024 - Robin Heinze</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <figure>
+        <a href="https://www.youtube.com/watch?v=QmkMsUYrTlk">
+          <img src="https://img.youtube.com/vi/QmkMsUYrTlk/sddefault.jpg" alt="Jamon's Code Quest on Ignite 9" width="100%" /><br />
+        <figcaption><strong>What's new in Ignite 9</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+    <td>
+      <figure>
+        <a href="https://www.youtube.com/watch?v=n_VjjJxyd8Q">
+          <img src="https://img.youtube.com/vi/n_VjjJxyd8Q/sddefault.jpg" alt="Jamon's Code Quest on MobX-State-Tree" width="100%" /><br />
+        <figcaption><strong>Intro to MobX-State-Tree</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+  </tr>
+</table>
 
 ## [Full Documentation](https://github.com/infinitered/ignite/blob/master/docs/README.md)
 
diff --git a/docs/README.md b/docs/README.md
index 735cc1d25..a3c452d9a 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -25,11 +25,52 @@ Prerequisites:
 
 ### Intro to Ignite
 
-If you're new to Ignite, check out these resources:
+#### Resources
 
-- Check out the [Getting Started with Ignite](https://www.youtube.com/watch?v=KOSvDlFyg20) video for a 13 minute overview!
-- Jamon's Code Quest on [What's new in Ignite 9](https://www.youtube.com/watch?v=QmkMsUYrTlk)
-- Check out our [Guide](./Guide.md) for a walkthrough of the boilerplate project and how to use it
+Here are a few videos / talks that introduce Ignite and show off some of its features. Check them out!
+
+<table>
+  <tr>
+    <td width="50%">
+      <figure>
+        <a href="https://www.youtube.com/watch?v=KOSvDlFyg20">
+          <img src="https://img.youtube.com/vi/KOSvDlFyg20/sddefault.jpg" alt="Getting Started with Ignite"  width="100%" /><br />
+        <figcaption><strong>Getting Started with Ignite</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+    <td>
+      <figure>
+        <a href="https://www.youtube.com/watch?v=dNWkJOpD6YE&list=PLFHvL21g9bk0XOO9XK6d6S9w1jBU6Dz_U&index=16">
+          <img src="https://img.youtube.com/vi/dNWkJOpD6YE/sddefault.jpg" alt="Sweetening React Native Development With Ignite" width="100%" /><br />
+        <figcaption><strong>Ignite talk at Chain React 2024 - Robin Heinze</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <figure>
+        <a href="https://www.youtube.com/watch?v=QmkMsUYrTlk">
+          <img src="https://img.youtube.com/vi/QmkMsUYrTlk/sddefault.jpg" alt="Jamon's Code Quest on Ignite 9" width="100%" /><br />
+        <figcaption><strong>What's new in Ignite 9</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+    <td>
+      <figure>
+        <a href="https://www.youtube.com/watch?v=n_VjjJxyd8Q">
+          <img src="https://img.youtube.com/vi/n_VjjJxyd8Q/sddefault.jpg" alt="Jamon's Code Quest on MobX-State-Tree" width="100%" /><br />
+        <figcaption><strong>Intro to MobX-State-Tree</strong></figcaption>
+        </a>
+      </figure>
+    </td>
+  </tr>
+</table>
+
+#### Boilerplate Guide
+
+Check out our [Guide](./Guide.md) for a walkthrough of the boilerplate project and how to use it
 
 <table>
 <tr>