diff --git a/index.qmd b/index.qmd
index 9b24dd097..f67c7dbcf 100644
--- a/index.qmd
+++ b/index.qmd
@@ -118,3 +118,59 @@ end
 :::
 
 [See all news →](news/)
+
+```{=html}
+<div class="section-start-space pb-3 fs-2 fw-bold">
+  Learn more
+</div>
+<div class="list grid quarto-listing-cols-3">
+  <a class="pseudolisting" href="https://discourse.julialang.org/c/domain/probprog/48">
+    <div class="card-title h5">
+      Discourse
+    </div>
+    <div class="card-text quarto-grid-item">
+      Get support from and discuss with other users.
+    </div>
+  </a>
+  <a class="pseudolisting" href="https://turinglang.org/docs/tutorials/docs-00-getting-started/">
+    <div class="card-title h5">
+      Documentation
+    </div>
+    <div class="card-text quarto-grid-item">
+      Familiarize yourself with the Turing.jl API.
+    </div>
+  </a>
+  <a class="pseudolisting" href="https://turinglang.org/docs/tutorials/00-introduction/">
+    <div class="card-title h5">
+      Official tutorials
+    </div>
+    <div class="card-text quarto-grid-item">
+      Learn to tackle specific problems with Turing.jl.
+    </div>
+  </a>
+  <a class="pseudolisting" href="resources/content/inofficial_tutorials.qmd">
+    <div class="card-title h5">
+      Inofficial tutorials
+    </div>
+    <div class="card-text quarto-grid-item">
+      A list of inofficial tutorials using Turing.jl.
+    </div>
+  </a>
+  <a class="pseudolisting" href="resources/content/talks.qmd">
+    <div class="card-title h5">
+      Talks
+    </div>
+    <div class="card-text quarto-grid-item">
+      A list of talks on the Turing.jl ecosystem.
+    </div>
+  </a>
+  <a class="pseudolisting" href="">
+    <div class="card-title h5">
+      Workshop
+    </div>
+    <div class="card-text quarto-grid-item">
+      Placeholder for Turing-Workshop repo link.
+    </div>
+  </a>
+</div>
+```
diff --git a/resources/content/inofficial_tutorials.qmd b/resources/content/inofficial_tutorials.qmd
new file mode 100644
index 000000000..2b2e64772
--- /dev/null
+++ b/resources/content/inofficial_tutorials.qmd
@@ -0,0 +1,5 @@
+---
+title: Inofficial tutorials
+---
+
+TODO: Add a list of inofficial tutorials.
diff --git a/resources/content/talks.qmd b/resources/content/talks.qmd
new file mode 100644
index 000000000..7ebb45317
--- /dev/null
+++ b/resources/content/talks.qmd
@@ -0,0 +1,5 @@
+---
+title: Talks
+---
+
+TODO: Add a list of inofficial talks.
diff --git a/theming/dark.scss b/theming/dark.scss
index 1a54421df..8c942238d 100644
--- a/theming/dark.scss
+++ b/theming/dark.scss
@@ -3,7 +3,7 @@
 // Bootswatch
 
 $theme: "cosmo" !default;
-@import "variables/greys";
+@import "variables/grays";
 @import "variables/colorsdark";
 @import "variables/borders";
 @import "variables/spacers";
diff --git a/theming/light.scss b/theming/light.scss
index 61f3fc843..213ae5536 100644
--- a/theming/light.scss
+++ b/theming/light.scss
@@ -1,6 +1,6 @@
 /*-- scss:defaults --*/
 
-@import "variables/greys";
+@import "variables/grays";
 @import "variables/colorslight";
 @import "variables/borders";
 @import "variables/spacers";
diff --git a/theming/rules/_hoverables-dark.scss b/theming/rules/_hoverables-dark.scss
index e4b84b101..ba48ce4cd 100644
--- a/theming/rules/_hoverables-dark.scss
+++ b/theming/rules/_hoverables-dark.scss
@@ -23,3 +23,9 @@ $hover-border: lighten($color-secondary, 5%);
         flex: 0 1 100%;
     }
 }
+
+.pseudolisting {
+    @extend .card;
+    @extend .quarto-grid-item;
+    text-decoration: none;
+}
diff --git a/theming/rules/_hoverables-light.scss b/theming/rules/_hoverables-light.scss
index 7303cc0c4..0be552ad4 100644
--- a/theming/rules/_hoverables-light.scss
+++ b/theming/rules/_hoverables-light.scss
@@ -23,3 +23,9 @@ $hover-border: darken($color-secondary, 15%);
         flex: 0 1 100%;
     }
 }
+
+.pseudolisting {
+    @extend .card;
+    @extend .quarto-grid-item;
+    text-decoration: none;
+}
diff --git a/theming/rules/_layouts.scss b/theming/rules/_layouts.scss
index 145214847..9c99ccb44 100644
--- a/theming/rules/_layouts.scss
+++ b/theming/rules/_layouts.scss
@@ -5,3 +5,7 @@
 .section-end-space {
     padding-bottom: $large-y-space;
 }
+
+.section-start-space {
+    padding-top: $large-y-space;
+}
diff --git a/theming/rules/_mixins.scss b/theming/rules/_mixins.scss
index 0bf27dc16..8692f2616 100644
--- a/theming/rules/_mixins.scss
+++ b/theming/rules/_mixins.scss
@@ -1,8 +1,6 @@
 @mixin raw-card {
     border-radius: $border-radius-sm;
     padding: 1rem;
-    min-height: 120px !important;
-    //min-width: 300px !important;
 
     --bs-card-spacer-x: 0rem !important;
     --bs-card-spacer-y: 0rem !important;
@@ -22,6 +20,10 @@
         font-weight: 700;
     }
 
+    .card-text {
+        color: $text-muted !important;
+    }
+
     &:hover {
         background-color: $color-highlight !important;
         border-color: $hover-border !important;
diff --git a/theming/variables/_greys.scss b/theming/variables/_grays.scss
similarity index 100%
rename from theming/variables/_greys.scss
rename to theming/variables/_grays.scss