adds product tour post

web/src/app/page.mdx

@@ -1,9 +1,31 @@
 import { SparkleIcon } from '@/components/SparkleIcon'
+import { YouTubeVideoButton } from '@/components/YouTubeVideoButton'
 
 export { Layout as default } from '@/components/Layout'
 
 ---
 
+[![](@/images/product-tour-video.png)](https://www.youtube.com/watch?v=CCF5vnF3Dmw)
+
+## Lights, Camera, Extension! {{ date: '2024-08-19T00:00Z' }}
+
+Hold onto your keyboards, folks! We've just dropped a product tour video that's so exciting, it might make your coffee jealous.
+
+### <SparkleIcon /> What's the Big Deal?
+
+- Created a mind-blowing product tour video. With ScarJo level AI voiceover! 
+- Showcased all the fancy features we've been bragging about. Now you can see the magic in action!
+- Proved that developers can indeed create content that doesn't put people to sleep. Take that, boring tutorials!
+- Added some slick transitions because we're all about that polish. It's so smooth, you might slip off your chair.
+
+Is a product tour video necessary for a browser extension? Probably not. Did we make one anyway? You bet your commit history we did!
+
+<div className="flex justify-center items-center">
+    <YouTubeVideoButton videoUrl="https://www.youtube.com/watch?v=CCF5vnF3Dmw" />
+</div>
+
+---
+
 ![](@/images/user-configurable-site-configs.png)
 
 ## Who Doesn't Love Options? {{ date: '2024-08-18T00:00Z' }}

web/src/components/Intro.jsx

@@ -102,7 +102,7 @@ export function Intro() {
 			</div>
 
 			<div className="flex justify-center items-center">
-				<YouTubeVideoButton videoUrl="https://youtu.be/CCF5vnF3Dmw" />
+				<YouTubeVideoButton videoUrl="https://www.youtube.com/watch?v=CCF5vnF3Dmw" />
 			</div>
 			<p className="mt-4 text-sm/6 text-gray-300">
 				QuickCite is a chrome extension designed to enhance productivity by allowing users to quickly copy formatted information from various websites, including GitHub, LinkedIn,

web/src/components/YouTubeVideoButton.jsx

@@ -1,3 +1,5 @@
+'use client'
+
 import React, { useState, useEffect } from 'react'
 import { Button } from '@/components/Button'