<script lang="ts">
	const yr = new Date().getFullYear();

	const navLinks = [
		{ href: '/dashboard', label: 'Дашборд' },
		{ href: '/blog', label: 'Блог' },
		{ href: '/about', label: 'О проекте' }
	];
</script>

<footer class="mt-auto border-t border-white/6 bg-bg-e">
	<div class="mx-auto max-w-400 px-5 py-14 sm:px-10">

		<div class="grid grid-cols-2 gap-10 sm:grid-cols-4">
			<div class="col-span-2 flex flex-col gap-4 sm:col-span-1">
				<a href="/" class="flex items-center gap-2.5 no-underline">
					<svg width="24" height="24" viewBox="0 0 26 26" fill="none">
						<rect width="26" height="26" rx="6" fill="rgba(255,69,0,0.08)" />
						<path
							d="M7 20 C7 20 9.5 13 13 15.5 C16.5 18 17 10 20 7"
							stroke="#fe4b07"
							stroke-width="1.8"
							stroke-linecap="round"
							stroke-linejoin="round"
							fill="none"
						/>
						<circle cx="20" cy="7" r="1.6" fill="#fe4b07" />
					</svg>
					<span class="font-display text-sm font-black tracking-tighter">
						FLAMY<span class="text-primary">TRADE</span>
					</span>
				</a>
				<p class="max-w-[200px] text-[0.8125rem] leading-relaxed text-zinc-600">
					ML-прогнозы для рыночных инструментов. Только исследования.
				</p>
			</div>

			<div class="flex flex-col gap-3">
				<span class="font-mono text-[0.6rem] tracking-widest text-zinc-600 uppercase">Навигация</span>
				{#each navLinks as link}
					<a
						href={link.href}
						class="text-[0.8125rem] text-desc no-underline transition-colors duration-150 hover:text-zinc-100"
					>
						{link.label}
					</a>
				{/each}
			</div>

			<div class="col-span-2 flex flex-col gap-3 sm:col-span-2">
				<span class="font-mono text-[0.6rem] tracking-widest text-zinc-600 uppercase">Дисклеймер</span>
				<p class="max-w-[380px] text-xs leading-relaxed text-zinc-600">
					Материалы являются результатом работы исследовательской ML-модели и используются в
					демонстрационных целях. Не являются индивидуальной инвестиционной рекомендацией.
				</p>
			</div>
		</div>

		<div
			class="mt-10 flex flex-col items-start justify-between gap-2 border-t border-white/6 pt-8 sm:flex-row sm:items-center"
		>
			<span class="text-xs text-zinc-600">© {yr} Flamy Trade</span>
			<span class="text-xs text-zinc-600">
				implemented in
				<a
					href="https://flamy.studio"
					target="_blank"
					rel="noopener noreferrer"
					class="text-desc no-underline transition-colors duration-150 hover:text-primary"
				>
					flamy studio
				</a>
			</span>
		</div>

	</div>
</footer>
