From 680438af37d0a1e54442b348eb37cba2afeee534 Mon Sep 17 00:00:00 2001
From: MrPiglr <mrpiglr@aethex.dev>
Date: Mon, 19 Jan 2026 01:19:50 +0000
Subject: [PATCH] 	modified:   src/pages/labs.astro

---
 public/corporation-logo.svg |  4 +++
 public/foundation-logo.svg  |  4 +++
 public/labs-logo.svg        |  4 +++
 src/pages/corporation.astro | 50 +++++++++++++++++++++++++++++++------
 src/pages/foundation.astro  | 50 +++++++++++++++++++++++++++++++------
 src/pages/labs.astro        | 50 +++++++++++++++++++++++++++++++------
 6 files changed, 138 insertions(+), 24 deletions(-)
 create mode 100644 public/corporation-logo.svg
 create mode 100644 public/foundation-logo.svg
 create mode 100644 public/labs-logo.svg

diff --git a/public/corporation-logo.svg b/public/corporation-logo.svg
new file mode 100644
index 0000000..fb79dd3
--- /dev/null
+++ b/public/corporation-logo.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="8" y="8" width="64" height="64" rx="16" stroke="#0066ff" stroke-width="8" fill="#0a0a0a" />
+  <text x="50%" y="54%" text-anchor="middle" fill="#0066ff" font-size="32" font-family="Inter, sans-serif" dy=".3em">C</text>
+</svg>
diff --git a/public/foundation-logo.svg b/public/foundation-logo.svg
new file mode 100644
index 0000000..c0569bd
--- /dev/null
+++ b/public/foundation-logo.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="40" cy="40" r="36" stroke="#ff0000" stroke-width="8" fill="#0a0a0a" />
+  <text x="50%" y="54%" text-anchor="middle" fill="#ff0000" font-size="32" font-family="Inter, sans-serif" dy=".3em">F</text>
+</svg>
diff --git a/public/labs-logo.svg b/public/labs-logo.svg
new file mode 100644
index 0000000..98ae50b
--- /dev/null
+++ b/public/labs-logo.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <polygon points="40,8 72,72 8,72" stroke="#ffa500" stroke-width="8" fill="#0a0a0a" />
+  <text x="50%" y="60%" text-anchor="middle" fill="#ffa500" font-size="32" font-family="Inter, sans-serif" dy=".3em">L</text>
+</svg>
diff --git a/src/pages/corporation.astro b/src/pages/corporation.astro
index 4d9f2a7..b04923c 100644
--- a/src/pages/corporation.astro
+++ b/src/pages/corporation.astro
@@ -17,10 +17,19 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
   </nav>
   <main class="entity-page corporation">
-    <div class="container">
-      <h1 class="entity-title">AeThex Corporation</h1>
-      <p class="entity-desc">Commercial Services • Production</p>
-      <section>
+    <section class="hero-banner corporation-hero">
+      <div class="hero-bg"></div>
+      <div class="hero-content">
+        <img src="/corporation-logo.svg" alt="Corporation Logo" class="entity-logo" />
+        <h1 class="entity-title animated">
+          <span class="fade-in">AeThex Corporation</span>
+        </h1>
+        <p class="entity-desc fade-in-delay">Commercial Services • Production</p>
+        <a href="/products" class="cta-btn">Explore Products</a>
+      </div>
+    </section>
+    <div class="glass-card">
+      <section class="fade-in-section">
         <h2>About Corporation</h2>
         <p>Professional commercial division delivering polished products and enterprise-grade infrastructure to developers and players worldwide.</p>
         <ul>
@@ -32,11 +41,36 @@ import MainLayout from '../layouts/MainLayout.astro';
         </ul>
       </section>
     </div>
+    <footer class="entity-footer">
+      <span>© AeThex Corporation 2026</span>
+      <a href="/about">About</a>
+      <a href="/corporation" style="margin-left:16px; color:#0066ff;">Corporation Home</a>
+      <a href="/products" style="margin-left:16px; color:#0066ff;">Products</a>
+    </footer>
     <style>
