22 lines
891 B
TypeScript
22 lines
891 B
TypeScript
import Link from 'next/link';
|
|
|
|
export default function Navbar() {
|
|
return (
|
|
<nav>
|
|
<Link href="/" className="nav-logo">
|
|
<img src="/vg-fence.png" alt="VG Fence Products" style={{ height: '40px', width: 'auto' }} />
|
|
</Link>
|
|
<ul className="nav-links">
|
|
<li><Link href="/">Home</Link></li>
|
|
<li><Link href="/about">About</Link></li>
|
|
<li><Link href="/products">Products</Link></li>
|
|
<li><Link href="/contact">Contact</Link></li>
|
|
</ul>
|
|
<Link href="/login" className="nav-cta" style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
|
|
Login
|
|
</Link>
|
|
</nav>
|
|
);
|
|
}
|