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

@@ -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:

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">
+          <div class="flex items-center gap-2 flex-wrap">
-            {T.dmDashboard}
+            <span class="text-sm font-semibold text-[#E87722] group-hover:text-[#F09040] transition-colors">
-          </span>
+              {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>

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">
+          <div class="flex items-center gap-2 flex-wrap">
-            {T.dmDashboard}
+            <span class="text-sm font-semibold text-[#E87722] group-hover:text-[#F09040] transition-colors">
-          </span>
+              {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>