feat: make the page heading a bit prettier

Author: serhalp

src/pages/index.astro

@@ -8,9 +8,26 @@ const releases = await getAnalyzedReleases();
 
 <Layout title="Next.js Sentinel">
   <main class="container mx-auto px-4 py-8">
-    <h1 class="text-6xl font-extrabold text-center mb-16 text-primary">
-      Next.js Sentinel
-    </h1>
+    <div class="flex flex-col items-center mb-16">
+      <svg
+        class="w-24 h-24 mb-4"
+        viewBox="0 0 100 100"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <polygon
+          points="50,10 10,90 90,90"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="8"></polygon>
+        <circle cx="35" cy="55" r="12" fill="currentColor"></circle>
+        <circle cx="65" cy="55" r="12" fill="currentColor"></circle>
+      </svg>
+      <h1
+        class="text-6xl font-extrabold text-center text-primary bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent drop-shadow-lg"
+      >
+        Next.js Sentinel
+      </h1>
+    </div>
     <div class="space-y-12">
       {
         releases.map((release) => (