Files
blitzkit/packages/website-ue/src/pages/[...locale]/index.astro
T
2026-01-31 22:32:59 -06:00

49 lines
1.4 KiB
Plaintext

---
import locales from "@blitzkit/i18n/locales.json";
import type { GetStaticPaths } from "astro";
import ColorScale from "../../components/ColorScale.astro";
import HomeHero from "../../components/HomeHero.astro";
import { Section } from "../../components/Section";
import TanksCard from "../../components/TanksCard.astro";
import ToolCard from "../../components/ToolCard.astro";
import { tools } from "../../core/tools/tools";
import BaseLayout from "../../layouts/BaseLayout.astro";
export const getStaticPaths = (() => {
return [
...locales.supported
.filter(({ locale }) => locale !== locales.default)
.map(({ locale }) => ({ params: { locale }, props: { locale } })),
{ params: { locale: undefined }, props: { locale: locales.default } },
];
}) satisfies GetStaticPaths;
const { locale } = Astro.props;
---
<style>
.tools {
display: grid;
gap: var(--space-4);
grid-template-columns: repeat(2, 1fr);
}
</style>
<BaseLayout {locale} accent="amber">
<HomeHero {locale} />
{Object.values(tools).map((tool) => <ColorScale color={tool.accent} />)}
<!-- <RecentItems {locale} client:only="react">
<RecentItems {locale} skeleton slot="fallback" />
</RecentItems> -->
<TanksCard />
<Section>
<div class="tools">
{Object.values(tools).map((tool) => <ToolCard {locale} {tool} />)}
</div>
</Section>
</BaseLayout>