diff --git a/package.json b/package.json
index f47b7490..79cc6b5f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "mage-website",
-	"version": "0.1.0",
+	"version": "0.1.01",
 	"license": "GPL-3.0",
 	"private": true,
 	"type": "module",
diff --git a/src/lib/assets/svg-json/image_urls.json b/src/lib/assets/svg-json/image_urls.json
index cdca8d41..cd43da8f 100644
--- a/src/lib/assets/svg-json/image_urls.json
+++ b/src/lib/assets/svg-json/image_urls.json
@@ -89,6 +89,7 @@
 	"Spring": "/category-optimized/web2/spring-logo.svg",
 	"SQL": "/category-optimized/web2/sql.svg",
 	"Stack Overflow": "/category-optimized/web2/stack-overflow.svg",
+	"Stripe": "/category-optimized/web2/stripe.svg",
 	"Svelte": "/category-optimized/web2/svelte.svg",
 	"Swift": "/category-optimized/web2/swift.svg",
 	"Symfony": "/category-optimized/web2/symfony.svg",
diff --git a/src/lib/assets/svg-json/web2.json b/src/lib/assets/svg-json/web2.json
index 918e7b56..3bf107cb 100644
--- a/src/lib/assets/svg-json/web2.json
+++ b/src/lib/assets/svg-json/web2.json
@@ -89,6 +89,7 @@
 	"Spring": "/category-optimized/web2/spring-logo.svg",
 	"SQL": "/category-optimized/web2/sql.svg",
 	"Stack Overflow": "/category-optimized/web2/stack-overflow.svg",
+	"Stripe": "/category-optimized/web2/stripe.svg",
 	"Svelte": "/category-optimized/web2/svelte.svg",
 	"Swift": "/category-optimized/web2/swift.svg",
 	"Symfony": "/category-optimized/web2/symfony.svg",
diff --git a/src/lib/components/Channel/Chat/DrawerEditChannel.svelte b/src/lib/components/Channel/Chat/DrawerEditChannel.svelte
index b8704a98..84c491c1 100644
--- a/src/lib/components/Channel/Chat/DrawerEditChannel.svelte
+++ b/src/lib/components/Channel/Chat/DrawerEditChannel.svelte
@@ -9,6 +9,7 @@
 	import { category_list } from '$lib/stores/channelStore'
 	import { emitChannelUpdate } from '$lib/websocket'
 	import IconChatScreenshot from '$lib/assets/icons/chat/IconChatScreenshot.svelte'
+	import { captureScreenShot } from '$lib/utils'
 
 	export let channel: any, showDrawer: boolean
 
@@ -18,7 +19,7 @@
 		showAddCategory = false,
 		maxTag = 3,
 		maxCategory = 4,
-		imageSrc = ''
+		imageSrc: string = ''
 
 	$: maxTagLabel = channel?.tags.length == maxTag ? 'max reached' : 'max ' + maxTag
 	$: maxCategoryLabel =
@@ -55,30 +56,7 @@
 		e.preventDefault()
 		showThumbnail = true
 		if (channel.videoItems.length > 0) {
-			let screenElement = document.getElementById(
-				`screen-${channel.videoItems[0]._id}`
-			) as HTMLVideoElement
-			let webcamElement = document.getElementById(
-				`webcam-${channel.videoItems[0]._id}`
-			) as HTMLVideoElement
-			let canvas = document.createElement('canvas')
-			canvas.width = 1920
-			canvas.height = 1080
-
-			let ctx = canvas.getContext('2d')
-
-			console.log(screenElement)
-			console.log(webcamElement)
-
-			if (ctx !== null && screenElement !== null && webcamElement !== null) {
-				ctx.drawImage(screenElement, 0, 0, canvas.width, canvas.height)
-				ctx.globalAlpha = 1
-				ctx.drawImage(webcamElement, 1400, 750, canvas.width - 1400, canvas.height - 750)
-			}
-
-			let screenshot = canvas.toDataURL('image/jpeg')
-			imageSrc = screenshot
-			//thumbnailRef.setAttribute('src', screenshot);
+			imageSrc = captureScreenShot(channel)
 		}
 	}
 
diff --git a/src/lib/components/Channel/Chat/DropdownViewChannel.svelte b/src/lib/components/Channel/Chat/DropdownViewChannel.svelte
index c831edf4..c21e25a2 100644
--- a/src/lib/components/Channel/Chat/DropdownViewChannel.svelte
+++ b/src/lib/components/Channel/Chat/DropdownViewChannel.svelte
@@ -91,6 +91,16 @@
 		</li>
 	</ul>
 	<ul tabindex="-1" class="dropdown-content menu shadow bg-base-200 rounded-box md:w-[23rem]">
