diff --git a/src/components/Headers.rs b/src/components/Headers.rs
new file mode 100644
index 0000000..be1cc63
--- /dev/null
+++ b/src/components/Headers.rs
@@ -0,0 +1,17 @@
+use yew::prelude::*;
+
+#[function_component(Header)]
+fn header() -> Html {
+    html! {
+        <header>
+            <nav>
+                <ul>
+                    <li><a href="#">{ "Home" }</a></li>
+                    <li><a href="#">{ "Items" }</a></li>
+                    <li><a href="#">{ "Reviews" }</a></li>
+                    <li><a href="#">{ "Profile" }</a></li>
+                </ul>
+            </nav>
+        </header>
+    }
+}