-      .entity-page.corporation { background: #0a0a0a; color: #0066ff; min-height: 100vh; }
-      .entity-title { font-size: 3em; font-weight: 900; margin-bottom: 20px; }
-      .entity-desc { font-size: 1.2em; margin-bottom: 40px; color: #fff; }
-      ul { color: #fff; }
+        .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
+        @keyframes fadeInSection { to { opacity: 1; transform: none; } }
+      .entity-page.corporation { background: linear-gradient(120deg, #0a0a0a 55%, #3399ff 80%, #0066ff 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
+      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
+      .nav-link:hover { color: #0066ff; text-shadow: 0 0 8px #0066ff; }
+      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
+      .corporation-hero .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #0066ff 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
+      .hero-content { position: relative; z-index: 2; text-align: center; }
+      .entity-logo { width: 80px; height: 80px; margin-bottom: 16px; filter: drop-shadow(0 0 8px #0066ff); }
+      .entity-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
+      .entity-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
+      .entity-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
+      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
+      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
+      .entity-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
+      .cta-btn { display: inline-block; padding: 12px 32px; background: linear-gradient(90deg, #0066ff 60%, #3399ff 100%); color: #fff; border-radius: 32px; font-weight: 700; text-decoration: none; box-shadow: 0 2px 16px #0066ff80; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; letter-spacing: 1px; font-size: 1.1em; position: relative; overflow: hidden; }
+      .cta-btn:hover { background: linear-gradient(90deg, #0044aa 60%, #33bbff 100%); transform: scale(1.06) translateY(-2px); box-shadow: 0 6px 32px #0066ff80; }
+      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #3399ff80; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #0066ff; }
+      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
+      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
+      ul li:hover { color: #0066ff; transform: scale(1.05); }
+      .entity-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
+      .entity-footer a { color: #0066ff; margin-left: 16px; text-decoration: underline; }
     </style>
   </main>
 </MainLayout>
diff --git a/src/pages/foundation.astro b/src/pages/foundation.astro
index 84fd027..4070b49 100644
--- a/src/pages/foundation.astro
+++ b/src/pages/foundation.astro
@@ -17,10 +17,19 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
   </nav>
   <main class="entity-page foundation">
-    <div class="container">
-      <h1 class="entity-title">AeThex Foundation</h1>
-      <p class="entity-desc">Critical Infrastructure • Nonprofit</p>
-      <section>
+    <section class="hero-banner foundation-hero">
+      <div class="hero-bg"></div>
+      <div class="hero-content">
+        <img src="/foundation-logo.svg" alt="Foundation Logo" class="entity-logo" />
+        <h1 class="entity-title animated">
+          <span class="fade-in">AeThex Foundation</span>
+        </h1>
+        <p class="entity-desc fade-in-delay">Critical Infrastructure • Nonprofit</p>
+        <a href="/community" class="cta-btn">Join the Community</a>
+      </div>
+    </section>
+    <div class="glass-card">
+      <section class="fade-in-section">
         <h2>About Foundation</h2>
         <p>The nonprofit backbone maintaining authentication, security, and core APIs. Open-source infrastructure that the entire AeThex ecosystem depends on.</p>
         <ul>
@@ -32,11 +41,36 @@ import MainLayout from '../layouts/MainLayout.astro';
         </ul>
       </section>
     </div>
+    <footer class="entity-footer">
+      <span>© AeThex Foundation 2026</span>
+      <a href="/about">About</a>
+      <a href="/foundation" style="margin-left:16px; color:#ff0000;">Foundation Home</a>
+      <a href="/community" style="margin-left:16px; color:#ff0000;">Community</a>
+    </footer>
     <style>
-      .entity-page.foundation { background: #0a0a0a; color: #ff0000; min-height: 100vh; }
-      .entity-title { font-size: 3em; font-weight: 900; margin-bottom: 20px; }
-      .entity-desc { font-size: 1.2em; margin-bottom: 40px; color: #fff; }
-      ul { color: #fff; }
+        .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
+        @keyframes fadeInSection { to { opacity: 1; transform: none; } }
+      .entity-page.foundation { background: linear-gradient(120deg, #0a0a0a 55%, #ff1a1a 80%, #ff0000 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
+      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
+      .nav-link:hover { color: #ff0000; text-shadow: 0 0 8px #ff0000; }
+      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
+      .foundation-hero .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #ff0000 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
+      .hero-content { position: relative; z-index: 2; text-align: center; }
+      .entity-logo { width: 80px; height: 80px; margin-bottom: 16px; filter: drop-shadow(0 0 8px #ff0000); }
+      .entity-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
+      .entity-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
+      .entity-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
+      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
+      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
+      .entity-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
+      .cta-btn { display: inline-block; padding: 12px 32px; background: linear-gradient(90deg, #ff0000 60%, #ff1a1a 100%); color: #fff; border-radius: 32px; font-weight: 700; text-decoration: none; box-shadow: 0 2px 16px #ff000080; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; letter-spacing: 1px; font-size: 1.1em; position: relative; overflow: hidden; }
+      .cta-btn:hover { background: linear-gradient(90deg, #d10000 60%, #ff3333 100%); transform: scale(1.06) translateY(-2px); box-shadow: 0 6px 32px #ff000080; }
+      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #ff000080; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #ff0000; }
+      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
+      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
+      ul li:hover { color: #ff0000; transform: scale(1.05); }
+      .entity-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
+      .entity-footer a { color: #ff0000; margin-left: 16px; text-decoration: underline; }
     </style>
   </main>
 </MainLayout>
diff --git a/src/pages/labs.astro b/src/pages/labs.astro
index 89af287..d5b5b67 100644
--- a/src/pages/labs.astro
+++ b/src/pages/labs.astro
@@ -17,10 +17,19 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
   </nav>
   <main class="entity-page labs">
-    <div class="container">
-      <h1 class="entity-title">AeThex Labs</h1>
-      <p class="entity-desc">Research & Development • Experimental</p>
-      <section>
+    <section class="hero-banner labs-hero">
+      <div class="hero-bg"></div>
+      <div class="hero-content">
+        <img src="/labs-logo.svg" alt="Labs Logo" class="entity-logo" />
+        <h1 class="entity-title animated">
+          <span class="fade-in">AeThex Labs</span>
+        </h1>
+        <p class="entity-desc fade-in-delay">Research & Development • Experimental</p>
+        <a href="/labs#projects" class="cta-btn">See R&D Projects</a>
+      </div>
+    </section>
+    <div class="glass-card">
+      <section class="fade-in-section">
         <h2>About Labs</h2>
         <p>Innovation division pushing boundaries with experimental features, beta technologies, and next-generation metaverse infrastructure.</p>
         <ul>
@@ -32,11 +41,36 @@ import MainLayout from '../layouts/MainLayout.astro';
         </ul>
       </section>
     </div>
+    <footer class="entity-footer">
+      <span>© AeThex Labs 2026</span>
+      <a href="/about">About</a>
+      <a href="/labs" style="margin-left:16px; color:#ffa500;">Labs Home</a>
+      <a href="/labs#projects" style="margin-left:16px; color:#ffa500;">R&D Projects</a>
+    </footer>
     <style>
-      .entity-page.labs { background: #0a0a0a; color: #ffa500; min-height: 100vh; }
-      .entity-title { font-size: 3em; font-weight: 900; margin-bottom: 20px; }
-      .entity-desc { font-size: 1.2em; margin-bottom: 40px; color: #fff; }
-      ul { color: #fff; }
+        .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
+        @keyframes fadeInSection { to { opacity: 1; transform: none; } }
+      .entity-page.labs { background: linear-gradient(120deg, #0a0a0a 55%, #ffd580 80%, #ffa500 100%); min-height: 100vh; font-family: 'Inter', 'Segoe UI', Arial, sans-serif; }
+      .nav-link { color: #fff; margin: 0 12px; text-decoration: none; font-weight: 600; transition: color 0.2s, text-shadow 0.2s; }
+      .nav-link:hover { color: #ffa500; text-shadow: 0 0 8px #ffa500; }
+      .hero-banner { position: relative; height: 340px; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
+      .labs-hero .hero-bg { position: absolute; inset: 0; background: radial-gradient(circle at 60% 40%, #ffa500 0%, #0a0a0a 80%); opacity: 0.7; z-index: 1; }
+      .hero-content { position: relative; z-index: 2; text-align: center; }
+      .entity-logo { width: 80px; height: 80px; margin-bottom: 16px; filter: drop-shadow(0 0 8px #ffa500); }
+      .entity-title { font-size: 3em; font-weight: 900; margin-bottom: 12px; letter-spacing: 2px; color: #fff; }
+      .entity-title.animated .fade-in { animation: fadeInDown 1s cubic-bezier(.77,0,.175,1) both; display: inline-block; }
+      .entity-desc.fade-in-delay { animation: fadeInUp 1.2s cubic-bezier(.77,0,.175,1) both; display: block; }
+      @keyframes fadeInDown { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: translateY(0); } }
+      @keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
+      .entity-desc { font-size: 1.2em; margin-bottom: 24px; color: #fff; }
+      .cta-btn { display: inline-block; padding: 12px 32px; background: linear-gradient(90deg, #ffa500 60%, #ffd580 100%); color: #fff; border-radius: 32px; font-weight: 700; text-decoration: none; box-shadow: 0 2px 16px #ffa50080; transition: background 0.2s, transform 0.2s, box-shadow 0.2s; letter-spacing: 1px; font-size: 1.1em; position: relative; overflow: hidden; }
+      .cta-btn:hover { background: linear-gradient(90deg, #cc8400 60%, #ffe5b4 100%); transform: scale(1.06) translateY(-2px); box-shadow: 0 6px 32px #ffa50080; }
+      .glass-card { background: rgba(255,255,255,0.10); border-radius: 28px; box-shadow: 0 4px 32px #ffd58080; backdrop-filter: blur(16px); margin: 40px auto; max-width: 650px; padding: 40px 36px; color: #fff; border: 2px solid #ffa500; }
+      ul { color: #fff; margin-top: 24px; padding-left: 24px; }
+      ul li { margin-bottom: 14px; transition: color 0.2s, transform 0.2s; cursor: pointer; font-size: 1.08em; }
+      ul li:hover { color: #ffa500; transform: scale(1.05); }
+      .entity-footer { text-align: center; margin-top: 48px; color: #fff; font-size: 1em; opacity: 0.7; }
+      .entity-footer a { color: #ffa500; margin-left: 16px; text-decoration: underline; }
     </style>
   </main>
 </MainLayout>