2023-10-23 23:33:39 +02:00
|
|
|
import Link from "next/link"
|
|
|
|
import Image from "next/image"
|
2021-10-24 05:48:06 +02:00
|
|
|
|
2023-10-23 23:33:39 +02:00
|
|
|
import { Language } from "./Language"
|
|
|
|
import { SwitchTheme } from "./SwitchTheme"
|
2021-10-24 05:48:06 +02:00
|
|
|
|
|
|
|
export const Header: React.FC = () => {
|
|
|
|
return (
|
2023-10-23 23:33:39 +02:00
|
|
|
<header className="sticky top-0 z-50 flex w-full justify-center border-b-2 border-gray-600 bg-white px-6 py-2 dark:border-gray-400 dark:bg-black">
|
|
|
|
<div className="container flex justify-between">
|
|
|
|
<Link href="/">
|
|
|
|
<div className="flex items-center justify-center">
|
2022-12-13 11:38:07 +01:00
|
|
|
<Image
|
2022-12-13 12:04:54 +01:00
|
|
|
priority
|
2022-12-13 11:38:07 +01:00
|
|
|
quality={100}
|
|
|
|
width={60}
|
|
|
|
height={60}
|
2023-10-23 23:33:39 +02:00
|
|
|
src="/images/Thream.png"
|
|
|
|
alt="Thream"
|
2022-12-13 11:38:07 +01:00
|
|
|
/>
|
2023-10-23 23:33:39 +02:00
|
|
|
<span className="ml-1 hidden font-headline font-medium text-green-800 dark:text-green-400 xs:block">
|
2022-12-13 11:38:07 +01:00
|
|
|
Thream
|
|
|
|
</span>
|
|
|
|
</div>
|
2021-10-24 05:48:06 +02:00
|
|
|
</Link>
|
2023-10-23 23:33:39 +02:00
|
|
|
<div className="flex justify-between">
|
2021-10-24 05:48:06 +02:00
|
|
|
<Language />
|
|
|
|
<SwitchTheme />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
)
|
|
|
|
}
|