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

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>
@@ -0,0 +1,32 @@
+<script lang="ts">
+	// Ссылки
+	import { cn } from '$lib/utils';
+
+	const menuLinks = [
+		{ id: 0, href: 'reg', text: 'Главная' },
+		{ id: 1, href: 'reg', text: 'О проекте' },
+		{ id: 2, href: 'reg', text: 'Блог' },
+		{ id: 3, href: 'reg', text: 'Открыть дашборд', isButton: true }
+	];
+</script>
+
+<header class="fixed right-0 left-0 border-b border-b-bg-h bg-bg-e py-5 z-9999">
+	<div class="mx-auto flex max-w-400 items-center justify-between">
+		<a href="/" class="font-display text-lg font-semibold uppercase">Flamy Trade</a>
+
+		<nav>
+			<ul class="flex items-center justify-center gap-5.5 transition-colors duration-300">
+				{#each menuLinks as link (link.id)}
+					<li>
+						<a
+							href={link.href}
+							class={cn('transition-colors duration-300', link.isButton ? 'nav-btn' : 'nav-link')}
+						>
+							{link.text}
+						</a>
+					</li>
+				{/each}
+			</ul>
+		</nav>
+	</div>
+</header>