Merge pull request #3 from AderKonstantin/dev

Dev

components/header/main.tsx

@@ -0,0 +1,41 @@
+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>
+    );
+}