darkwave/components/header/main.tsx

import searchPic from '@/public/search.svg';


import Image from "next/image";
import Link from "next/link";

import AnimatedLink from '../animatedLink';
import HeaderToolbar from "../header/toolbar";

export default function MainHeader() {
  return (
    <header className="flex flex-col">
      <div className="flex flex-row mt-12 mb-22">
        <ul className="w-full flex flex-row justify-between items-baseline list-none">
          <li className="text-4xl">
            <AnimatedLink href="https://blog.aderk.tech/en">
              aderk.tech
            </AnimatedLink>
          </li>

          <li className="text-6xl flex items-center justify-center filter brightness-0 invert">
            <Link href="#">
              <Image
                src={searchPic}
                alt="search"
                width={32}
                height={32}
              />
            </Link>
          </li>
        </ul>
      </div>
      <div className="text-2xl mb-20">
        <p className="leading-10">
          Hello. I am is a programmer, hacker, and gamer. Love comics, coding, read books. There I am posting articles about science and another staff, that’s im like.
        </p>
      </div>
      <HeaderToolbar />
    </header>
  );
}