diff --git a/images/learn/case-study-duolingo.jpg b/images/learn/case-study-duolingo.jpg
new file mode 100644
index 00000000..02b00773
Binary files /dev/null and b/images/learn/case-study-duolingo.jpg differ
diff --git a/images/learn/case-study-linkedin.png b/images/learn/case-study-linkedin.png
new file mode 100644
index 00000000..fda8e3af
Binary files /dev/null and b/images/learn/case-study-linkedin.png differ
diff --git a/images/learn/case-study-strava.webp b/images/learn/case-study-strava.webp
new file mode 100644
index 00000000..cb7fa19a
Binary files /dev/null and b/images/learn/case-study-strava.webp differ
diff --git a/images/learn/case-study-wrapped.png b/images/learn/case-study-wrapped.png
new file mode 100644
index 00000000..fd28eb93
Binary files /dev/null and b/images/learn/case-study-wrapped.png differ
diff --git a/images/learn/community-motion-design-school.png b/images/learn/community-motion-design-school.png
new file mode 100644
index 00000000..af558560
Binary files /dev/null and b/images/learn/community-motion-design-school.png differ
diff --git a/images/learn/community-school-of-motion.webp b/images/learn/community-school-of-motion.webp
new file mode 100644
index 00000000..29307e66
Binary files /dev/null and b/images/learn/community-school-of-motion.webp differ
diff --git a/images/learn/community.png b/images/learn/community.png
new file mode 100644
index 00000000..4eceb1d0
Binary files /dev/null and b/images/learn/community.png differ
diff --git a/images/learn/marketplace.jpg b/images/learn/marketplace.jpg
new file mode 100644
index 00000000..948cd710
Binary files /dev/null and b/images/learn/marketplace.jpg differ
diff --git a/images/learn/newsletter.png b/images/learn/newsletter.png
new file mode 100644
index 00000000..5c864496
Binary files /dev/null and b/images/learn/newsletter.png differ
diff --git a/images/learn/rive-101.png b/images/learn/rive-101.png
new file mode 100644
index 00000000..90d63535
Binary files /dev/null and b/images/learn/rive-101.png differ
diff --git a/images/learn/rive-discord.svg b/images/learn/rive-discord.svg
new file mode 100644
index 00000000..7b16cbab
--- /dev/null
+++ b/images/learn/rive-discord.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1280 720">
+  <!-- Generator: Adobe Illustrator 30.1.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 136)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #ff4cd2;
+      }
+    </style>
+  </defs>
+  <rect class="st0" x="-1.7" y="5.1" width="1276.5" height="719.5"/>
+  <path id="Discord-Logo-Blurple" d="M313.2,293.7c-1.7,3-3.2,6.2-4.6,9.4-13.3-2-26.8-2-40.1,0-1.4-3.2-2.9-6.4-4.6-9.4-12.5,2.1-24.6,5.9-36.1,11.1-22.8,33.8-29,66.8-25.9,99.2,13.4,9.9,28.3,17.4,44.3,22.2,3.6-4.8,6.8-9.9,9.5-15.3-5.2-1.9-10.2-4.3-14.9-7.1,1.3-.9,2.5-1.8,3.7-2.8,28,13.2,60.5,13.2,88.5,0,1.2,1,2.4,1.9,3.7,2.8-4.8,2.8-9.8,5.2-15,7.2,2.7,5.3,5.9,10.5,9.5,15.3,15.9-4.8,30.9-12.3,44.3-22.2,3.6-37.7-6.2-70.3-26-99.3-11.5-5.3-23.6-9-36.1-11.1h0ZM259.5,384.1c-8.6,0-15.8-7.8-15.8-17.5s6.9-17.5,15.7-17.5,15.9,7.9,15.8,17.5c-.1,9.6-6.9,17.5-15.7,17.5ZM317.7,384.1c-8.7,0-15.7-7.8-15.7-17.5s6.9-17.5,15.7-17.5,15.9,7.9,15.7,17.5c-.1,9.6-6.9,17.5-15.7,17.5ZM434.4,312.1h52.1c12.6,0,23.2,2,31.9,5.9,8,3.4,14.8,9.1,19.5,16.4,4.4,7.2,6.6,15.5,6.5,24,0,8.5-2.2,16.8-6.7,24-5,7.6-12.2,13.5-20.6,17-9.2,4.2-20.6,6.3-34.2,6.3h-48.3v-93.5h0ZM482.2,381.8c8.5,0,15-2.1,19.5-6.3,4.7-4.5,6.8-10.7,6.8-17.3,0-6.1-1.9-11.9-6.1-16.2-4.1-4-10.2-6.1-18.4-6.1h-16.3v45.9h14.4,0ZM622.3,405.4c-6.9-1.7-13.4-4.5-19.5-8.1v-22.2c5.3,3.8,11.2,6.7,17.6,8.4,6.9,2.1,14.1,3.2,21.3,3.3,2.5.1,5-.3,7.3-1.3,1.6-.8,2.5-1.9,2.5-3,0-1.2-.4-2.5-1.3-3.3-1.5-1.2-3.3-2-5.2-2.3l-16-3.6c-9.2-2.1-15.7-5.1-19.6-8.9-3.9-3.9-6-9.4-5.7-14.9,0-5,1.7-9.8,5.1-13.5,3.9-4.2,8.9-7.2,14.4-8.9,7.1-2.2,14.5-3.3,21.9-3.1,6.9,0,13.8.7,20.6,2.4,5.4,1.3,10.7,3.4,15.5,6.1v21c-4.5-2.6-9.4-4.6-14.5-5.9-5.5-1.5-11.2-2.2-16.9-2.2-8.4,0-12.6,1.4-12.6,4.3,0,1.3.7,2.5,1.9,3,2.3,1,4.7,1.7,7.1,2.1l13.4,2.4c8.7,1.5,15.1,4.2,19.4,8s6.4,9.4,6.4,16.8c.1,7.9-3.9,15.2-10.6,19.3-7,4.7-17.1,7.1-30.1,7.1-7.5,0-15-.9-22.2-2.8h0ZM716.8,402.6c-7.1-3.3-13.2-8.6-17.3-15.3-3.9-6.5-5.8-14-5.7-21.6-.1-7.6,2-15.1,6-21.5,4.3-6.6,10.4-11.7,17.6-14.9,8.8-3.8,18.2-5.7,27.8-5.4,13.4,0,24.4,2.8,33.3,8.4v24.5c-3.4-2.3-7-4-10.9-5.2-4.3-1.4-8.8-2-13.4-2-8.3,0-14.8,1.5-19.4,4.5-6.6,3.7-8.9,12-5.3,18.6,1.2,2.1,2.9,3.9,5.1,5.2,4.5,3.1,11.1,4.6,19.8,4.6,4.5,0,8.9-.6,13.2-1.9,3.9-1.1,7.6-2.7,11.1-4.8v23.7c-10.3,6-22.1,9.1-34.1,8.8-9.6.3-19.1-1.7-27.8-5.6h0ZM811.7,402.6c-7.2-3.3-13.3-8.6-17.6-15.3-4.1-6.5-6.2-14.1-6.1-21.8-.1-7.6,2-15.1,6.1-21.5,4.3-6.5,10.4-11.6,17.6-14.8,17.6-7.1,37.2-7.1,54.8,0,7.1,3.1,13.2,8.2,17.5,14.7,4.1,6.4,6.1,13.9,6,21.5,0,7.7-2,15.2-6,21.8-4.3,6.7-10.4,12-17.6,15.3-17.4,7.5-37.2,7.5-54.6,0h0s0,0,0,0ZM852.3,378.9c3.3-3.4,5.1-8.1,4.9-12.9.2-4.7-1.5-9.4-4.9-12.7-3.6-3.3-8.4-5-13.4-4.8-4.9-.3-9.7,1.5-13.4,4.8-3.3,3.4-5.1,8-4.9,12.7-.2,4.8,1.5,9.4,4.9,12.9,3.6,3.4,8.4,5.1,13.4,4.9,4.9.3,9.8-1.5,13.4-4.9ZM970.2,328.9v28.9c-4-2.4-8.6-3.5-13.2-3.3-7.1,0-12.6,2.2-16.4,6.5-3.8,4.3-5.7,11-5.7,20.1v24.6h-32.7v-78.1h32.1v24.8c1.8-9.1,4.7-15.8,8.6-20.1,3.9-4.3,9.5-6.5,15.3-6.5,4.2,0,8.5,1,12.2,3.2ZM1078.9,309.4v96.2h-32.7v-17.6c-2.5,6.2-6.9,11.5-12.6,15-6.3,3.6-13.5,5.4-20.8,5.2-6.8.2-13.6-1.7-19.4-5.4-5.6-3.6-10.1-8.8-12.9-14.8-3.1-6.7-4.6-14-4.5-21.3-.2-7.6,1.4-15.2,4.7-22,3.1-6.3,7.8-11.6,13.8-15.3,6.1-3.7,13.1-5.6,20.2-5.5,15.6,0,26,6.8,31.4,20.3v-34.8h32.7ZM1041.3,378.5c3.4-3.3,5.2-7.9,5-12.6.1-4.6-1.7-9-5-12.2-7.7-6.3-18.8-6.3-26.5,0-3.3,3.2-5.1,7.7-4.9,12.3-.2,4.7,1.6,9.2,5,12.5,3.5,3.3,8.3,5,13.1,4.8,4.9.3,9.7-1.5,13.4-4.8h0ZM571.9,306.4c9,0,16.3,6.6,16.3,14.7s-7.3,14.7-16.3,14.7-16.3-6.6-16.3-14.7,7.3-14.7,16.3-14.7ZM555.6,345.8c10.4,4.4,22.2,4.4,32.6,0v60.1h-32.6v-60.1Z"/>
+</svg>
\ No newline at end of file
diff --git a/images/learn/runtime-demos.jpg b/images/learn/runtime-demos.jpg
new file mode 100644
index 00000000..a9a400ae
Binary files /dev/null and b/images/learn/runtime-demos.jpg differ
diff --git a/images/learn/scripting-demos.png b/images/learn/scripting-demos.png
new file mode 100644
index 00000000..00b60f58
Binary files /dev/null and b/images/learn/scripting-demos.png differ
diff --git a/images/learn/video-101.jpg b/images/learn/video-101.jpg
new file mode 100644
index 00000000..c38dade5
Binary files /dev/null and b/images/learn/video-101.jpg differ
diff --git a/images/learn/video-beginners.jpg b/images/learn/video-beginners.jpg
new file mode 100644
index 00000000..3d287ab3
Binary files /dev/null and b/images/learn/video-beginners.jpg differ
diff --git a/images/learn/video-quickstart.jpg b/images/learn/video-quickstart.jpg
new file mode 100644
index 00000000..419e0f33
Binary files /dev/null and b/images/learn/video-quickstart.jpg differ
diff --git a/tutorials/learn-rive.mdx b/tutorials/learn-rive.mdx
index 75408b27..b51755d2 100644
--- a/tutorials/learn-rive.mdx
+++ b/tutorials/learn-rive.mdx
@@ -1,28 +1,91 @@
 ---
 title: 'Learn Rive'
