---
import Layout from "@/layouts/Layout.astro"
import UsesPage from "@/components/UsesPage.astro"
import "@/styles/global.css"
import { getCollection } from "astro:content"

const uses = await getCollection("uses")
---

<Layout title="Hardware" class="mx-auto max-w-[750px]">
  <UsesPage uses={uses} />
</Layout>