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

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

<Layout title="Hardware" class="mx-auto max-w-[750px]">
  <HardwarePage client:load hardware={hardware} />
</Layout>