69 lines
2.9 KiB
TypeScript
69 lines
2.9 KiB
TypeScript
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>
|
||
)
|
||
}
|