Add website banner for gradio 5 (#9635)

* add header

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/empty-ears-search.md

@@ -0,0 +1,5 @@
+---
+"website": minor
+---
+
+feat:Add website banner for gradio 5

js/_website/src/lib/components/Header.svelte

@@ -24,13 +24,13 @@
 		<div class="flex flex-wrap items-center gap-x-4 gap-y-2 flex-grow">
 			<div class="flex flex-wrap items-center gap-x-4 gap-y-2 mx-auto">
 				<p class="text-md leading-6 text-gray-700 text-center mx-auto">
-					<strong class="font-semibold">Introducing Gradio Clients</strong>
+					<strong class="font-semibold">Introducing Gradio 5.0</strong>
 				</p>
 				<a
-					href="https://www.youtube.com/watch?v=44vi31hehw4"
+					href="https://huggingface.co/blog/gradio-5"
 					target="_blank"
 					class="mx-auto flex-none rounded-full px-3.5 py-1 text-sm font-semibold text-white bg-gradient-to-br from-orange-300 via-orange-500 to-orange-300 hover:drop-shadow-md"
-					>Watch <span aria-hidden="true">&rarr;</span></a
+					>Read More <span aria-hidden="true">&rarr;</span></a
 				>
 			</div>
 		</div>