главная страница

2026-05-22 15:16:04 +05:00
parent 5929d5862f
commit 8bda936c4b
22 changed files with 872 additions and 5 deletions
@@ -0,0 +1,77 @@
+<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>