+mode: 'wide'
+sidebarTitle: 'Overview'
 ---
 
 import { YouTube } from '/snippets/youtube.mdx'
 
-## Rive for ABSOLUTE BEGINNERS
+<CardGroup cols={2}>
+  <Card title="Rive Community" href="https://community.rive.app/c/start-here/" img="/images/learn/community.png">
+    Ask questions, share your work, find jobs, and connect with other Rive users.
+  </Card>
+  <Card title="Rive 101 Series" href="https://www.youtube.com/playlist?list=PLujDTZWVDSsFGonP9kzAnvryowW098-p3" img="/images/learn/rive-101.png" >
+    A complete YouTube series covering the fundamentals of Rive.
+  </Card>
+</CardGroup>
+<CardGroup cols={3}>
+  <Card title="Blog" href="https://rive.app/blog" img="/images/game-runtimes/logos/unity.png">
+    Deep dives, product updates, and insights into building interactive experiences.
+  </Card>
+  <Card title="Newsletter" href="https://rive.app/newsletter" img="/images/learn/newsletter.png">
+    Stay up to date with new features, tutorials, and case studies.
+  </Card>
+  <Card title="Discord" href="https://discord.com/invite/FGjmaTr" img="/images/learn/rive-discord.svg">
+    Chat with the community in real time and get quick feedback.
+  </Card>
+</CardGroup>
 
