From 241678d24d824de4fc32ffb85e7d7f6107c843db Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:47:36 +0000
Subject: [PATCH] completionId: cgen-9a8ead399f2740cfae8388562efd268e

cgen-9a8ead399f2740cfae8388562efd268e
---
 client/components/Layout.tsx | 30 ++++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 554bb985..f83a6d0c 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -677,7 +677,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/about"
                       onClick={scrollToTop}
-                      className="hover:text-aethex-400 transition-all duration-300 hover:translate-x-1 inline-block"
+                      className="transition-all duration-300 hover:translate-x-1 inline-block"
+                      style={{ color: "inherit" }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "inherit"}
                     >
                       About AeThex
                     </Link>
@@ -686,7 +689,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/opportunities"
                       onClick={scrollToTop}
-                      className="hover:text-aethex-400 transition-all duration-300 hover:translate-x-1 inline-block"
+                      className="transition-all duration-300 hover:translate-x-1 inline-block"
+                      style={{ color: "inherit" }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "inherit"}
                     >
                       Opportunities
                     </Link>
@@ -695,7 +701,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/community"
                       onClick={scrollToTop}
-                      className="hover:text-aethex-400 transition-all duration-300 hover:translate-x-1 inline-block"
+                      className="transition-all duration-300 hover:translate-x-1 inline-block"
+                      style={{ color: "inherit" }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "inherit"}
                     >
                       Community Hub
                     </Link>
@@ -704,7 +713,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/changelog"
                       onClick={scrollToTop}
-                      className="hover:text-aethex-400 transition-all duration-300 hover:translate-x-1 inline-block"
+                      className="transition-all duration-300 hover:translate-x-1 inline-block"
+                      style={{ color: "inherit" }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "inherit"}
                     >
                       Changelog
                     </Link>
@@ -713,7 +725,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/status"
                       onClick={scrollToTop}
-                      className="hover:text-aethex-400 transition-all duration-300 hover:translate-x-1 inline-block"
+                      className="transition-all duration-300 hover:translate-x-1 inline-block"
+                      style={{ color: "inherit" }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "inherit"}
                     >
                       System Status
                     </Link>
@@ -722,7 +737,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/investors"
                       onClick={scrollToTop}
-                      className="hover:text-aethex-400 transition-all duration-300 hover:translate-x-1 inline-block"
+                      className="transition-all duration-300 hover:translate-x-1 inline-block"
+                      style={{ color: "inherit" }}
+                      onMouseEnter={(e) => e.currentTarget.style.color = theme.accentHex}
+                      onMouseLeave={(e) => e.currentTarget.style.color = "inherit"}
                     >
                       Investors
                     </Link>