feat: remove ads

packages/website/src/pages/index.astro

@@ -1,6 +1,5 @@
 ---
 import { Box, Flex, Heading } from '@radix-ui/themes';
-import { AdResponsiveHorizontal } from '../components/AdResponsiveHorizontal';
 import HomeHero from '../components/HomeHero.astro';
 import { Plugs } from '../components/Plugs.tsx';
 import ToolCard from '../components/ToolCard.astro';
@@ -24,10 +23,6 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     <Flex maxWidth="64rem" flexGrow="1" gap="4" direction="column">
       <ToolCard tool={tankopediaTool} />
 
-      <Flex justify="center">
-        <AdResponsiveHorizontal client:idle id="homepage-1" />
-      </Flex>
-
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         {/* <ToolCard tool={playerStatsTool} /> */}
         <ToolCard tool={compareTool} />
@@ -41,10 +36,6 @@ import BaseLayout from '../layouts/BaseLayout.astro';
         <ToolCard tool={discordTool} />
       </Flex>
 
-      <Flex justify="center">
-        <AdResponsiveHorizontal client:idle id="homepage-2" />
-      </Flex>
-
       <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
         <ToolCard tool={moreTool} />
         <Box flexGrow="1" />

packages/website/src/pages/tools/performance/_index.tsx

@@ -4,23 +4,24 @@ import { PerformanceInfo } from '../../../components/Performance/PerformanceInfo
 import { TankTable } from '../../../components/Performance/Table';
 import { TankPerformancePersistent } from '../../../stores/tankPerformancePersistent';
 import { TankPerformanceSort } from '../../../stores/tankPerformanceSort';
+import type { MaybeSkeletonComponentProps } from '../../../types/maybeSkeletonComponentProps';
 
-export function Page() {
+export function Page({ skeleton }: MaybeSkeletonComponentProps) {
   return (
     <TankPerformanceSort.Provider>
       <TankPerformancePersistent.Provider>
-        <Content />
+        <Content skeleton={skeleton} />
       </TankPerformancePersistent.Provider>
     </TankPerformanceSort.Provider>
   );
 }
 
-function Content() {
+function Content({ skeleton }: MaybeSkeletonComponentProps) {
   return (
     <PageWrapper color="jade" noMaxWidth>
-      <PerformanceInfo />
+      <PerformanceInfo skeleton={skeleton} />
       <Controls />
-      <TankTable />
+      <TankTable skeleton={skeleton} />
     </PageWrapper>
   );
 }

packages/website/src/pages/tools/performance/index.astro

@@ -5,5 +5,7 @@ import { Page } from './_index';
 ---
 
 <ToolLayout tool={performanceTool}>
-  <Page client:load />
+  <Page client:only="react">
+    <Page skeleton slot="fallback" />
+  </Page>
 </ToolLayout>

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

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