---
import "../styles/global.css"
import Layout from "../layouts/Layout.astro"
import NavigationCard from '../components/NavigationCard.astro';
import { Fingerprint, PencilRuler, LibraryBig, NotepadText } from 'lucide-astro';

const navItems = [
  {
    href: "/about",
    icon: Fingerprint,
    heading: "About",
    content: "Who am I, my academic and professional background, what drives this work."
  },
  {
    href: "/workshop", 
    icon: PencilRuler,
    heading: "Workshop",
    content: "From the theory to the implementation. What I build to understand."
  },
  {
    href: "/library",
    icon: LibraryBig, 
    heading: "Library",
    content: "Books and papers and resources I use to learn. What I read, and why it matters."
  },
  {
    href: "/notes",
    icon: NotepadText,
    heading: "Notes", 
    content: "My explorations into the fundamental nature of everything."
  }
];
---
<Layout>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
<section class="max-w-4xl mb-20 sm:mb-28 ml-[35rem]">
  <blockquote class="border-l-4 border-neutral-300 dark:border-neutral-700 pl-6">
    <p class="text-2xl sm:text-3xl font-semibold text-neutral-900 dark:text-neutral-100 font-serif leading-relaxed">
        "May the <i> git --force </i> be with you"
    </p>
    <footer class="mt-4 text-neutral-600 dark:text-neutral-400 text-lg italic">
        — Ben K., probably.
    </footer>
  </blockquote>
</section>

</Layout>
