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

refactor(vojtechmares.com): migrate homepage to app directory

Browse source
This commit is contained in:
Vojtěch Mareš 2023-10-05 15:48:26 +02:00
parent 0370e234ba
commit b93b731c6b
Signed by: vojtech.mares
GPG key ID: C6827B976F17240D
3 changed files with 113 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

45
apps/vojtechmares.com/components/layout/Navigation.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 Navigation() {
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>
</>
);
}