feat: cool projects

public/assets/versions.json

@@ -1 +1 @@
-["1.10.0","1.10.1","1.10.2","1.11.0","1.12.0","1.12.1","1.12.2","1.12.3","1.12.4","1.12.5","1.12.6","1.12.7","1.12.8","1.12.9","1.13.0","1.13.1","1.13.2","1.13.3","1.14.0","1.14.1","1.14.2","1.14.3","1.14.4","1.15.0","1.15.1","1.15.10","1.15.11","1.15.12","1.15.13","1.15.2","1.15.3","1.15.4","1.15.5","1.15.6","1.15.7","1.15.8","1.15.9","1.16.0","1.16.1","1.16.2","1.16.3","1.16.4","1.17.0","1.17.1","1.17.2","1.18.0","1.18.1","1.18.2","1.18.3","1.19.0","1.19.1","1.19.2","1.19.3","1.19.4","1.19.5","1.19.6","1.20.0","1.20.1","1.20.2","1.20.3","1.20.4","1.20.5","1.21.0","1.21.1","1.21.2","1.21.3","1.22.0","1.22.1","1.22.2","1.22.3","1.22.4","1.3.0","1.3.1","1.3.2","1.3.3","1.4.0","1.4.1","1.5.0","1.5.1","1.5.2","1.5.3","1.5.4","1.6.0","1.7.0","1.7.1","1.7.2","1.7.3-1.7.4","1.7.5","1.7.6","1.7.7","1.8.0","1.8.1","1.9.0","1.9.1","1.9.2","1.9.3","1.9.4","1.9.5"]
+["1.10.0","1.10.1","1.10.2","1.11.0","1.12.0","1.12.1","1.12.2","1.12.3","1.12.4","1.12.5","1.12.6","1.12.7","1.12.8","1.12.9","1.13.0","1.13.1","1.13.2","1.13.3","1.14.0","1.14.1","1.14.2","1.14.3","1.14.4","1.15.0","1.15.1","1.15.10","1.15.11","1.15.12","1.15.13","1.15.2","1.15.3","1.15.4","1.15.5","1.15.6","1.15.7","1.15.8","1.15.9","1.16.0","1.16.1","1.16.2","1.16.3","1.16.4","1.17.0","1.17.1","1.17.2","1.18.0","1.18.1","1.18.2","1.18.3","1.19.0","1.19.1","1.19.2","1.19.3","1.19.4","1.19.5","1.19.6","1.20.0","1.20.1","1.20.2","1.20.3","1.20.4","1.20.5","1.21.0","1.21.1","1.21.2","1.21.3","1.22.0","1.22.1","1.22.2","1.22.3","1.22.4","1.22.5","1.3.0","1.3.1","1.3.2","1.3.3","1.4.0","1.4.1","1.5.0","1.5.1","1.5.2","1.5.3","1.5.4","1.6.0","1.7.0","1.7.1","1.7.2","1.7.3-1.7.4","1.7.5","1.7.6","1.7.7","1.8.0","1.8.1","1.9.0","1.9.1","1.9.2","1.9.3","1.9.4","1.9.5"]

src/app/components/ToolCard.tsx

@@ -110,6 +110,7 @@ export function ToolCard({ tool, style, ...props }: ToolCardProps) {
 
           {!unavailableOnBranch && (
             <Button
+              highContrast={tool.button.highContrast}
               size={{
                 initial: undefined,
                 sm: tool.significant ? '3' : undefined,

src/app/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { Flex } from '@radix-ui/themes';
+import { Flex, Heading } from '@radix-ui/themes';
 import { AdMidSectionResponsive } from '../components/AdMidSectionResponsive';
 import {
   compareTool,
@@ -63,11 +63,42 @@ export default function Page() {
             <ToolCard tool={discordTool} />
             <ToolCard tool={moreTool} />
           </Flex>
+
+          {!exempt && <AdMidSectionResponsive />}
+
+          <Heading>Other cool projects</Heading>
+
+          <Flex gap="4" direction={{ initial: 'column', sm: 'row' }}>
+            <ToolCard
+              tool={{
+                button: {
+                  text: 'Analyze',
+                  color: 'blue',
+                },
+                description: 'Rich historic average stats',
+                id: 'blitz-analysis',
+                image: 'j76YXGl',
+                title: 'BlitzAnalysis[]',
+                href: 'https://blitzanalysiz.com/',
+              }}
+            />
+            <ToolCard
+              tool={{
+                button: {
+                  color: 'purple',
+                  text: 'Install',
+                  highContrast: true,
+                },
+                image: 'zYrrYbR',
+                description: 'In-game session stats',
+                id: 'blitz-insider',
+                title: 'Blitz Insider',
+              }}
+            />
+          </Flex>
         </Flex>
       </Flex>
 
-      {!exempt && <AdMidSectionResponsive />}
-
       <div style={{ flex: 1 }} />
     </>
   );

src/constants/tools.tsx

@@ -10,6 +10,7 @@ export interface Tool {
   href?: string;
   pageDescription?: string;
   button: {
+    highContrast?: boolean;
     text: string;
     color: ComponentProps<typeof Button>['color'];
   };