+		{#if channel.thumbnail}
+			<li class="flex flex-row justify-center w-full">
+				<div class="w-full shadow-xl">
+					<div class="items-center cursor-pointer">
+						<img src={channel.thumbnail} alt="Preview" class="rounded-lg h-full" />
+					</div>
+				</div>
+			</li>
+		{/if}
+
 		<li on:click={() => copyToClipboard(channel.description)} on:keyup>
 			<a class="text-sm max-w-md flex">{channel.description || 'No description'}</a>
 		</li>
diff --git a/src/lib/components/Channel/Stream/VideoItem.svelte b/src/lib/components/Channel/Stream/VideoItem.svelte
index 55906014..4983a6bf 100644
--- a/src/lib/components/Channel/Stream/VideoItem.svelte
+++ b/src/lib/components/Channel/Stream/VideoItem.svelte
@@ -13,12 +13,12 @@
 		is_sharing_obs
 	} from '$lib/stores/streamStore'
 	import { emitChannelUpdate } from '$lib/websocket'
-	import { getColoredRole, setRole } from '$lib/utils'
+	import { captureScreenShot, dataURLtoFile, getColoredRole, setRole } from '$lib/utils'
 	import IconChatBan from '$lib/assets/icons/chat/IconChatBan.svelte'
 	import { is_feature_stats_enabled, is_feature_obs_enabled } from '$lib/stores/remoteConfigStore'
 	import { addScreen, getScreen, removeScreen } from '$lib/stream-utils'
 	import IconDrawerVerification from '$lib/assets/icons/drawer/IconDrawerVerification.svelte'
-	import { get, patch } from '$lib/api'
+	import { get, patch, putImage } from '$lib/api'
 	import LibLoader from '$lib/components/Global/LibLoader.svelte'
 
 	export let video: any, channel: any
@@ -438,6 +438,27 @@
 							}
 						)
 					}
+
+					if (
+						!channel.thumbnail &&
+						video._id === channel.user &&
+						video._id === $page.data.user.userId &&
+						streamTime === 60
+					) {
+						const imageSrc = captureScreenShot(channel)
+						const file = dataURLtoFile(imageSrc, 'thumbnail-image')
+						if (file !== null && file.size > 0 && file.type !== '') {
+							await putImage(
+								`channels/thumbnail?channelId=${channel._id}&bucketName=thumbnails`,
+								file,
+								{
+									userId: $page.data.user?.userId,
+									token: $page.data.user?.token
+								}
+							)
+							channel.thumbnail = imageSrc
+						}
+					}
 				} catch (err) {
 					console.log('err', err)
 				}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 91b40314..04179e6b 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -301,3 +301,41 @@ export const getNumberInThousands = (number: number) => {
 		return number.toString()
 	}
 }
+
+export const captureScreenShot = (channel: any) => {
+	const screenElement = document.getElementById(
+		`screen-${channel.videoItems[0]._id}`
+	) as HTMLVideoElement
+	const webcamElement = document.getElementById(
+		`webcam-${channel.videoItems[0]._id}`
+	) as HTMLVideoElement
+	const canvas = document.createElement('canvas')
+	canvas.width = 1920
+	canvas.height = 1080
+
+	const ctx = canvas.getContext('2d')
+
+	console.log(screenElement)
+	console.log(webcamElement)
+
+	if (ctx !== null && screenElement !== null && webcamElement !== null) {
+		ctx.drawImage(screenElement, 0, 0, canvas.width, canvas.height)
+		ctx.globalAlpha = 1
+		ctx.drawImage(webcamElement, 1400, 750, canvas.width - 1400, canvas.height - 750)
+	}
+
+	return canvas.toDataURL('image/jpeg')
+	//thumbnailRef.setAttribute('src', screenshot);
+}
+
+export const dataURLtoFile = (dataurl: string, filename: string) => {
+	const arr = dataurl.split(',')
+	const mime = (arr[0] && arr[0].match(/:(.*?);/)?.[1]) || ''
+	const bstr = atob(arr[1])
+	let n = bstr.length
+	const u8arr = new Uint8Array(n)
+	while (n--) {
+		u8arr[n] = bstr.charCodeAt(n)
+	}
+	return new File([u8arr], filename, { type: mime })
+}
diff --git a/src/routes/affiliate/+page.svelte b/src/routes/affiliate/+page.svelte
index f205feb8..e259bf2f 100644
--- a/src/routes/affiliate/+page.svelte
+++ b/src/routes/affiliate/+page.svelte
@@ -8,8 +8,7 @@
 		<div class="mx-auto max-w-screen-md text-center mb-8 lg:mb-12">
 			<h2 class="mb-4 text-4xl tracking-tight font-extrabold">Designed for dedicated streamers</h2>
 			<p class="mb-5 font-light text-gray-500 sm:text-xl">
