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

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

    return (
        <>

            <ul className="wsmenu-list nav-theme">
                {/* DROPDOWN SUB MENU */}
                <li aria-haspopup="true">
                    <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
                    <ul className="sub-menu">
                        <li aria-haspopup="true"><Link href="#lnk-1">Why MERMS?</Link></li>
                        <li aria-haspopup="true"><Link href="#lnk-2">Integrations</Link></li>
                        <li aria-haspopup="true"><Link href="#lnk-3">How It Works</Link></li>
                        <li aria-haspopup="true"><Link href="#features-2">Best Solutions</Link></li>
                        <li aria-haspopup="true"><Link href="#reviews-1">Testimonials</Link></li>
                    </ul>
                </li>
                {/* SIMPLE NAVIGATION LINK */}
                <li className="nl-simple" aria-haspopup="true"><Link href="#features-6" className="h-link">Features</Link></li>
                <li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
                    <Link href="https://panel.mermsemr.com/" className="h-link">Sign in</Link>
                </li>
                {/* SIGN UP BUTTON */}
                <li className="nl-simple" aria-haspopup="true">
                    <Link href="https://panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign
                        up</Link>
                </li>
            </ul>
        </>
    )
}
