docs: add reference design

2026-06-11 11:59:15 +05:00
parent 05f0a80c80
commit a5be6d7552
32 changed files with 5395 additions and 0 deletions
@@ -0,0 +1,68 @@
+import Link from 'next/link'
+import Image from 'next/image'
+
+export function SiteHeader() {
+  return (
+    <header className="sticky top-0 z-30 border-b border-foreground/25 bg-card/85 backdrop-blur-sm shadow-[0_2px_12px_-8px_rgba(40,25,15,0.6)]">
+      <div className="mx-auto flex max-w-5xl flex-col gap-4 px-4 py-4 sm:flex-row sm:items-center sm:justify-between sm:px-6">
+        <Link href="/" className="flex items-center gap-3">
+          <Image
+            src="/emblem.png"
+            alt="Эмблема Трибунала"
+            width={52}
+            height={52}
+            className="h-12 w-12 mix-blend-multiply"
+          />
+          <div className="leading-tight">
+            <p className="font-heading text-base font-700 uppercase tracking-wide sm:text-lg">
+              Архив ДНТ-7
+            </p>
+            <p className="text-[0.65rem] uppercase tracking-widest text-muted-foreground">
+              Дачно-Наблюдательный Трибунал
+            </p>
+          </div>
+        </Link>
+        <nav className="flex flex-wrap items-center gap-x-5 gap-y-1 font-heading text-xs font-600 uppercase tracking-wider">
+          {[
+            { href: '/', label: 'Картотека' },
+            { href: '/dossier/directive-kompot', label: 'Уставы' },
+            { href: '/dossier/lopata-bs-3000', label: 'Инвентарь' },
+            { href: '/protocol', label: 'Протокол' },
+          ].map((l) => (
+            <Link
+              key={l.label}
+              href={l.href}
+              className="relative text-foreground/80 transition-colors hover:text-primary"
+            >
+              {l.label}
+            </Link>
+          ))}
+        </nav>
+      </div>
+    </header>
+  )
+}
+
+export function SiteFooter() {
+  return (
+    <footer className="mt-16 border-t border-foreground/25 bg-card/60">
+      <div className="mx-auto max-w-5xl px-4 py-8 sm:px-6">
+        <div className="flex flex-col justify-between gap-4 text-[0.7rem] uppercase tracking-wider text-muted-foreground sm:flex-row">
+          <p>
+            ©{' '}
+            <span className="text-foreground">
+              Дачно-Наблюдательный Трибунал №7
+            </span>{' '}
+            · Кооператив «Заря-9»
+          </p>
+          <p>Форма А-13 · Хранить вечно · Не выносить за периметр</p>
+        </div>
+        <p className="mt-4 max-w-2xl text-[0.7rem] leading-relaxed text-muted-foreground">
+          Все материалы являются художественным вымыслом. Любое совпадение с
+          реальными грядками, соседями и небесными телами случайно. Разглашение
+          преследуется лишением компоста.
+        </p>
+      </div>
+    </footer>
+  )
+}