Merge branch 'main' of https://github.com/AeThex-LABS/aethex.us

README.md

@@ -1,46 +1,59 @@
-# Astro Starter Kit: Basics
+# AeThex
+
+Infrastructure for the Metaverse.
+
+## About
+
+AeThex provides foundational infrastructure for building immersive digital experiences. The platform is organized into three divisions:
+
+- **Foundation** - Open-source tools and community governance
+- **Corporation** - Commercial products and enterprise services
+- **Labs** - Research & development for experimental technologies
+
+## Tech Stack
+
+- [Astro](https://astro.build) - Static site generator
+- CSS with custom properties and animations
+- Responsive design with mobile-first breakpoints
+
+## Project Structure
 
-```sh
-npm create astro@latest -- --template basics
 ```
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```text
 /
 ├── public/
-│   └── favicon.svg
+│   └── global.css          # Global styles
-├── src
+├── src/
-│   ├── assets
+│   ├── components/         # Reusable UI components
-│   │   └── astro.svg
+│   ├── layouts/
-│   ├── components
+│   │   └── MainLayout.astro
-│   │   └── Welcome.astro
+│   └── pages/
-│   ├── layouts
+│       ├── index.astro     # Homepage
-│   │   └── Layout.astro
+│       ├── foundation.astro
-│   └── pages
+│       ├── corporation.astro
-│       └── index.astro
+│       ├── labs.astro
+│       ├── products.astro
+│       ├── community.astro
+│       ├── docs.astro
+│       └── about.astro
 └── package.json
 ```
 
-To learn more about the folder structure of an Astro project, refer to [our guide on project structure](https://docs.astro.build/en/basics/project-structure/).
+## Development
 
-## 🧞 Commands
+```sh
+# Install dependencies
+npm install
 
-All commands are run from the root of the project, from a terminal:
+# Start dev server
+npm run dev
 
-| Command                   | Action                                           |
+# Build for production
-| :------------------------ | :----------------------------------------------- |
+npm run build
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:4321`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
 
-## 👀 Want to learn more?
+# Preview production build
+npm run preview
+```
 
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+## License
+
+© 2026 AeThex

public/global.css

@@ -126,3 +126,51 @@ footer::before { content: ''; position: absolute; top: -2px; left: 0; width: 100
 .footer-link { color: #666; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 0.85em; transition: color 0.3s; }
 .footer-link:hover { color: #0066ff; }
 .copyright { color: #333; font-size: 0.8em; letter-spacing: 2px; }
+
+/* Tablet breakpoint */
+@media (max-width: 1024px) {
+	.trinity-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
+	.hero-title { font-size: 3.5em; letter-spacing: 4px; }
+	.section-title { font-size: 2.2em; letter-spacing: 4px; }
+	.hero { padding: 60px 0 80px 0; }
+	.flow-diagram { gap: 30px; }
+	.flow-node { width: 150px; height: 150px; }
+	.flow-node-title { font-size: 1.2em; }
+	.flow-arrow { font-size: 2em; }
+	.infra-viz { padding: 40px 20px; }
+	.trinity-section { padding: 60px 0; }
+	.section-header { margin-bottom: 50px; }
+	.products-section { padding: 60px 0; }
+}
+
+/* Mobile breakpoint */
+@media (max-width: 600px) {
+	.trinity-grid { grid-template-columns: 1fr; gap: 20px; }
+	.products-grid { grid-template-columns: 1fr; gap: 20px; }
+	.hero-title { font-size: 2.2em; letter-spacing: 2px; }
+	.hero-subtitle { font-size: 1em; letter-spacing: 2px; }
+	.hero-description { font-size: 1em; }
+	.section-title { font-size: 1.6em; letter-spacing: 2px; }
+	.section-subtitle { font-size: 0.9em; }
+	.hero { padding: 40px 0 60px 0; }
+	.trinity-section { padding: 40px 0; }
+	.section-header { margin-bottom: 30px; }
+	.products-section { padding: 40px 0; }
+	.trinity-card { padding: 30px 24px; }
+	.card-icon { font-size: 2.5em; margin-bottom: 20px; }
+	.card-title { font-size: 1.4em; letter-spacing: 2px; }
+	.product-card { padding: 24px; }
+	.product-title { font-size: 1.4em; }
+	.flow-diagram { flex-direction: column; gap: 20px; }
+	.flow-node { width: 100%; max-width: 200px; height: 120px; }
+	.flow-arrow { transform: rotate(90deg); font-size: 1.5em; }
+	.infra-viz { padding: 30px 16px; }
+	.viz-title { font-size: 1.2em; margin-bottom: 24px; }
+	.trinity-badge { flex-direction: column; gap: 10px; align-items: center; }
+	.badge { padding: 10px 20px; font-size: 0.75em; }
+	.cta-button { padding: 16px 32px; font-size: 0.9em; letter-spacing: 2px; }
+	footer { padding: 50px 0 30px 0; }
+	.footer-logo { font-size: 1.8em; letter-spacing: 4px; }
+	.footer-links { flex-direction: column; gap: 16px; }
+	.footer-tagline { font-size: 0.8em; letter-spacing: 2px; }
+}

src/components/FooterSection.astro

@@ -6,11 +6,12 @@
         <div class="footer-logo">AETHEX</div>
         <p class="footer-tagline">Infrastructure for the Metaverse</p>
         <div class="footer-links">
-            <a href="#" class="footer-link">Foundation</a>
+            <a href="https://aethex.foundation" class="footer-link">Foundation</a>
-            <a href="#" class="footer-link">Corporation</a>
+            <a href="https://aethex.biz" class="footer-link">Corporation</a>
-            <a href="#" class="footer-link">Labs</a>
+            <a href="https://aethex.studio" class="footer-link">Labs</a>
-            <a href="#" class="footer-link">Documentation</a>
+            <a href="https://docs.aethex.tech" class="footer-link">Docs</a>
-            <a href="#" class="footer-link">Community</a>
+            <a href="https://aethex.network" class="footer-link">Community</a>
+            <a href="https://aethex.support" class="footer-link">Support</a>
         </div>
         <p class="copyright">© 2026 AeThex • Building Digital Reality</p>
     </div>

src/pages/corporation.astro

@@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
+      <a href="/" class="nav-link">Home</a>
       <a href="/foundation" class="nav-link">Foundation</a>
       <a href="/corporation" class="nav-link">Corporation</a>
       <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
     </div>
   </nav>
   <main class="entity-page corporation">
@@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro';
           <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>
+        <a href="https://aethex.biz" class="cta-btn">Learn More</a>
       </div>
     </section>
     <div class="glass-card">
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
     <footer class="entity-footer">
       <span>© AeThex Corporation 2026</span>
-      <a href="/about">About</a>
+      <a href="/">Home</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>
         .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
@@ -71,6 +66,16 @@ import MainLayout from '../layouts/MainLayout.astro';
       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; }
+
+      @media (max-width: 768px) {
+        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
+        .entity-title { font-size: 2em; }
+        .entity-desc { font-size: 1em; }
+        .entity-logo { width: 60px; height: 60px; }
+        .glass-card { margin: 24px 16px; padding: 28px 20px; }
+        .cta-btn { padding: 10px 24px; font-size: 1em; }
+        ul li { font-size: 1em; }
+      }
     </style>
   </main>
 </MainLayout>

src/pages/foundation.astro

@@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
+      <a href="/" class="nav-link">Home</a>
       <a href="/foundation" class="nav-link">Foundation</a>
       <a href="/corporation" class="nav-link">Corporation</a>
       <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
     </div>
   </nav>
   <main class="entity-page foundation">
@@ -25,7 +22,7 @@ import MainLayout from '../layouts/MainLayout.astro';
           <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>
+        <a href="https://aethex.network" class="cta-btn">Join the Community</a>
       </div>
     </section>
     <div class="glass-card">
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
     <footer class="entity-footer">
       <span>© AeThex Foundation 2026</span>
-      <a href="/about">About</a>
+      <a href="/">Home</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>
         .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
@@ -71,6 +66,16 @@ import MainLayout from '../layouts/MainLayout.astro';
       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; }
+
+      @media (max-width: 768px) {
+        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
+        .entity-title { font-size: 2em; }
+        .entity-desc { font-size: 1em; }
+        .entity-logo { width: 60px; height: 60px; }
+        .glass-card { margin: 24px 16px; padding: 28px 20px; }
+        .cta-btn { padding: 10px 24px; font-size: 1em; }
+        ul li { font-size: 1em; }
+      }
     </style>
   </main>
 </MainLayout>

src/pages/labs.astro

@@ -7,13 +7,10 @@ import MainLayout from '../layouts/MainLayout.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
+      <a href="/" class="nav-link">Home</a>
       <a href="/foundation" class="nav-link">Foundation</a>
       <a href="/corporation" class="nav-link">Corporation</a>
       <a href="/labs" class="nav-link">Labs</a>
-      <a href="/products" class="nav-link">Products</a>
-      <a href="/community" class="nav-link">Community</a>
-      <a href="/docs" class="nav-link">Docs</a>
-      <a href="/about" class="nav-link">About</a>
     </div>
   </nav>
   <main class="entity-page labs">
@@ -43,9 +40,7 @@ import MainLayout from '../layouts/MainLayout.astro';
     </div>
     <footer class="entity-footer">
       <span>© AeThex Labs 2026</span>
-      <a href="/about">About</a>
+      <a href="/">Home</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>
         .fade-in-section { opacity: 0; transform: translateY(32px); animation: fadeInSection 1.2s 0.5s cubic-bezier(.77,0,.175,1) forwards; }
@@ -71,6 +66,16 @@ import MainLayout from '../layouts/MainLayout.astro';
       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; }
+
+      @media (max-width: 768px) {
+        .hero-banner { height: auto; min-height: 280px; padding: 40px 20px; }
+        .entity-title { font-size: 2em; }
+        .entity-desc { font-size: 1em; }
+        .entity-logo { width: 60px; height: 60px; }
+        .glass-card { margin: 24px 16px; padding: 28px 20px; }
+        .cta-btn { padding: 10px 24px; font-size: 1em; }
+        ul li { font-size: 1em; }
+      }
     </style>
   </main>
 </MainLayout>