feat: search page

packages/website/src/pages/tools/tankopedia/[id]/index.astro

@@ -0,0 +1,17 @@
+---
+import { tankDefinitions } from '@blitzkit/core';
+import type { GetStaticPaths } from 'astro';
+import { Page } from './index';
+
+export const getStaticPaths = (async () => {
+  const awaitedTankDefinitions = await tankDefinitions;
+
+  return Object.values(awaitedTankDefinitions).map((tank) => ({
+    params: { id: tank.id },
+  }));
+}) satisfies GetStaticPaths;
+
+const { id } = Astro.params;
+---
+
+<Page id={id} client:load />

packages/website/src/pages/tools/tankopedia/[id]/index.tsx

@@ -0,0 +1,25 @@
+import { PageWrapper } from '../../../../components/PageWrapper';
+import { HeroSection } from '../../../../components/Tankopedia/HeroSection';
+
+interface PageProps {
+  id: number;
+}
+
+export function Page({ id }: PageProps) {
+  return (
+    <PageWrapper p="0" noMaxWidth color="purple" size={1600} gap="9">
+      <HeroSection id={id} />
+      {/* <ShotDisplaySection />
+      <MetaSection />
+      <TechTreeSection />
+      {!exempt && <AdMidSectionResponsive />}
+      <CalloutsSection />
+      <CharacteristicsSection />
+      {!exempt && <AdMidSectionResponsive />}
+      <GameModeSection />
+      <VideoSection />
+      <HistorySection />
+      {!exempt && <AdMidSectionResponsive mb="6" />} */}
+    </PageWrapper>
+  );
+}