-<YouTube id="7m4dwz8SCKo" />
+## Learn by Example
 
-## Rive 101
+Learn by opening Rive files and runtime demos.
 
-<YouTube id="videoseries?list=PLujDTZWVDSsFGonP9kzAnvryowW098-p3" />
+<CardGroup cols={3}>
+  <Card title="Marketplace" href="https://rive.app/marketplace/" img="/images/learn/marketplace.jpg">
+    Explore real Rive files and open them directly in the editor to see how they’re built.
+  </Card>
+  <Card title="Scripting Demos" href="/scripting/demos" img="/images/learn/scripting-demos.png" >
+    Examples that use scripting to control behavior and interactivity.
+  </Card>
+  <Card title="Runtime Demos" href="/runtimes/demos" img="/images/learn/runtime-demos.jpg" >
+    See how Rive integrates across web, mobile, and game engines.
+  </Card>
+</CardGroup>
 
-## Community
+## Featured videos
 
-<CardGroup>
-    <Card title="School of Motion" href="https://www.schoolofmotion.com/courses/rive-academy-volume-1">
+<CardGroup cols={3}>
+  <Card title="Quick Start Tutorial" href="https://www.youtube.com/watch?v=wnwA0izJo4E" img="/images/learn/video-quickstart.jpg" />
+  <Card title="Rive for Absolute Beginners" href="https://www.youtube.com/watch?v=7m4dwz8SCKo" img="/images/learn/video-beginners.jpg" />
+  <Card title="State Machines" href="https://www.youtube.com/watch?v=7m4dwz8SCKo" img="/images/learn/video-101.jpg" />
+</CardGroup>
+
+<div style={{ display: 'flex', justifyContent: 'flex-end',marginTop: 20 }}>
+  <Link href="https://www.youtube.com/@Rive_app">More Videos &gt;</Link>
+</div>
+
+## Case Studies
+
+See how teams are using Rive in production.
+
+<CardGroup cols={3}>
+  <Card title="Rive x Duolingo" href="https://rive.app/blog/duolingo-s-ai-powered-video-call-brings-lily-to-life" img="/images/learn/case-study-duolingo.jpg" />
+  <Card title="Rive x Strava" href="https://rive.app/blog/strava-year-in-sport-built-with-rive" img="/images/learn/case-study-strava.webp" />
+  <Card title="Rive x Spotify" href="https://rive.app/blog/spotify-used-rive-for-spotify-wrapped-2025" img="/images/learn/case-study-wrapped.png" />
+</CardGroup>
+
+<div style={{ display: 'flex', justifyContent: 'flex-end',marginTop: 20 }}>
+  <Link href="https://rive.app/blog/case-studies">More Case Studies &gt;</Link>
+</div>
+
+## Community Content
+
+Learn from the Rive community through tips, tutorials, and in-depth courses.
+
+<CardGroup cols={2}>
+    <Card title="School of Motion" href="https://www.schoolofmotion.com/courses/rive-academy-volume-1" img="/images/learn/community-school-of-motion.webp">
         **Rive Academy: Volume 1**
 
-        Rive Academy: Volume 1 is the ultimate introduction to the world of interactive animation built with Rive. You’ll learn how to design, animate, and prototype interactive motion design that you can ship anywhere. By the end of the course you’ll be ready to use Rive in production, and go further in more advanced courses.
+        Rive Academy: Volume 1 is the ultimate introduction to the world of interactive animation built with Rive. You’ll learn how to design, animate, and prototype interactive motion design that you can ship anywhere.
     </Card>
-    <Card title="Motion Design School" href="https://motiondesign.school/courses/rive-interactive-motion/">
+    <Card title="Motion Design School" href="https://motiondesign.school/courses/rive-interactive-motion/" img="/images/learn/community-motion-design-school.png">
         **Rive: Interactive Motion**
 
         Discover the web-based software revolutionizing interactive experiences. Build 2 big faux 3d spaces filled with awesome interactive setups. Learn on practise all Rive techniques and use it in full power.
     </Card>
+</CardGroup>
+<CardGroup cols={1}>
+    <Card title="Community Tips & Tricks" href="https://community.rive.app/c/tips-tricks/">
+        Practical tips, tricks, and workflows shared by Rive users.
+    </Card>
 </CardGroup>
\ No newline at end of file