AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Align landing page with site's overall design and navigation

Browse source 
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
This commit is contained in:
sirpiglr 2025-12-06 02:22:12 +00:00
parent d26d4a7c41
commit d89675f145
2 changed files with 4 additions and 74 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
client/components/IsometricRealmSelector.tsx
View file

@ -149,10 +149,7 @@ export default function IsometricRealmSelector() {
`;
return (
<div
className="realm-selector"
style={{ background: backgroundGradient }}
>
<div className="realm-selector">
{/* 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>{`

5
client/pages/Index.tsx
View file

@ -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>
);
}