-				Collaborative streaming powered by AI. Our platform is designed to expand your reach and
-				grow your brand.
+				Collaborative streaming powered by AI. Expand your reach and grow your brand.
 			</p>
 			<a class="mb-5 link link-secondary" href={env.PUBLIC_STRIPE_BILLING_URL}
 				>Manage your subscription</a>
diff --git a/src/routes/channel/[channelId]/+page.server.ts b/src/routes/channel/[channelId]/+page.server.ts
index ca399560..52243b3b 100644
--- a/src/routes/channel/[channelId]/+page.server.ts
+++ b/src/routes/channel/[channelId]/+page.server.ts
@@ -1,18 +1,7 @@
 import { putImage } from '$lib/api'
+import { dataURLtoFile } from '$lib/utils'
 import type { Actions } from './$types'
 
-const dataURLtoFile = (dataurl: string, filename: string) => {
-	const arr = dataurl.split(',')
-	const mime = (arr[0] && arr[0].match(/:(.*?);/)?.[1]) || ''
-	const bstr = atob(arr[1])
-	let n = bstr.length
-	const u8arr = new Uint8Array(n)
-	while (n--) {
-		u8arr[n] = bstr.charCodeAt(n)
-	}
-	return new File([u8arr], filename, { type: mime })
-}
-
 export const actions = {
 	'edit-channel': async ({ request, locals }) => {
 		const data: FormData = await request.formData()
diff --git a/static/category-optimized/web2/stripe.svg b/static/category-optimized/web2/stripe.svg
new file mode 100644
index 00000000..8a7b4f4a
--- /dev/null
+++ b/static/category-optimized/web2/stripe.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" width="50px" height="50px">
+    <path fill="#8bb7f0" d="M4.5 4.5H75.5V75.5H4.5z" />
+    <path fill="#4e7ab5" d="M75,5v70H5V5H75 M76,4H4v72h72V4L76,4z" />
+    <g>
+        <path fill="#fff"
+            d="M39.555,58.5c-5.024,0-9.965-1.532-12.634-3.051l-0.301-0.171l1.507-9.397l0.631,0.371 c2.901,1.707,7.484,3.095,10.217,3.095c1.128,0,3.02-0.236,3.02-1.817c0-1.065-0.792-1.964-4.836-3.405 c-6.03-2.189-10.045-4.947-10.045-11.298c0-3.497,1.28-6.403,3.702-8.405c2.331-1.912,5.583-2.922,9.407-2.922 c5.091,0,8.912,1.311,11.22,2.41l0.339,0.162l-1.504,9.279l-0.606-0.297c-2.231-1.095-5.588-2.399-8.914-2.399 c-1.073,0-2.352,0.253-2.352,1.46c0,1.17,1.726,2.038,4.708,3.14c6.306,2.255,10.218,4.955,10.218,11.429 c0,3.893-1.338,6.918-3.978,8.992C47.045,57.522,43.655,58.5,39.555,58.5z" />
+        <path fill="#4e7ab5"
+            d="M40.223,22c5.302,0,9.134,1.47,11.005,2.361l-1.337,8.243c-2.361-1.158-5.792-2.451-9.134-2.451 c-1.827,0-2.851,0.713-2.851,1.96c0,1.47,1.782,2.406,5.035,3.609c6.104,2.183,9.891,4.767,9.891,10.96 c0,3.743-1.292,6.639-3.787,8.599C46.817,57.064,43.52,58,39.554,58c-4.99,0-9.802-1.515-12.386-2.985l1.337-8.332 c3.03,1.782,7.663,3.163,10.47,3.163c2.272,0,3.52-0.847,3.52-2.317c0-1.515-1.292-2.495-5.168-3.876 c-6.015-2.183-9.713-4.767-9.713-10.827c0-3.342,1.203-6.104,3.52-8.02C33.361,22.98,36.48,22,40.223,22 M40.223,21 c-3.941,0-7.303,1.049-9.723,3.034c-2.543,2.103-3.886,5.143-3.886,8.793c0,6.641,4.146,9.507,10.372,11.767 c3.756,1.338,4.51,2.116,4.51,2.936c0,1.088-1.37,1.317-2.52,1.317c-2.658,0-7.127-1.357-9.963-3.025l-1.262-0.743l-0.232,1.446 l-1.337,8.332l-0.11,0.685l0.603,0.343C29.4,57.435,34.44,59,39.554,59c4.215,0,7.713-1.016,10.115-2.937 c2.76-2.168,4.162-5.326,4.162-9.38c0-6.745-4.219-9.636-10.554-11.902c-2.266-0.838-4.371-1.744-4.371-2.667 c0-0.637,0.623-0.96,1.851-0.96c3.399,0,6.905,1.471,8.693,2.348l1.212,0.594l0.216-1.332l1.337-8.243l0.12-0.74l-0.677-0.322 C49.302,22.337,45.407,21,40.223,21L40.223,21z" />
+    </g>
+</svg>
\ No newline at end of file