From 864d9dc0d07ba8e54eb891edcd02f0533ae29b8d Mon Sep 17 00:00:00 2001
From: Lucien Cartier-Tilet <lucien@phundrak.com>
Date: Thu, 14 May 2026 23:48:10 +0200
Subject: [PATCH] feat(header): create basic header

---
 src/App.vue                  | 13 +++++++++----
 src/components/StaHeader.vue | 13 +++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 src/components/StaHeader.vue

diff --git a/src/App.vue b/src/App.vue
index d879ed0..767ab39 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,10 @@
-<script setup lang="ts"></script>
+<template>
+  <div class="min-h-screen flex flex-col">
+    <StaHeader />
+    <main class="grow px-6 py-10 max-w-4xl mx-auto w-full"></main>
+  </div>
+</template>
 
-<template></template>
-
-<style scoped></style>
+<script setup lang="ts">
+import StaHeader from './components/StaHeader.vue';
+</script>
diff --git a/src/components/StaHeader.vue b/src/components/StaHeader.vue
new file mode 100644
index 0000000..2d579e5
--- /dev/null
+++ b/src/components/StaHeader.vue
@@ -0,0 +1,13 @@
+<template>
+  <header
+    class="sticky top-0 z-10 bg-background-900 border-b border-background-900 shadow-sm px-6 py-4"
+  >
+    <nav class="flex items-center justify-between max-w-4xl mx-auto">
+      <span class="font-heading text-lg"> STA </span>
+    </nav>
+  </header>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less"></style>