feat: report buttons

packages/website/src/pages/index.astro

@@ -1,6 +1,6 @@
 ---
 import { Box, Flex, Heading } from '@radix-ui/themes';
-import { Ad } from '../components/Ad.tsx';
+import { AdResponsiveHorizontal } from '../components/AdResponsiveHorizontal';
 import HomeHero from '../components/HomeHero.astro';
 import { Plugs } from '../components/Plugs.tsx';
 import ToolCard from '../components/ToolCard.astro';
@@ -25,7 +25,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       <ToolCard tool={tankopediaTool} />
 
       <Flex justify="center">
-        <Ad client:idle id="homepage-1" commonHeight={250} />
+        <AdResponsiveHorizontal client:idle id="homepage-1" />
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
@@ -42,7 +42,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       </Flex>
 
       <Flex justify="center">
-        <Ad client:idle id="homepage-2" commonHeight={250} />
+        <AdResponsiveHorizontal client:idle id="homepage-2" />
       </Flex>
 
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>

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

@@ -3,7 +3,7 @@ import {
   fetchProvisionDefinitions,
   fetchTankDefinitions,
 } from '@blitzkit/core';
-import { Ad } from '../../../../components/Ad';
+import { AdResponsiveHorizontal } from '../../../../components/AdResponsiveHorizontal';
 import { PageWrapper } from '../../../../components/PageWrapper';
 import { CalloutsSection } from '../../../../components/Tankopedia/CalloutsSection';
 import { CharacteristicsSection } from '../../../../components/Tankopedia/CharacteristicsSection';
@@ -48,16 +48,16 @@ export function Page({ id }: PageProps) {
             >
               <HeroSection />
               <ShotDisplaySection />
-              <Ad id="tankopedia-1" commonHeight={250} />
+              <AdResponsiveHorizontal id="tankopedia-1" />
               <CalloutsSection />
               <MetaSection />
               <TechTreeSection />
-              <Ad id="tankopedia-2" commonHeight={250} />
+              <AdResponsiveHorizontal id="tankopedia-2" />
               <CharacteristicsSection />
-              <Ad id="tankopedia-3" commonHeight={250} />
+              <AdResponsiveHorizontal id="tankopedia-3" />
               <GameModeSection />
               <VideoSection />
-              <Ad id="tankopedia-4" commonHeight={250} />
+              <AdResponsiveHorizontal id="tankopedia-4" />
               <HistorySection />
             </PageWrapper>
           </Duel.Provider>