- 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.
33 lines
769 B
TypeScript
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>
|
|
);
|
|
}
|