1 files changed, 64 insertions, 0 deletions

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..b1581b7
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,64 @@
+import { BaseLayout } from "$/ui/base/BaseLayout.tsx";
+import { ReleaseCard } from "$/ui/components/ReleaseCard.tsx";
+import { SiteHeader } from "$/ui/components/SiteHeader.tsx";
+import { CardList } from "$/ui/layouts/CardList.tsx";
+import { Container } from "$/ui/layouts/Container.tsx";
+import { Button } from "$/ui/objects/Button.tsx";
+import { Divider } from "$/ui/objects/Divider.tsx";
+import { Heading } from "$/ui/objects/Heading.tsx";
+import { Icon } from "$/ui/objects/Icon.tsx";
+import site from "@/corvos.config.ts";
+
+export const template = site.$.template({ type: "home" }, (page, pages) => {
+        const query = site.$.query(pages);
+        const releasesIndex = query.type(".html").match({ type: "releases-index" }).one();
+        const releases = query.type(".html").match({ type: "release" }).many().toArray();
+
+        return (
+                <BaseLayout page={page}>
+                        <SiteHeader
+                                url={page.url}
+                                sm={
+                                        <div class="l-media__block l-media__block--main">
+                                                <Heading class="u-mbs-0 u-elp">{page.data.title}</Heading>
+                                        </div>
+                                }
+                        />
+
+                        <Container fixed="150" pad-inline pad-block class="c-home-banner">
+                                <Heading as="h1" class="c-home-banner__intro">
+                                        <strong class="o-heading__highlight">
+                                                <a class="p-name u-url u-uid" href={site.$.url("", true)}>
+                                                        Corvos
+                                                </a>
+                                        </strong>{" "}
+                                        &ndash; A static site generator for Deno.
+                                </Heading>
+
+                                <div class="u-mbs-400 c-subtitle">{{ __html: page.content }}</div>
+
+                                <div class="u-mbs-700">
+                                        <Button
+                                                href={releasesIndex.url}
+                                                post={<Icon icon="arrow-right" variant="bold" />}
+                                                size="xl"
+                                                variant="primary"
+                                                wide
+                                        >
+                                                Releases
+                                        </Button>
+                                </div>
+                        </Container>
+
+                        <Divider level="faint" />
+
+                        <Container class="u-mbs-neutralize" fixed="150" pad-block pad-inline>
+                                <CardList keyboard-nav>
+                                        {releases.map((page) => (
+                                                <ReleaseCard page={page} heading-level="h3" list />
+                                        ))}
+                                </CardList>
+                        </Container>
+                </BaseLayout>
+        );
+});