diff --git a/src/Twig/Components/Header.php b/src/Twig/Components/Header.php
new file mode 100644
index 0000000..354888d
--- /dev/null
+++ b/src/Twig/Components/Header.php
@@ -0,0 +1,16 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Twig\Components;
+
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+
+#[AsTwigComponent]
+
+class Header
+{
+    public function __construct()
+    {
+    }
+}
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 9320474..0c60ba0 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -12,7 +12,7 @@
 </head>
 <body>
 <header>
-    {# header component #}
+    <twig:Header />
 </header>
 
 <div class="layout">
diff --git a/templates/components/Header.html.twig b/templates/components/Header.html.twig
new file mode 100644
index 0000000..d4b1e2a
--- /dev/null
+++ b/templates/components/Header.html.twig
@@ -0,0 +1,3 @@
+<header class="header">
+    <div class="header__logo"><h1><a href="/">No News Journal</a></h1></div>
+</header>
