Align landing page with site's overall design and navigation

Refactor client/pages/Index.tsx to wrap IsometricRealmSelector in the Layout component and remove custom header/footer from client/components/IsometricRealmSelector.tsx to ensure consistent styling and navigation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9203795e-937a-4306-b81d-b4d5c78c240e
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d873c72a-adfa-4a4c-997b-1ade64361a9c
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/7c94b7a0-29c7-4f2e-94ef-44b2153872b7/9203795e-937a-4306-b81d-b4d5c78c240e/muiWWXW
Replit-Helium-Checkpoint-Created: true

client/components/IsometricRealmSelector.tsx

@@ -149,10 +149,7 @@ export default function IsometricRealmSelector() {
   `;
 
   return (
-    <div
+    <div className="realm-selector">
-      className="realm-selector"
-      style={{ background: backgroundGradient }}
-    >
       {/* Ambient particles */}
       <div className="ambient-layer">
         {particles.map((particle) => (
@@ -182,27 +179,6 @@ export default function IsometricRealmSelector() {
         ))}
       </div>
 
-      {/* Header */}
-      <motion.header
-        className="selector-header"
-        initial={{ opacity: 0, y: -20 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.6 }}
-      >
-        <div className="header-left">
-          <div className="logo">
-            <span className="logo-icon">◆</span>
-            <span className="logo-text">AeThex</span>
-          </div>
-          <span className="version-tag">OS v5.0</span>
-        </div>
-        <div className="header-right">
-          <Link to="/login" className="connect-btn">
-            Connect Passport
-          </Link>
-        </div>
-      </motion.header>
-
       {/* Main content */}
       <main className="selector-main">
         <motion.div
@@ -244,53 +220,6 @@ export default function IsometricRealmSelector() {
             />
           ))}
         </div>
-
-        <motion.div
-          className="footer-section"
-          initial={{ opacity: 0 }}
-          animate={{ opacity: 1 }}
-          transition={{ duration: 0.6, delay: 0.8 }}
-        >
-          <div className="footer-grid">
-            <div className="footer-col">
-              <h4>Platform</h4>
-              <Link to="/downloads">Downloads</Link>
-              <Link to="/roadmap">Roadmap</Link>
-              <Link to="/changelog">Changelog</Link>
-              <Link to="/status">Status</Link>
-            </div>
-            <div className="footer-col">
-              <h4>Community</h4>
-              <Link to="/community">Community Hub</Link>
-              <Link to="/creators">Creators</Link>
-              <Link to="/developers">Developers</Link>
-              <Link to="/blog">Blog</Link>
-            </div>
-            <div className="footer-col">
-              <h4>Company</h4>
-              <Link to="/about">About</Link>
-              <Link to="/careers">Careers</Link>
-              <Link to="/press">Press Kit</Link>
-              <Link to="/contact">Contact</Link>
-            </div>
-            <div className="footer-col">
-              <h4>Legal</h4>
-              <Link to="/privacy">Privacy</Link>
-              <Link to="/terms">Terms</Link>
-              <Link to="/trust">Trust Center</Link>
-            </div>
-          </div>
-          <div className="footer-bottom">
-            <p>&copy; 2024 AeThex. All rights reserved.</p>
-            <div className="footer-links-simple">
-              <a href="https://discord.gg/aethex" target="_blank" rel="noopener noreferrer">Discord</a>
-              <span className="divider">•</span>
-              <a href="https://twitter.com/aethexdev" target="_blank" rel="noopener noreferrer">Twitter</a>
-              <span className="divider">•</span>
-              <a href="https://github.com/aethex" target="_blank" rel="noopener noreferrer">GitHub</a>
-            </div>
-          </div>
-        </motion.div>
       </main>
 
       <style>{`

client/pages/Index.tsx

@@ -1,9 +1,10 @@
 import SEO from "@/components/SEO";
+import Layout from "@/components/Layout";
 import IsometricRealmSelector from "@/components/IsometricRealmSelector";
 
 export default function Index() {
   return (
-    <>
+    <Layout>
       <SEO
         pageTitle="AeThex | Immersive OS"
         description="AeThex OS — Cyberpunk Animus command center for Nexus, GameForge, Foundation, Labs, and Corp."
@@ -14,6 +15,6 @@ export default function Index() {
         }
       />
       <IsometricRealmSelector />
-    </>
+    </Layout>
   );
 }