diff --git a/boards/beagleplay/02-quick-start.rst b/boards/beagleplay/02-quick-start.rst
index 16f775911d9d789010aaf7d3f2dc508d0fbc1e2f..f5020a33d82c39932883a240175e5501dfc1b024 100644
--- a/boards/beagleplay/02-quick-start.rst
+++ b/boards/beagleplay/02-quick-start.rst
@@ -71,17 +71,5 @@ to browse documents and start programming your BeaglePlay!
BeaglePlay VSCode IDE (192.168.7.2:3000)
-Demos and Tutorials
-*******************
-
-.. toctree::
- :maxdepth: 1
-
- demos-and-tutorials/using-serial-console
- demos-and-tutorials/connect-wifi
- demos-and-tutorials/using-grove
- demos-and-tutorials/using-mikrobus
- demos-and-tutorials/using-qwiic
- demos-and-tutorials/using-oldi
- demos-and-tutorials/using-csi
- demos-and-tutorials/zephyr-cc1352-development
+.. tip::
+ Checkout :ref:`beagleplay-demos` for more information.
\ No newline at end of file
diff --git a/boards/beagleplay/05-demos.rst b/boards/beagleplay/05-demos.rst
new file mode 100644
index 0000000000000000000000000000000000000000..c42e0f9d9c07c784221c7b700b903c5457325c23
--- /dev/null
+++ b/boards/beagleplay/05-demos.rst
@@ -0,0 +1,121 @@
+.. _beagleplay-demos:
+
+Demos and tutorials
+####################
+
+.. raw:: latex
+
+ \begin{comment}
+
+.. card::
+ :link: beagleplay-serial-console
+ :link-type: ref
+
+ **Using serial console**
+ ^^^
+ Learn ho to use any USB-UART converter to get access to BeaglePlay via serial console .
+ +++
+ .. admonition:: Complexity level
+
+ beginner
+
+.. card::
+ :link: beagleplay-connect-wifi
+ :link-type: ref
+
+ **Connecting WiFi**
+ ^^^
+ Learn different ways to connect your BeaglePlay to a WiFi access point.
+ +++
+ .. admonition:: Complexity level
+
+ beginner
+
+.. card::
+ :link: beagleplay-grove
+ :link-type: ref
+
+ **Using grove**
+ ^^^
+ Learn to expand your BeaglePlay capabilities with grove modules.
+ +++
+ .. admonition:: Complexity level
+
+ beginner
+
+.. card::
+ :link: beagleplay-mikrobus
+ :link-type: ref
+
+ **Using mikroBUS**
+ ^^^
+ Learn to expand your BeaglePlay capabilities via 1000s of mikroBUS click board support.
+ +++
+ .. admonition:: Complexity level
+
+ beginner
+
+.. card::
+ :link: beagleplay-quiic
+ :link-type: ref
+
+ **Using quiic**
+ ^^^
+ Learn to expand your BeaglePlay capabilities via quiic I2C boards.
+ +++
+ .. admonition:: Complexity level
+
+ beginner
+
+.. card::
+ :link: beagleplay-oldi
+ :link-type: ref
+
+ **Using oldi**
+ ^^^
+ Learn how to connect and run oldi displays with BeaglePlay.
+ +++
+ .. admonition:: Complexity level
+
+ intermediate
+
+.. card::
+ :link: beagleplay-csi
+ :link-type: ref
+
+ **Using CSI**
+ ^^^
+ Learn how to connect and run CSI cameras with BeaglePlay.
+ +++
+ .. admonition:: Complexity level
+
+ intermediate
+
+.. card::
+ :link: zephyr-development
+ :link-type: ref
+
+ **Zephyr development**
+ ^^^
+ Compile and flash zephyr to your beagleplay's CC1352P7.
+ +++
+ .. admonition:: Complexity level
+
+ intermediate
+
+.. raw:: latex
+
+ \end{comment}
+
+.. toctree::
+ :maxdepth: 1
+ :hidden:
+
+ demos-and-tutorials/using-serial-console
+ demos-and-tutorials/connect-wifi
+ demos-and-tutorials/using-grove
+ demos-and-tutorials/using-mikrobus
+ demos-and-tutorials/using-qwiic
+ demos-and-tutorials/using-oldi
+ demos-and-tutorials/using-csi
+ demos-and-tutorials/zephyr-cc1352-development
\ No newline at end of file
diff --git a/boards/beagleplay/05-support.rst b/boards/beagleplay/06-support.rst
similarity index 100%
rename from boards/beagleplay/05-support.rst
rename to boards/beagleplay/06-support.rst
diff --git a/boards/beagleplay/index.rst b/boards/beagleplay/index.rst
index f064302ed29711c2c5c6008a7342da88fb940c20..1a7d1cc344583ceb6e271737b32df15ee409f0e5 100644
--- a/boards/beagleplay/index.rst
+++ b/boards/beagleplay/index.rst
@@ -34,7 +34,7 @@ BeaglePlay
**1. Introduction**
^^^
- .. image:: images/chapter-thumbnails/01-introduction.jpg
+ .. image:: images/chapter-thumbnails/01-introduction.webp
:align: center
:alt: BeaglePlay Chapter01 thumbnail
@@ -50,7 +50,7 @@ BeaglePlay
**2. Quick start**
^^^
- .. image:: images/chapter-thumbnails/02-quick-start.jpg
+ .. image:: images/chapter-thumbnails/02-quick-start.webp
:align: center
:alt: BeaglePlay Chapter02 thumbnail
@@ -66,7 +66,7 @@ BeaglePlay
**3. Design & Specifications**
^^^
- .. image:: images/chapter-thumbnails/03-design-and-specifications.jpg
+ .. image:: images/chapter-thumbnails/03-design-and-specifications.webp
:align: center
:alt: BeaglePlay Chapter03 thumbnail
@@ -82,7 +82,7 @@ BeaglePlay
**4. Expansion**
^^^
- .. image:: images/chapter-thumbnails/04-connectors-and-pinouts.jpg
+ .. image:: images/chapter-thumbnails/04-connectors-and-pinouts.webp
:align: center
:alt: BeaglePlay Chapter04 thumbnail
@@ -90,17 +90,32 @@ BeaglePlay
Connector pinout diagrams with expansion details so that you can
easily debug your connections and create custom expansion hardware.
+
+ .. grid-item-card::
+ :link: beagleplay-demos
+ :link-type: ref
+
+ **5. Demos**
+ ^^^
+
+ .. image:: images/chapter-thumbnails/05-demos-and-tutorials.webp
+ :align: center
+ :alt: BeaglePlay Chapter5 thumbnail
+
+ +++
+
+ Demos and tutorials to quickly learn about the BeaglePlay capabilities.
.. grid-item-card::
:link: beagleplay-support
:link-type: ref
- **5. Support**
+ **6. Support**
^^^
- .. image:: images/chapter-thumbnails/06-support-documents.jpg
+ .. image:: images/chapter-thumbnails/06-support-documents.webp
:align: center
- :alt: BeaglePlay Chapter10 thumbnail
+ :alt: BeaglePlay Chapter6 thumbnail
+++
@@ -119,4 +134,5 @@ BeaglePlay
02-quick-start
03-design
04-expansion
- 05-support
+ 05-demos
+ 06-support