From 6d31dcb74ba749ca8b8ac4fbe79443c2a81573f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 17 Apr 2026 23:35:56 -0500
Subject: [PATCH] fix: styles of home page

---
 blitzkit.code-workspace                       | 10 ------
 .../src/components/Text/index.module.css      |  1 -
 .../website-ue/src/components/Text/index.tsx  | 11 +++++-
 .../website-ue/src/components/ToolCard.astro  |  1 +
 packages/website-ue/src/core/api/server.ts    |  4 ---
 .../src/pages/[...locale]/_index.astro        | 36 +++++++++++++++++++
 .../src/pages/[...locale]/index.astro         |  6 ----
 7 files changed, 47 insertions(+), 22 deletions(-)
 delete mode 100644 blitzkit.code-workspace
 create mode 100644 packages/website-ue/src/pages/[...locale]/_index.astro

diff --git a/blitzkit.code-workspace b/blitzkit.code-workspace
deleted file mode 100644
index 796425ccc..000000000
--- a/blitzkit.code-workspace
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "folders": [
-    {
-      "path": ".",
-    },
-    {
-      "path": "C:/Program Files/WindowsApps/7458BE2C.WorldofTanksBlitz_11.1.256.0_x64__x4tje2y229k00/Data",
-    },
-  ],
-}
diff --git a/packages/website-ue/src/components/Text/index.module.css b/packages/website-ue/src/components/Text/index.module.css
index a85048d51..b716e926b 100644
--- a/packages/website-ue/src/components/Text/index.module.css
+++ b/packages/website-ue/src/components/Text/index.module.css
@@ -1,6 +1,5 @@
 .text {
   font-size: var(--font-size-regular);
-  color: var(--gray-12);
 
   &[data-size="minor"] {
     font-size: var(--font-size-minor);
diff --git a/packages/website-ue/src/components/Text/index.tsx b/packages/website-ue/src/components/Text/index.tsx
index 4395a4e4b..258d004f4 100644
--- a/packages/website-ue/src/components/Text/index.tsx
+++ b/packages/website-ue/src/components/Text/index.tsx
@@ -21,6 +21,13 @@ export function Text({
   color = "gray",
   ...props
 }: TextProps) {
+  const scale = color === "gray" && lowContrast ? "white" : color;
+  let power: string | number = 12;
+
+  if (lowContrast) {
+    power = color === "gray" ? "a9" : 11;
+  }
+
   return (
     <span
       className={classNames(styles.text, className)}
@@ -28,7 +35,9 @@ export function Text({
       data-size={size}
       data-weight={weight}
       data-align={align === "left" ? undefined : align}
-      style={{ color: `var(--${color}-${lowContrast ? 10 : 12})` }}
+      style={{
+        color: `var(--${scale}-${power})`,
+      }}
       {...props}
     />
   );
diff --git a/packages/website-ue/src/components/ToolCard.astro b/packages/website-ue/src/components/ToolCard.astro
index ab102d933..63b4b537a 100644
--- a/packages/website-ue/src/components/ToolCard.astro
+++ b/packages/website-ue/src/components/ToolCard.astro
@@ -20,6 +20,7 @@ const toolStrings = strings.tools[tool.id as keyof typeof strings.tools];
 
 <style>
   .tool-card {
+    display: flex;
     flex-direction: column;
     height: 10rem;
     position: relative;
diff --git a/packages/website-ue/src/core/api/server.ts b/packages/website-ue/src/core/api/server.ts
index 2a5ebb3b4..c48397a09 100644
--- a/packages/website-ue/src/core/api/server.ts
+++ b/packages/website-ue/src/core/api/server.ts
@@ -243,10 +243,6 @@ export class ServerAPI extends AbstractAPI {
           strings[key] = parsed[key].replaceAll('\\"', '"');
         }
 
-        console.log(
-          namespaceStrings["ProfileAvatarEntity__1_ct_legendary__DisplayName"],
-        );
-
         Object.assign(strings, namespaceStrings);
       }
     } catch (error) {
diff --git a/packages/website-ue/src/pages/[...locale]/_index.astro b/packages/website-ue/src/pages/[...locale]/_index.astro
new file mode 100644
index 000000000..a7db16f7c
--- /dev/null
+++ b/packages/website-ue/src/pages/[...locale]/_index.astro
@@ -0,0 +1,36 @@
+---
+import locales from "@blitzkit/i18n/locales.json";
+import type { GetStaticPaths } from "astro";
+import ColorScale from "../../components/ColorScale.astro";
+import HomeCosmetics from "../../components/HomeCosmetics.astro";
+import HomeGames from "../../components/HomeGames.astro";
+import HomeHero from "../../components/HomeHero.astro";
+import HomePlayers from "../../components/HomePlayers.astro";
+import HomeTanks from "../../components/HomeTanks.astro";
+import HomeTechnical from "../../components/HomeTechnical.astro";
+import { tools } from "../../core/tools/tools";
+import BaseLayout from "../../layouts/BaseLayout.astro";
+
+export const getStaticPaths = (() => {
+  return [
+    ...locales.supported
+      .filter(({ locale }) => locale !== locales.default)
+      .map(({ locale }) => ({ params: { locale }, props: { locale } })),
+    { params: { locale: undefined }, props: { locale: locales.default } },
+  ];
+}) satisfies GetStaticPaths;
+
+const { locale } = Astro.props;
+---
+
+<BaseLayout {locale} accent="amber">
+  <HomeHero {locale} />
+
+  {Object.values(tools).map((tool) => <ColorScale color={tool.accent} />)}
+
+  <HomeTanks {locale} />
+  <HomePlayers {locale} />
+  <HomeGames {locale} />
+  <HomeCosmetics {locale} />
+  <HomeTechnical {locale} />
+</BaseLayout>
diff --git a/packages/website-ue/src/pages/[...locale]/index.astro b/packages/website-ue/src/pages/[...locale]/index.astro
index a7db16f7c..b14fbcaf6 100644
--- a/packages/website-ue/src/pages/[...locale]/index.astro
+++ b/packages/website-ue/src/pages/[...locale]/index.astro
@@ -3,10 +3,7 @@ import locales from "@blitzkit/i18n/locales.json";
 import type { GetStaticPaths } from "astro";
 import ColorScale from "../../components/ColorScale.astro";
 import HomeCosmetics from "../../components/HomeCosmetics.astro";
-import HomeGames from "../../components/HomeGames.astro";
 import HomeHero from "../../components/HomeHero.astro";
-import HomePlayers from "../../components/HomePlayers.astro";
-import HomeTanks from "../../components/HomeTanks.astro";
 import HomeTechnical from "../../components/HomeTechnical.astro";
 import { tools } from "../../core/tools/tools";
 import BaseLayout from "../../layouts/BaseLayout.astro";
@@ -28,9 +25,6 @@ const { locale } = Astro.props;
 
   {Object.values(tools).map((tool) => <ColorScale color={tool.accent} />)}
 
-  <HomeTanks {locale} />
-  <HomePlayers {locale} />
-  <HomeGames {locale} />
   <HomeCosmetics {locale} />
   <HomeTechnical {locale} />
 </BaseLayout>