import React from "react";
import Link from "next/link";

const NavMenu = () => (
    <ul>
        <li><Link href="/">HOME</Link></li>
        <li className="has-dropdown">
            <Link href="/services-digital-solutions">SERVICE <i className="fa-solid fa-angle-down ms-1"></i></Link>
            <ul className="submenu">
                <li><Link href="/services-digital-solutions/web-development">WEBSITE DEVELOPMENT</Link></li>
                <li><Link href="/services-digital-solutions/mobile-app-development">MOBILE APPLICATION DEVELOPMENT</Link></li>
                <li><Link href="/services-digital-solutions/graphic-designing">GRAPHIC DESIGNING</Link></li>
                <li><Link href="/services-digital-solutions/ui-ux-designing">UI / UX DESIGNING</Link></li>
                <li><Link href="/services-digital-solutions/seo-content-writing">SEO & CONTENT WRITING</Link></li>
                <li><Link href="/services-digital-solutions/digital-marketing">DIGITAL MARKETING</Link></li>
            </ul>
        </li>
        <li><Link href="/portfolio">PORTFOLIO</Link></li>
        <li><Link href="/about-us">ABOUT</Link></li>
        <li><Link href="/careers">CAREERS</Link></li>
        <li><Link href="/blog">BLOG</Link></li>
        <li><Link href="/contact">CONTACT</Link></li>
        <li><Link href="/faq">FAQ</Link></li>
    </ul>
);

export default NavMenu;
