feat: homepage

packages/website/src/constants/tools.ts

@@ -3,15 +3,12 @@ import type { ComponentProps } from 'react';
 
 export interface Tool {
   id: string;
+  stringsId?: string;
   image: string;
-  title: string;
-  description: string;
   disabled?: boolean;
   href?: string;
-  pageDescription?: string;
   button: {
     highContrast?: boolean;
-    text: string;
     color: ComponentProps<typeof Button>['color'];
   };
   significant?: boolean;
@@ -20,13 +17,8 @@ export interface Tool {
 
 export const tankopediaTool: Tool = {
   id: 'tankopedia',
-  title: 'Tankopedia',
-  description: 'Blitz tank encyclopedia',
-  pageDescription:
-    'Statistics, armor, and more for all tanks in World of Tanks Blitz',
   image: 'D8j6GZx',
   button: {
-    text: 'Find tanks',
     color: 'purple',
   },
   significant: true,
@@ -35,13 +27,8 @@ export const tankopediaTool: Tool = {
 
 // export const ratingTool: Tool = {
 //   id: 'rating',
-//   title: 'Rating',
-//   description: 'Full rating leaderboard',
-//   pageDescription:
-//     'Live and archived full rating leaderboard for World of Tanks Blitz',
 //   image: 'WEyMZH3',
 //   button: {
-//     text: 'View leaderboard',
 //     color: 'orange',
 //   },
 //   branches: ['main', 'dev'],
@@ -49,13 +36,8 @@ export const tankopediaTool: Tool = {
 
 export const compareTool: Tool = {
   id: 'compare',
-  title: 'Compare',
-  description: 'Compare tank statistics',
-  pageDescription:
-    'Compare tanks statistics and loadouts in World of Tanks Blitz',
   image: 'O6VNl6e',
   button: {
-    text: 'Compare tanks',
     color: 'crimson',
   },
   branches: ['main', 'dev', 'opentest', 'preview'],
@@ -64,13 +46,8 @@ export const compareTool: Tool = {
 export const sessionTool: Tool = {
   // TODO: rename to tracker
   id: 'session',
-  title: 'Session',
-  description: 'Live session stats',
-  pageDescription:
-    'Track your stats in real time as you play World of Tanks Blitz',
   image: 'HdG9sTf',
   button: {
-    text: 'Start tracking',
     color: 'blue',
   },
   branches: ['main', 'dev'],
@@ -78,35 +55,25 @@ export const sessionTool: Tool = {
 
 export const discordTool: Tool = {
   id: 'discord',
-  title: 'Discord bot',
-  description: 'Stats right in Discord',
   href: 'https://discord.com/application-directory/1097673957865443370',
   image: '0bWE5hC',
   button: {
-    text: 'Install now',
     color: 'indigo',
   },
 };
 
 export const moreTool: Tool = {
   id: 'more',
-  title: 'More coming soon',
-  description: "What we're making",
   href: 'https://discord.gg/nDt7AjGJQH',
   image: '1nPm6VI',
   button: {
-    text: 'Join Discord',
     color: 'plum',
   },
 };
 
-export const playerStatsTool: Tool = {
-  id: 'player-stats',
-  title: 'Player stats',
-  description: 'Periodical player statistics',
-  pageDescription: 'Periodical player statistics in World of Tanks Blitz',
+export const playersTool: Tool = {
+  id: 'players',
   button: {
-    text: 'Lookup player',
     color: 'blue',
   },
   image: 'YelSOfT',
@@ -116,11 +83,7 @@ export const playerStatsTool: Tool = {
 
 export const performanceTool: Tool = {
   id: 'performance',
-  title: 'Performance',
-  description: 'Tank performance statistics',
-  pageDescription: 'Best tanks and their performances in World of Tanks Blitz',
   button: {
-    text: 'View tanks',
     color: 'jade',
   },
   image: 'vOKFB03',
@@ -129,12 +92,7 @@ export const performanceTool: Tool = {
 
 export const embedTool: Tool = {
   id: 'embed',
-  title: 'Embed',
-  description: 'Embeds for streaming',
-  pageDescription:
-    'Create embeds for streaming World of Tanks Blitz with extreme customization',
   button: {
-    text: 'Create now',
     color: 'red',
   },
   image: 'Q0faRYg',
@@ -142,20 +100,14 @@ export const embedTool: Tool = {
 };
 
 export const homeTool: Tool = {
-  id: '',
-  title: 'Home',
-  button: { color: 'blue', text: '' },
-  description: '',
+  id: 'home',
+  button: { color: 'blue' },
   image: 'rUPie9G',
 };
 
 export const galleryTool: Tool = {
   id: 'gallery',
-  title: 'Gallery',
-  description: 'Blitz player avatars',
-  pageDescription: 'All World of Tanks Blitz player avatars',
   button: {
-    text: 'Browse all',
     color: 'gold',
   },
   image: 'VhKlknk',
@@ -164,12 +116,8 @@ export const galleryTool: Tool = {
 
 export const tierListTool: Tool = {
   id: 'tier-list',
-  title: 'Tier list',
-  description: 'Rank Blitz tanks',
-  pageDescription:
-    'Explore tier lists ranking tanks from best to worst, based on player ratings and statistical performance in World of Tanks Blitz',
+  stringsId: 'tier_list',
   button: {
-    text: 'Rank tanks',
     color: 'orange',
   },
   image: 'oKKc8Xv',
@@ -178,12 +126,7 @@ export const tierListTool: Tool = {
 
 export const chartsTool: Tool = {
   id: 'charts',
-  title: 'Charts',
-  description: 'Lots of graphs',
-  pageDescription:
-    'Charts and graphs on anything and everything about tanks, players, and events in World of Tanks Blitz',
   button: {
-    text: 'Nerd out',
     color: 'bronze',
   },
   image: '6fhkljA',