Oi boa noite estou fazendo meu portfolio usando o Next em sua versao mais atual utilizando TypeScript, estou usando o Link para a navegação de paginas potem nao estou conseguindo....poderia me ajudar,
import Image from "next/image" import Logo from '@/assets/devMaster.svg' import Main from '@/assets/main.svg' import Link from "next/link" import About from '@/components/about'
export function Header() { const pages = ['Home', 'About', 'Habilidades', 'Projetos'];
return (
<header className=" bg-primary-blue">
<nav className="flex justify-center me-12">
<div>
<Image src={Logo} alt="Imagem Logo" className="w-14 sm:w-24" />
</div>
<ul className="flex items-center space-x-4 text-gray-phone">
{pages.map((page) => (
<li key={page} className="cursor-pointer transition duration-300 ease-in-out transform hover:scale-110 text-xs sm:text-lg">
<Link href={`/${page}`}>{page}</Link>
</li>
))}
</ul>
</nav>
<div className="flex justify-center ">
<Image src={Main} alt="Imagem Main" className="w-9/12 " />
</div>
</header>
)
}
