From bdb6235b560e8c9bd3d0bbb502a5c618217b3ed2 Mon Sep 17 00:00:00 2001
From: kulesy <kulewidak@gmail.com>
Date: Wed, 5 Aug 2026 10:33:40 +1000
Subject: [PATCH] Add Watch the Videos link to the whats-new pages

Link the TinaCMS YouTube channel from /whats-new/tinacms and
/whats-new/tinacloud so release notes readers can find the videos,
as requested by Daniel Hyles.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 app/whats-new/tinacloud/WhatsNewTinaCloudPageLayout.tsx | 8 +++++++-
 app/whats-new/tinacms/WhatsNewTinaCMSLayout.tsx         | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/whats-new/tinacloud/WhatsNewTinaCloudPageLayout.tsx b/app/whats-new/tinacloud/WhatsNewTinaCloudPageLayout.tsx
index 790c3ff083..dcb939e811 100644
--- a/app/whats-new/tinacloud/WhatsNewTinaCloudPageLayout.tsx
+++ b/app/whats-new/tinacloud/WhatsNewTinaCloudPageLayout.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { FaNewspaper } from 'react-icons/fa';
+import { FaNewspaper, FaYoutube } from 'react-icons/fa';
 import { H1_HEADINGS_SIZE } from '@/component/styles/typography';
 import { WhatsNewCard } from '../tinacms/WhatsNewTinaCMSLayout';
 
@@ -25,6 +25,12 @@ export const WhatsNewTinaCloudPageLayout = ({ data }) => {
         >
           See Newsletters <FaNewspaper className="ml-2" />
         </Link>
+        <Link
+          href="https://www.youtube.com/@TinaCMS/videos"
+          className="flex items-center justify-center hover:text-blue-800"
+        >
+          Watch the Videos <FaYoutube className="ml-2" />
+        </Link>
       </div>
     </div>
   );
diff --git a/app/whats-new/tinacms/WhatsNewTinaCMSLayout.tsx b/app/whats-new/tinacms/WhatsNewTinaCMSLayout.tsx
index caebb7c42a..7fb218d43a 100644
--- a/app/whats-new/tinacms/WhatsNewTinaCMSLayout.tsx
+++ b/app/whats-new/tinacms/WhatsNewTinaCMSLayout.tsx
@@ -1,5 +1,5 @@
 import Link from 'next/link';
-import { FaGithub, FaNewspaper } from 'react-icons/fa';
+import { FaGithub, FaNewspaper, FaYoutube } from 'react-icons/fa';
 import { H1_HEADINGS_SIZE } from '@/component/styles/typography';
 
 interface ChangeItem {
@@ -140,6 +140,12 @@ const WhatsNewTinaCMSPageLayout = ({ data }) => {
         >
           See Newsletters <FaNewspaper className="ml-2" />
         </Link>
+        <Link
+          href="https://www.youtube.com/@TinaCMS/videos"
+          className="flex items-center justify-center hover:text-blue-800"
+        >
+          Watch the Videos <FaYoutube className="ml-2" />
+        </Link>
       </div>
     </div>
   );