diff --git a/site/routes_home.templ b/site/routes_home.templ
index 1dfba171..f1ed07e7 100644
--- a/site/routes_home.templ
+++ b/site/routes_home.templ
@@ -107,6 +107,13 @@ templ Home() {
 						@icon("simple-icons:discord")
 						Discuss on Discord
 					</a>
+					<a
+						class="flex items-center justify-center flex-1 btn bg-youtube"
+						href="https://www.youtube.com/@data-star"
+					>
+						@icon("simple-icons:youtube")
+						Watch the Videos
+					</a>
 					<a
 						class="flex items-center justify-center flex-1 btn bg-github"
 						href="https://github.com/starfederation/datastar/tree/main/library"
diff --git a/site/shared.templ b/site/shared.templ
index 40253685..bbf9279d 100644
--- a/site/shared.templ
+++ b/site/shared.templ
@@ -85,6 +85,7 @@ templ headerTopLevelLink(r *http.Request, text string) {
 
 templ headerExternalLinks() {
 	@headerIconLink("simple-icons:discord", "https://discord.gg/bnRNgZjgPh")
+	@headerIconLink("simple-icons:youtube", "https://www.youtube.com/@data-star")
 	@headerIconLink("simple-icons:github", "https://github.com/starfederation/datastar/tree/main/library")
 	@headerIconLink("simple-icons:npm", "https://www.npmjs.com/package/@starfederation/datastar")
 	@headerIconLink("simple-icons:twitter", "https://x.com/DelaneyGillilan")
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
index 9701b87c..6dafc66a 100644
--- a/site/tailwind.config.js
+++ b/site/tailwind.config.js
@@ -5,6 +5,7 @@ module.exports = {
     extend: {
       colors: {
         discord: '#5865F2',
+        youtube: '#F03F03',
         github: '#554B4B',
       },
     },