---
import { ArrowRight } from "@lucide/astro";
---

<section id="notes" class="py-10 px-4">
  <div class="max-w-6xl mx-auto text-center">
    <div class="text-center mb-12">
      <h2 class="text-4xl font-bold mb-4">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>

      <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>