import Link from "next/link"

import { NavLink } from "@/components/NavLink";
import { Container } from "@/components/Container"
import { Button } from "@/components/Button"

export function Header() {
  return (
    <>
      <header className="py-10">
        <Container>
          <nav className="relative z-50 flex justify-between">
            <div className="flex items-center md:gap-x-12">
              <span className="text-2xl font-bold">
                <Link href="/">Vojta Mareš</Link>
              </span>
              <div className="hidden md:flex md:gap-x-6">
                {/* <NavLink href="#how-can-i-help">Jak vám můžu pomoci?</NavLink> */}
                <NavLink href="/skoleni">Školení</NavLink>
                {/* <NavLink href="/pripadove-studie">Případové studie</NavLink> */}
                <NavLink href="https://vojtechmares.blog/">Blog</NavLink>
            </div>
            </div>
            <div className="flex items-center gap-x-5 md:gap-x-8">
            <Button href="mailto:iam@vojtechmares.com" color="blue">
              <span className="text-lg">
                Napište mi <span className="hidden lg:inline">ještě dnes</span>
              </span>
            </Button>
          </div>
          </nav>
        </Container>
      </header>
    </>
  );
}