import Head from 'next/head';
import Image from 'next/image';
import styles from '../styles/components/Menu.module.css';
import Link from 'next/link';
import logo from "../public/img/logoblue.png";
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faMugHot } from '@fortawesome/free-solid-svg-icons'

export default function Menu() {
    return (
        <menu className={styles.menu}>
            <div className="container">
                <a href="/">
                    <Image src={logo} />
                    <h2>{process.env.NEXT_PUBLIC_NAME?.toUpperCase()}</h2>
                </a>

                <div>
                    <Link href="">About</Link>
                    <Link href="">Blog</Link>
                    <Link href="">Showcase</Link>
                    <Link href="">Services</Link>
                    <Link href="">Contact</Link>
                </div>

                {/* <div>
                    <Link href="/about">About</Link>
                    <Link href="/about">Blog</Link>
                    <Link href="/about">Showcase</Link>
                    <Link href="/about">Services</Link>
                    <Link href="/about">Contact</Link>
                </div> */}
            </div>
        </menu>
    )
}