From d3154830c500180c7cd6b30a6bfce5539578943c Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Thu, 6 Nov 2025 18:22:54 +0000
Subject: [PATCH] completionId: cgen-cad2a07772e34b70b74b330d643df6f8

cgen-cad2a07772e34b70b74b330d643df6f8
---
 client/components/Layout.tsx | 25 +++++++++----------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx
index 634b0c72..17feca2d 100644
--- a/client/components/Layout.tsx
+++ b/client/components/Layout.tsx
@@ -97,22 +97,15 @@ export default function CodeLayout({ children, hideFooter }: LayoutProps) {
     <div className="min-h-screen bg-aethex-gradient">
       <header className="sticky top-0 z-50 border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 animate-slide-down">
         <div className="container mx-auto max-w-7xl flex min-h-16 h-auto items-center justify-between px-4 py-2 gap-2 min-w-0">
-          {/* Logo */}
-          <Link
-            to="/"
-            className="flex items-center space-x-3 hover-glow group shrink-0"
-          >
-            <div className="flex items-center space-x-3">
-              <img
-                src="https://docs.aethex.tech/~gitbook/image?url=https%3A%2F%2F1143808467-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Forganizations%252FDhUg3jal6kdpG645FzIl%252Fsites%252Fsite_HeOmR%252Flogo%252FqxDYz8Oj2SnwUTa8t3UB%252FAeThex%2520Origin%2520logo.png%3Falt%3Dmedia%26token%3D200e8ea2-0129-4cbe-b516-4a53f60c512b&width=256&dpr=1&quality=100&sign=6c7576ce&sv=2"
-                alt="AeThex Logo"
-                className="h-10 w-10 transition-all duration-300 group-hover:scale-110 group-hover:rotate-12"
-              />
-              <span className="text-xl font-bold text-gradient group-hover:animate-pulse">
-                AeThex
-              </span>
-            </div>
-          </Link>
+          {/* Animated Arm Switcher */}
+          <div className="flex items-center space-x-3 hover-glow group shrink-0">
+            <Link
+              to="/"
+              className="inline-block hover:opacity-80 transition-opacity"
+            >
+              <ArmSwitcher />
+            </Link>
+          </div>
 
           {/* Navigation */}
           <nav className="hidden md:flex items-center flex-1 mx-3" />