From 0491756bf3f590f9e6e463d731df42aef99e7e84 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 13 Nov 2025 05:47:49 +0000
Subject: [PATCH] completionId: cgen-c731667477a841c68034229df09e3bbe

cgen-c731667477a841c68034229df09e3bbe
---
 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 f83a6d0c..9238a788 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -761,7 +761,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/docs"
                       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"}
                     >
                       Documentation
                     </Link>
@@ -770,7 +773,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/tutorials"
                       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"}
                     >
                       Tutorials
                     </Link>
@@ -779,7 +785,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/blog"
                       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"}
                     >
                       Blog
                     </Link>
@@ -788,7 +797,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/support"
                       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"}
                     >
                       Support Center
                     </Link>
@@ -797,7 +809,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/trust"
                       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"}
                     >
                       Transparency
                     </Link>
@@ -806,7 +821,10 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
                     <Link
                       to="/press"
                       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"}
                     >
                       Press Kit
                     </Link>