import Link from 'next/link';

export default function Navbar() {
  return (
    <nav>
      <Link href="/" className="nav-logo">
        <div className="logo-mark">VG</div>
        <div className="logo-text">FENCE <span>PRODUCTS</span></div>
      </Link>
      <ul className="nav-links">
        <li><Link href="/">Home</Link></li>
        <li><Link href="/products">Products</Link></li>
        <li><Link href="/#services">Services</Link></li>
        <li><Link href="/#territory">Territory</Link></li>
        <li><Link href="/login">Login</Link></li>
      </ul>
      <Link href="/#quote" className="nav-cta">Get a quote</Link>
    </nav>
  );
}
