OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
════════════════════════════════════════════════
 
HASH      da9281332d8c
DATE      2026-05-03
SUBJECT   web: proving grounds coming soon page
FILES     2 CHANGED
HASH      da9281332d8c
DATE      2026-05-03
SUBJECT   web: proving grounds coming soon page
FILES     2 CHANGED
 

diff --git a/web/src/components/Navigation/Navigation.astro b/web/src/components/N
avigation/Navigation.astro
index 41584e1..55dbb82 100644
--- a/web/src/components/Navigation/Navigation.astro
+++ b/web/src/components/Navigation/Navigation.astro
@@ -26,6 +26,7 @@ import "./Navigation.scss";
       </div>
       <a href="/simulation/benchmark" class="navbar-link">Simulations</a>
       <a href="/challenge-mode" class="navbar-link">Challenge Mode</a>
+      <a href="/proving-grounds" class="navbar-link">Proving Grounds</a>
     </div>
   </div>
 </nav>

diff --git a/web/src/components/Navigation/N
avigation.astro b/web/src/components/Navigat
ion/Navigation.astro
index 41584e1..55dbb82 100644
--- a/web/src/components/Navigation/Navigati
on.astro
+++ b/web/src/components/Navigation/Navigati
on.astro
@@ -26,6 +26,7 @@ import "./Navigation.scss"
;
       </div>
       <a href="/simulation/benchmark" class
="navbar-link">Simulations</a>
       <a href="/challenge-mode" class="navb
ar-link">Challenge Mode</a>
+      <a href="/proving-grounds" class="nav
bar-link">Proving Grounds</a>
     </div>
   </div>
 </nav>
 

diff --git a/web/src/pages/proving-grounds/index.astro b/web/src/pages/proving-gro
unds/index.astro
new file mode 100644
index 0000000..254d258
--- /dev/null
+++ b/web/src/pages/proving-grounds/index.astro
@@ -0,0 +1,74 @@
+---
+import PageLayout from "../../layouts/PageLayout.astro";
+---
+
+<PageLayout
+  title="Proving Grounds - Coming Soon"
+  description="Mists of Pandaria Classic Proving Grounds endless-mode leaderboard
s. Coming once Proving Grounds launches."
+>
+  <main class="proving-grounds">
+    <div class="proving-grounds__inner">
+      <span class="proving-grounds__eyebrow">Coming Soon</span>
+      <h1 class="proving-grounds__title">Proving Grounds</h1>
+    </div>
+  </main>
+</PageLayout>
+
+<style lang="scss">
+  @use "../../styles/core/tokens" as *;
+
+  .proving-grounds {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .proving-grounds__inner {
+    max-width: 640px;
+    width: 100%;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: $radius-lg;
+    padding: $spacing-3xl $spacing-2xl;
+    text-align: center;
+  }
+
+  .proving-grounds__eyebrow {
+    display: inline-block;
+    text-transform: uppercase;
+    letter-spacing: 0.12em;
+    font-size: $font-size-xs;
+    font-weight: $font-weight-bold;
+    color: var(--bg-primary);
+    background: var(--highlight-color);
+    padding: 4px 10px;
+    border-radius: $radius-sm;
+    margin-bottom: $spacing-md;
+  }
+
+  .proving-grounds__title {
+    margin: 0;
+    font-size: 2.4em;
+    color: var(--text-primary);
+    font-weight: $font-weight-bold;
+    line-height: 1.1;
+  }
+
+  @media (max-width: 768px) {
+    .proving-grounds {
+      padding: 15px;
+    }
+
+    .proving-grounds__inner {
+      padding: $spacing-2xl $spacing-lg;
+    }
+
+    .proving-grounds__title {
+      font-size: 1.8em;
+    }
+  }
+</style>

diff --git a/web/src/pages/proving-grounds/i
ndex.astro b/web/src/pages/proving-grounds/i
ndex.astro
new file mode 100644
index 0000000..254d258
--- /dev/null
+++ b/web/src/pages/proving-grounds/index.as
tro
@@ -0,0 +1,74 @@
+---
+import PageLayout from "../../layouts/PageL
ayout.astro";
+---
+
+<PageLayout
+  title="Proving Grounds - Coming Soon"
+  description="Mists of Pandaria Classic Pr
oving Grounds endless-mode leaderboards. Com
ing once Proving Grounds launches."
+>
+  <main class="proving-grounds">
+    <div class="proving-grounds__inner">
+      <span class="proving-grounds__eyebrow
">Coming Soon</span>
+      <h1 class="proving-grounds__title">Pr
oving Grounds</h1>
+    </div>
+  </main>
+</PageLayout>
+
+<style lang="scss">
+  @use "../../styles/core/tokens" as *;
+
+  .proving-grounds {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .proving-grounds__inner {
+    max-width: 640px;
+    width: 100%;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: $radius-lg;
+    padding: $spacing-3xl $spacing-2xl;
+    text-align: center;
+  }
+
+  .proving-grounds__eyebrow {
+    display: inline-block;
+    text-transform: uppercase;
+    letter-spacing: 0.12em;
+    font-size: $font-size-xs;
+    font-weight: $font-weight-bold;
+    color: var(--bg-primary);
+    background: var(--highlight-color);
+    padding: 4px 10px;
+    border-radius: $radius-sm;
+    margin-bottom: $spacing-md;
+  }
+
+  .proving-grounds__title {
+    margin: 0;
+    font-size: 2.4em;
+    color: var(--text-primary);
+    font-weight: $font-weight-bold;
+    line-height: 1.1;
+  }
+
+  @media (max-width: 768px) {
+    .proving-grounds {
+      padding: 15px;
+    }
+
+    .proving-grounds__inner {
+      padding: $spacing-2xl $spacing-lg;
+    }
+
+    .proving-grounds__title {
+      font-size: 1.8em;
+    }
+  }
+</style>
 
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET