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>
  );
}
