infoalloggi-monorepo/apps/infoalloggi/src/components/navbar/main-nav.tsx
Marco Pedone d7bfd8fdf1 feat: Update UI components and styles across multiple pages
- Enhanced the CardInfos component in [cod].tsx with improved styling and added TrafficCone icon for status indication.
- Increased dialog content width in prezziario.tsx and testi-stringhe.tsx for better layout.
- Replaced static badge elements with the Badge component in chi-siamo.tsx, contatti.tsx, guida.tsx, prezzi.tsx, and proprietari.tsx for consistent styling.
- Updated button components to use the Button component in contatti.tsx and proprietari.tsx for improved accessibility and styling.
- Modified the TrovaCasaCTA and FrequentSearches components in index.tsx for better visual consistency and updated color usage.
- Refactored global CSS variables for improved color management and added new color variables for better theme support.
- Implemented dynamic loading for the KabanExample component in test.tsx to enhance performance.
2025-11-14 17:21:21 +01:00

33 lines
769 B
TypeScript

import Link from "next/link";
import { LogoSvg } from "~/components/svgs";
import { cn } from "~/lib/utils";
import { useTranslation } from "~/providers/I18nProvider";
export function MainNav() {
const { t } = useTranslation();
return (
<div className="mr-2 hidden gap-6 md:flex">
<Link
aria-label="mainNavLink"
className="flex shrink-0 items-center font-medium md:mb-0"
href="/"
>
<LogoSvg className="h-8 w-auto" />
</Link>
<nav className="flex items-center gap-4 text-lg tracking-wide lg:gap-6">
{t.nav.mainNav.map((item) => (
<Link
aria-label={item.title}
className={cn("hover:text-primary")}
href={item.href}
key={item.href}
>
{item.title}
</Link>
))}
</nav>
</div>
);
}