diff --git a/templates/contact.gohtml b/templates/contact.gohtml
index b1a4ba5..d07c0bb 100644
--- a/templates/contact.gohtml
+++ b/templates/contact.gohtml
@@ -1,9 +1,12 @@
 <!doctype html>
 <html>
   {{template "head" .}}
-  <body class="px-6">
-    <h1 class="py-4 text-4xl semibold tracking-tight font-sans">Contact Page</h1>
-    <p>To get in touch, email me at <a class="underline" href="mailto:example@example.com">example@example.com</a></p>
+  <body>
+    {{template "header".}}
+    <main class="px-6">
+      <h1 class="py-4 text-4xl semibold tracking-tight font-sans">Contact Page</h1>
+      <p>To get in touch, email me at <a class="underline" href="mailto:example@example.com">example@example.com</a></p>
+    </main>
     {{template "footer" .}}
   </body>
 </html>
diff --git a/templates/faq.gohtml b/templates/faq.gohtml
index 4492c8c..b75e8ad 100644
--- a/templates/faq.gohtml
+++ b/templates/faq.gohtml
@@ -1,14 +1,17 @@
 <!doctype html>
 <html>
   {{template "head" .}}
-  <body class="px-6">
-    <h1 class="py-4 text-4xl semibold tracking-tight">FAQ</h1>
-    <hr class="pb-4">
-    <div class="flex flex-col gap-8">
-    {{range .}}
-      {{template "qa" .}}
-    {{end}}
-    </div>
+  <body>
+    {{template "header".}}
+    <main class="px-6">
+      <h1 class="py-4 text-4xl semibold tracking-tight">FAQ</h1>
+      <hr class="pb-4">
+      <div class="flex flex-col gap-8">
+      {{range .}}
+        {{template "qa" .}}
+      {{end}}
+      </div>
+    </main>
     {{template "footer" .}}
   </body>
 </html>
diff --git a/templates/home.gohtml b/templates/home.gohtml
index 2a13949..710eaa6 100644
--- a/templates/home.gohtml
+++ b/templates/home.gohtml
@@ -1,15 +1,18 @@
 <!doctype html>
 <html>
   {{template "head" .}}
-  <body class="px-6">
-    <h1 class="py-4 text-4xl semibold tracking-tight">
-      Welcome to my awesome site!
-    </h1>
-    <div class="flex flex-col gap-4">
-    {{template "lorem-ipsum"}}
-    {{template "lorem-ipsum"}}
-    {{template "lorem-ipsum"}}
-    </div>
+  <body>
+    {{template "header".}}
+    <main class="px-6">
+      <h1 class="py-4 text-4xl semibold tracking-tight">
+        Welcome to my awesome site!
+      </h1>
+      <div class="flex flex-col gap-4">
+        {{template "lorem-ipsum"}}
+        {{template "lorem-ipsum"}}
+        {{template "lorem-ipsum"}}
+      </div>
+    </main>
     {{template "footer" .}}
   </body>
 </html>
diff --git a/templates/tailwind.gohtml b/templates/tailwind.gohtml
index 89205c1..c6607e7 100644
--- a/templates/tailwind.gohtml
+++ b/templates/tailwind.gohtml
@@ -5,6 +5,24 @@
     <link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
   </head>
 {{end}}
+
+{{define "header"}}
+    <header class="bg-gradient-to-r from-blue-800 to-indigo-800 text-white">
+      <nav class="px-6 py-6 flex items-center space-x-12">
+        <div class="text-2xl font-serif">Lenslocked</div>
+        <div class="flex-grow">
+          <a class="text-base font-semibold hover:text-blue-100 pr-8" href="/">Home</a>
+          <a class="text-base font-semibold hover:text-blue-100 pr-8" href="/contact">Contact</a>
+          <a class="text-base font-semibold hover:text-blue-100 pr-8" href="/faq">FAQ</a>
+        </div>
+        <div class="space-x-4">
+          <a href="#">Sign in</a>
+          <a href="#" clss="px-4 py-2 bg-blue-700 hover:bg-blue-600 rounded">Sign up</a>
+        </div>
+      </nav>
+    </header>
+{{end}}
+
 {{define "footer"}}
     <br>
     <hr>
