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

Simplify nav mapping

Browse source 
cgen-adc53c4a022e43e8808229ef2946eb67
This commit is contained in:
Builder.io 2025-10-04 00:55:31 +00:00
parent 55e471767b
commit 762bd4067e
1 changed files with 19 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
client/components/Layout.tsx
View file

@ -84,27 +84,25 @@ export default function Layout({ children }: LayoutProps) {
{/* Navigation */}
<nav className="hidden md:flex items-center space-x-8">
{(() => {
const navItems = user ? userNavigation : navigation;
return navItems.map((item, index) => (
<Link
key={item.name}
to={item.href}
className={cn(
"text-sm font-medium transition-all duration-300 hover:text-aethex-400 hover:scale-105 relative animate-fade-in",
location.pathname === item.href
? "text-aethex-500 animate-pulse-glow"
: "text-muted-foreground",
)}
style={{ animationDelay: `${index * 0.1}s` }}
>
{item.name}
{location.pathname === item.href && (
<div className="absolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-aethex-400 to-neon-blue animate-scale-in" />
)}
</Link>
));
})()}
{navItems.map((item, index) => (
<Link
key={item.name}
to={item.href}
onClick={scrollToTop}
className={cn(
"relative text-sm font-medium transition-all duration-300 hover:text-aethex-400 hover:scale-105 animate-fade-in",
location.pathname === item.href
? "text-aethex-500 animate-pulse-glow"
: "text-muted-foreground",
)}
style={{ animationDelay: `${index * 0.1}s` }}
>
{item.name}
{location.pathname === item.href && (
<div className="absolute -bottom-1 left-0 right-0 h-0.5 bg-gradient-to-r from-aethex-400 to-neon-blue animate-scale-in" />
)}
</Link>
))}
</nav>
{/* Auth Section */}