blob: fc2599c4b3e22720ba0d9bcf8dbbd571beb81c03 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
---
const navLinks = [
{ name: "Home", url: "/" },
{ name: "About Me", url: "/about-me" },
{ name: "Contact", url: "/contact" },
{ name: "GitHub", url: "https://github.com/getchoo" },
];
---
<nav class="navbar">
<div class="navbar-start"></div>
<div class="navbar-center lg:flex">
<ul class="menu menu-horizontal">
{
navLinks.map(({ name, url }) => (
<li>
<a class="btn btn-ghost text-xl" href={url}>
{name}
</a>
</li>
))
}
</ul>
</div>
</nav>
|
