import Link from "next/link";
import Image from "next/image";
import styles from "./nav.module.css";

export default function Nav() {
    return (
        <div className={styles.nav}>
            <Link href="/" className={styles.logo}>
                <Image src="/hypex.svg" alt="logo" className={styles.image} width={50} height={50} />
                <h2>HYPEX</h2>
            </Link>
            <ul className={styles.links}>
                <li><Link href="/">Home</Link></li>
                <li><Link href="https://discord.gg/kFVerxSefu">Support</Link></li>
            </ul>
            <ul className={styles.buttons}>
                <li className={styles.button_1}><Link href="https://paypal.me/notdemonix">Donate</Link></li>
            </ul>
            <Link href="/" className={styles.burgermenulink}>
                <Image src="/burger-menu.png" alt="menu" className={styles.burgermenuimg} width={50} height={50} />
            </Link>
        </div>
    )
}