import Link from "next/link"
// import { useRouter } from "next/router"

export default function Menu() {
    // const router = useRouter()

    return (
        <>

            {/* <ul className="sub-menu">
                <Link className={router.pathname == "/" ? "active" : ""}>Home Default</Link>
                <Link className={router.pathname == "/index-2" ? "active" : ""}>Home Interior</Link>
            </ul> */}

            <ul className="navigation clearfix">
                <li className=" dropdown"><Link href="/" aria-label="Home">Home</Link>
                    <ul>
                        <li><Link href="/" aria-label="Home Page one ">Home Page One</Link></li>
                        <li><Link href="/index-2" aria-label="Home page two">Home Page Two</Link></li>
                        <li><Link href="/index-3" aria-label="Home page three">Home Page Three</Link></li>
                        <li><Link href="/onepage" aria-label="Onepage home">OnePage Home</Link></li>
                    </ul>
                </li>
                <li><Link href="#about" aria-label="About">About</Link></li>
                <li><Link href="#service" aria-label="Service">Service</Link></li>
                <li><Link href="#team" aria-label="Team">Team</Link></li>
                <li><Link href="#news" aria-label="News">News</Link></li>
                <li><Link href="#footer" aria-label="Footer">Footer</Link></li> 
            </ul>

        </>
    )
}
