Redesign ViGet as a first-class Progmasoft product surface1.0.0

2 files changed, 64 insertions, 25 deletions

diff --git a/frontend/src/components/RepositoryFooter.astro b/frontend/src/components/RepositoryFooter.astro
new file mode 100644
index 0000000..58b82af
--- /dev/null
+++ b/frontend/src/components/RepositoryFooter.astro
@@ -0,0 +1,37 @@
+---
+// SPDX-FileCopyrightText: 2026 Progmasoft <support@progmasoft.com>
+// SPDX-License-Identifier: AGPL-3.0-or-later WITH AdditionRef-Progmasoft-Patent-Grant-1.0
+---
+
+<footer class="registry-footer">
+  <div class="registry-shell registry-footer-grid">
+    <div class="registry-footer-brand">
+      <a class="registry-brand" href="https://www.progmasoft.com/" aria-label="Progmasoft home">
+        <span class="progmasoft-mark" aria-hidden="true">
+          <span class="progmasoft-tile tile-slate"></span>
+          <span class="progmasoft-tile tile-teal"></span>
+          <span class="progmasoft-tile tile-violet"></span>
+          <span class="progmasoft-tile tile-orange"></span>
+        </span>
+        <strong>Progmasoft</strong>
+      </a>
+      <p>ViGet is the package and Kotlin DSL plugin registry for the Visual X# ecosystem.</p>
+    </div>
+    <div class="registry-footer-links">
+      <strong>Registry</strong>
+      <a href="https://viget.progmasoft.com/">Packages</a>
+      <a href="https://viget.progmasoft.com/dslplugins/">DSL plugins</a>
+      <a href="https://xsharp-lang.xyz/">Visual X#</a>
+    </div>
+    <div class="registry-footer-links">
+      <strong>Progmasoft</strong>
+      <a href="https://account.progmasoft.com/">Account</a>
+      <a href="mailto:support@progmasoft.com">Support</a>
+      <a href="https://github.com/Progmasoft/website">Source</a>
+    </div>
+  </div>
+  <div class="registry-shell registry-footer-bottom">
+    <span>© 2026 Progmasoft</span>
+    <span>ViGet Package Registry by Progmasoft</span>
+  </div>
+</footer>
diff --git a/frontend/src/components/RepositoryHeader.astro b/frontend/src/components/RepositoryHeader.astro
index 625bf2c..3fbc8f9 100644
--- a/frontend/src/components/RepositoryHeader.astro
+++ b/frontend/src/components/RepositoryHeader.astro
@@ -2,8 +2,6 @@
 // SPDX-FileCopyrightText: 2026 Progmasoft <support@progmasoft.com>
 // SPDX-License-Identifier: AGPL-3.0-or-later WITH AdditionRef-Progmasoft-Patent-Grant-1.0
 
-import Icon from "./Icon.astro";
-
 interface Props {
   authenticated?: boolean;
 }
@@ -11,28 +9,32 @@ interface Props {
 const { authenticated = false } = Astro.props;
 ---
 
-<header class="repository-header glass-panel">
-  <a class="brand" href="https://viget.progmasoft.com/" aria-label="Visual X# package registry home">
-    <img class="brand-mark" src="/xsharp-logo.webp" width="38" height="38" alt="" />
-    <span class="brand-name">Visual X#</span>
-    <span class="brand-channel">package registry</span>
-  </a>
-  <nav class="repository-navigation" aria-label="Registry navigation">
-    <a href="https://viget.progmasoft.com/">Packages</a>
-    <a href="https://viget.progmasoft.com/dslplugins/">DSL plugins</a>
-    {
-      authenticated ? (
-        <a href="https://account.progmasoft.com/">Account</a>
-      ) : (
-        <>
-          <a href="https://account.progmasoft.com/login">Log in</a>
-          <a class="repository-register" href="https://account.progmasoft.com/register">Register</a>
-        </>
-      )
-    }
-    <a class="repository-source" href="https://github.com/Progmasoft/visual-xsharp" target="_blank" rel="noreferrer">
-      <Icon name="github" />
-      <span>GitHub</span>
+<header class="registry-header">
+  <div class="registry-shell registry-header-inner">
+    <a class="registry-brand" href="https://www.progmasoft.com/" aria-label="Progmasoft home">
+      <span class="progmasoft-mark" aria-hidden="true">
+        <span class="progmasoft-tile tile-slate"></span>
+        <span class="progmasoft-tile tile-teal"></span>
+        <span class="progmasoft-tile tile-violet"></span>
+        <span class="progmasoft-tile tile-orange"></span>
+      </span>
+      <strong>Progmasoft</strong>
+      <span class="registry-product">ViGet</span>
     </a>
-  </nav>
+    <nav class="repository-navigation" aria-label="Registry navigation">
+      <a href="https://viget.progmasoft.com/">Packages</a>
+      <a href="https://viget.progmasoft.com/dslplugins/">DSL plugins</a>
+      {
+        authenticated ? (
+          <a href="https://account.progmasoft.com/">Account</a>
+        ) : (
+          <>
+            <a href="https://account.progmasoft.com/login">Log in</a>
+            <a class="repository-register" href="https://account.progmasoft.com/register">Register</a>
+          </>
+        )
+      }
+      <a href="https://github.com/Progmasoft/visual-xsharp" target="_blank" rel="noreferrer">GitHub</a>
+    </nav>
+  </div>
 </header>