diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7c2dacb..e7e6c2d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -20,20 +20,34 @@ import FooterSection from '../components/FooterSection.astro';
   <nav class="container">
     <div class="logo">AETHEX</div>
     <div class="nav-links">
-      <a href="#trinity" class="nav-link">Trinity</a>
-      <a href="#products" class="nav-link">Products</a>
-      <a href="#docs" class="nav-link">Docs</a>
-      <a href="#community" class="nav-link">Community</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>
-  <HeroSection />
-  <TrinitySection />
+  <section class="hub-hero container">
+    <h1 class="hub-title">Welcome to AeThex Hub</h1>
+    <p class="hub-subtitle">Your gateway to the metaverse infrastructure</p>
+  </section>
   <MetaverseMap />
-  <RealTimeStats />
-  <TestimonialsSection />
-  <WhyAeThexSection />
-  <SocialProofSection />
-  <QuickstartGuideSection />
-  <ProductsSection />
+  <section class="hub-cards container">
+    <div class="hub-card-grid">
+      <a href="/foundation" class="hub-card foundation">Foundation</a>
+      <a href="/corporation" class="hub-card corporation">Corporation</a>
+      <a href="/labs" class="hub-card labs">Labs</a>
+      <a href="/products" class="hub-card products">Products</a>
+      <a href="/community" class="hub-card community">Community</a>
+      <a href="/docs" class="hub-card docs">Docs</a>
+      <a href="/about" class="hub-card about">About</a>
+    </div>
+  </section>
+  <section class="hub-dashboard container">
+    <RealTimeStats />
+    <QuickstartGuideSection />
+  </section>
   <FooterSection />
 </MainLayout>