---
import MainLayout from "../layouts/MainLayout.astro";
import Header from "../components/Header.astro";
import { HomeGrid } from "../components/demos/HomeGrid";
---

<MainLayout title="Kumo" description="Kumo – a modern component library">
  <div class="flex flex-col">
    <Header />
    <main class="flex grow flex-col md:pr-12">
      <div
        class="mx-auto w-full grow md:border-r md:border-kumo-line"
      >
        <HomeGrid client:only="react" />
      </div>
    </main>
  </div>
</MainLayout>
