Edit hero & add Infosec Notes section

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>

src/components/Notes.astro

@@ -0,0 +1,27 @@
+---
+import { ArrowRight } from "@lucide/astro";
+---
+
+<section id="notes" class="py-10 px-4">
+  <div class="max-w-6xl mx-auto text-center">
+    <div class="mb-4">
+      <h2 class="text-2xl font-semibold">Infosec notes</h2>
+    </div>
+
+    <div class="mt-8">
+      <p class="text-base text-base-content/70 mb-6">
+        Cheatsheets and references on tools and techniques I use for CTFs and
+        pentesting.
+      </p>
+      <a
+        href="/notes"
+        class="inline-flex items-center gap-1.5 text-sm text-base-content/50 hover:text-primary transition-colors group"
+      >
+        Browse notes
+        <ArrowRight
+          class="size-3.5 group-hover:translate-x-0.5 transition-transform"
+        />
+      </a>
+    </div>
+  </div>
+</section>