import Link from 'next/link';

export default function Footer() {
  return (
    <footer>
      <div className="footer-top">
        <div>
          <div className="footer-brand-name">VG FENCE <span>PRODUCTS</span></div>
          <p className="footer-tagline">Ontario's B2B Fence Supply Partner. Premium quality, same-day delivery.</p>
          <div className="footer-contact">
            <a href="mailto:info@vgfenceproducts.com">info@vgfenceproducts.com</a>
            <a href="tel:5190000000">(519) 000-0000</a>
          </div>
          <div className="footer-territory">Serving 250km across Ontario</div>
        </div>
        <div>
          <div className="footer-col-title">Solutions</div>
          <ul className="footer-links">
            <li><Link href="/products">Aluminum Railing</Link></li>
            <li><Link href="/products">Chain Link Fence</Link></li>
            <li><Link href="/products">Composite Fences</Link></li>
            <li><Link href="/products">Glass Railing</Link></li>
          </ul>
        </div>
        <div>
          <div className="footer-col-title">Company</div>
          <ul className="footer-links">
            <li><Link href="/#about">About Us</Link></li>
            <li><Link href="/#services">Services</Link></li>
            <li><Link href="/#territory">Territory</Link></li>
            <li><Link href="/#quote">Request Quote</Link></li>
          </ul>
        </div>
        <div>
          <div className="footer-col-title">Account</div>
          <ul className="footer-links">
            <li><Link href="/login">Contractor Login</Link></li>
            <li><Link href="/login">Register</Link></li>
          </ul>
        </div>
      </div>
      <div className="footer-bottom">
        <div>&copy; {new Date().getFullYear()} VG Fence Products. All rights reserved.</div>
        <div>Privacy Policy &bull; Terms of Service</div>
      </div>
    </footer>
  );
}
