From 4f3e641458ccd2eb434dd039025013406316b5c9 Mon Sep 17 00:00:00 2001
From: emil <emil28092005@gmail.com>
Date: Mon, 18 May 2026 09:47:35 +0300
Subject: [PATCH] feat(home): mark DM Dashboard promo with Work in Progress
 badge

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/i18n/translations.ts |  2 ++
 src/pages/index.astro    | 13 ++++++++++---
 src/pages/ru/index.astro | 13 ++++++++++---
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index 07bdda9..b7fa8c6 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -83,6 +83,7 @@ export const translations = {
     catUtility: "Utility",
     dmDashboard: "DM Dashboard",
     dmDashboardDesc: "Tools for dungeon masters — dice, initiative, reference, and notes.",
+    wip: "Work in progress",
 
     notFoundTitle: "Page Not Found",
     notFoundMessage:
@@ -196,6 +197,7 @@ export const translations = {
     catUtility: "Утилиты",
     dmDashboard: "Для мастера",
     dmDashboardDesc: "Инструменты для мастера подземелий — кубики, инициатива, справочник и заметки.",
+    wip: "В разработке",
 
     notFoundTitle: "Страница не найдена",
     notFoundMessage:
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8587628..441c260 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -100,9 +100,16 @@ const webSiteSchema = {
           </svg>
         </div>
         <div>
-          <span class="text-sm font-semibold text-[#E87722] group-hover:text-[#F09040] transition-colors">
-            {T.dmDashboard}
-          </span>
+          <div class="flex items-center gap-2 flex-wrap">
+            <span class="text-sm font-semibold text-[#E87722] group-hover:text-[#F09040] transition-colors">
+              {T.dmDashboard}
+            </span>
+            <span
+              class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold uppercase tracking-wide bg-amber-500/15 text-amber-300 border border-amber-500/30"
+            >
+              {T.wip}
+            </span>
+          </div>
           <p class="text-sm text-zinc-400 mt-0.5">
             {T.dmDashboardDesc}
           </p>
diff --git a/src/pages/ru/index.astro b/src/pages/ru/index.astro
index ff7d307..174c59f 100644
--- a/src/pages/ru/index.astro
+++ b/src/pages/ru/index.astro
@@ -96,9 +96,16 @@ const webSiteSchema = {
           </svg>
         </div>
         <div>
-          <span class="text-sm font-semibold text-[#E87722] group-hover:text-[#F09040] transition-colors">
-            {T.dmDashboard}
-          </span>
+          <div class="flex items-center gap-2 flex-wrap">
+            <span class="text-sm font-semibold text-[#E87722] group-hover:text-[#F09040] transition-colors">
+              {T.dmDashboard}
+            </span>
+            <span
+              class="inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold uppercase tracking-wide bg-amber-500/15 text-amber-300 border border-amber-500/30"
+            >
+              {T.wip}
+            </span>
+          </div>
           <p class="text-sm text-zinc-400 mt-0.5">
             {T.dmDashboardDesc}
           </p>