Redesign landing and generate Proto docs

src/components/SiteHeader/SiteHeader.module.css

@@ -0,0 +1,58 @@
+.header {
+  position: sticky;
+  z-index: 50;
+  top: 0;
+  border-bottom: 1px solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-6));
+  background: light-dark(rgba(255, 255, 255, 0.92), rgba(26, 27, 30, 0.92));
+  backdrop-filter: blur(16px);
+}
+
+.inner {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 72px;
+}
+
+.brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  color: light-dark(var(--mantine-color-dark-9), var(--mantine-color-white));
+  text-decoration: none;
+}
+
+.brand img {
+  border-radius: 9px;
+}
+
+.link {
+  color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
+  font-size: var(--mantine-font-size-sm);
+  font-weight: 500;
+  text-decoration: none;
+  transition: color 120ms ease;
+}
+
+.link:hover,
+.link[data-active] {
+  color: var(--mantine-color-blue-6);
+}
+
+.burger {
+  display: none;
+}
+
+.drawerTitle {
+  font-weight: 700;
+}
+
+@media (max-width: 48em) {
+  .navigation {
+    display: none;
+  }
+
+  .burger {
+    display: block;
+  }
+}