import { Head } from "$fresh/runtime.ts";
import { MainLayout } from "@components/layouts/main.tsx";
import { Card } from "@components/Card.tsx";
import { PageProps } from "$fresh/server.ts";
import { menu } from "@lib/menus.ts";
import { KMenu } from "@islands/KMenu.tsx";

export default function Home(props: PageProps) {
  return (
    <>
      <Head>
        <title>app</title>
      </Head>
      <KMenu type="main" context={null} />
      <MainLayout url={props.url}>
        <div class="flex flex-wrap items-center gap-4 px-4">
          {menu.map((m) => {
            return (
              <Card
                title={m.name}
                image="/placeholder.svg"
                link={m.link}
              />
            );
          })}
        </div>
      </MainLayout>
    </>
  );
}
