vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

refactor: split components to multiple subdirs

Browse source 
subdirs
- homepage
- trainingpage
- layout
This commit is contained in:
Vojtěch Mareš 2023-01-11 12:17:35 +01:00
parent 0f8f9ccb04
commit c170415fd0
15 changed files with 21 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

45
components/layout/Header.tsx Normal file
View file

@ -0,0 +1,45 @@
import Link from "next/link";
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="/" className="py-2 px-4 rounded-full focus-visible:outline-black">Vojtěch Mareš</Link>
</span>
<div className="hidden md:flex md:gap-x-6">
<Link
href="/skoleni"
className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black"
>
Školení
</Link>
{/* <Link href="/pripadove-studie" className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black">Případové studie</Link> */}
<Link
href="https://vojtechmares.blog/"
className="inline-block rounded-full py-2 px-4 text-lg font-medium text-slate-700 hover:bg-slate-100 hover:text-black focus-visible:outline-black"
>
Blog
</Link>
</div>
</div>
<div className="flex items-center gap-x-5 md:gap-x-8">
<Button href="mailto:iam@vojtechmares.com" color="amber">
<span className="text-lg">
Napište mi{" "}
<span className="hidden lg:inline">ještě dnes</span>
</span>
</Button>
</div>
</nav>
</Container>
</header>
</>
);
}