Minimal design refactorization

src/components/widgets/Announcement.astro

@@ -7,20 +7,21 @@ import { getPermalink } from '~/utils/permalinks';
 >
 	<span class="text-xs py-0.5 px-1 bg-primary-200 dark:bg-slate-600 font-semibold">NEW</span>
 	<a
-		href={getPermalink('get-started-website-with-astro-tailwind-css', 'post')}
+		href={getPermalink('useful-resources-to-create-websites', 'post')}
 		class="hover:underline text-gray-700 dark:text-slate-400"
-		>Get started with AstroWind to create a website using Astro and Tailwind CSS »</a
+		>Useful tools and resources to create a professional website »</a
 	>
 	<a
 		target="_blank"
+		rel="noopener"
 		class="float-right"
-		title="Follow @onWidget on Twitter"
-		href="https://twitter.com/intent/user?screen_name=onwidget"
+		title="If you like AstroWind, give us a star."
+		href="https://github.com/onwidget/astrowind"
 	>
 		<img
-			src="https://img.shields.io/twitter/url/https/twitter.com/onwidget.svg?style=social&label=Follow%20%40onWidget"
+			src="https://img.shields.io/github/stars/onwidget/astrowind.svg?style=social&label=Stars&maxAge=2592000"
 			alt="Follow @onWidget"
-			width="125"
+			width="84"
 			height="20"
 		/>
 	</a>