Clean homepage

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

src/components/Notes.astro

@@ -4,8 +4,8 @@ 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 class="text-center mb-12">
+      <h2 class="text-4xl font-bold mb-4">Infosec Notes</h2>
     </div>
 
     <div class="mt-8">
@@ -13,15 +13,13 @@ import { ArrowRight } from "@lucide/astro";
         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 class="text-center mt-12">
+        <a href="/notes" class="btn btn-ghost gap-2">
+          Browse Notes
+          <ArrowRight class="size-4" />
+        </a>
+      </div>
     </div>
   </div>
 </section>