Законченный MVP

src/lib/components/layout/Footer.svelte

@@ -14,7 +14,7 @@
 	<div class="mx-auto max-w-400 px-5 py-20 sm:px-10">
 
 		<div class="grid grid-cols-2 gap-10 sm:grid-cols-4 sm:justify-between">
-			<div class="col-span-2 flex flex-col gap-4 sm:col-span-1">
+			<div class="col-span-2 flex flex-col gap-4 lg:col-span-1">
 				<Logo />
 
 				<p class="max-w-55 text-base leading-[1.2] text-zinc-600">
@@ -34,7 +34,7 @@
 				{/each}
 			</div>
 
-			<div class="col-span-2 flex flex-col gap-1.5 sm:col-span-2 ml-auto">
+			<div class="col-span-2 flex flex-col gap-1.5 sm:col-span-2 lg:ml-auto">
 				<span class="font-mono text-base tracking-widest text-zinc-600 uppercase">Дисклеймер</span>
 				<p class="max-w-85 text-sm leading-relaxed text-zinc-600">
 					Материалы являются результатом работы исследовательской ML-модели и используются в

src/lib/components/layout/Header.svelte

@@ -1,22 +1,35 @@
 <script lang="ts">
+	import { onMount } from 'svelte';
+	import { gsap } from 'gsap';
 	import { cn } from '$lib/utils';
 	import Logo from '$lib/components/ui/Logo.svelte';
 
 	const menuLinks = [
-		{ id: 0, href: 'reg', text: 'Главная' },
-		{ id: 1, href: 'reg', text: 'О проекте' },
-		{ id: 2, href: 'reg', text: 'Блог' },
-		{ id: 3, href: 'reg', text: 'Открыть дашборд', isButton: true }
+		{ id: 0, href: '/', text: 'Главная' },
+		{ id: 1, href: '/about', text: 'О проекте' },
+		{ id: 2, href: '/blog', text: 'Блог' },
+		{ id: 3, href: '/dashboard', text: 'Открыть дашборд', isButton: true }
 	];
 
 	let mobileOpen = $state(false);
+	let header = $state<HTMLElement>(null!);
+
+	onMount(() => {
+		if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
+		gsap.from(header, {
+			y: -10,
+			opacity: 0,
+			duration: 0.5,
+			ease: 'power2.out',
+			clearProps: 'transform,opacity',
+		});
+	});
 </script>
 
-<header class="fixed right-0 left-0 border-b border-b-bg-h bg-bg-e z-9999">
-	<div class="mx-auto flex max-w-400 items-center justify-between px-5 py-5 sm:px-10 lg:px-0">
+<header bind:this={header} class="fixed right-0 left-0 border-b border-b-bg-h bg-bg-e z-9999">
+	<div class="mx-auto flex max-w-400 items-center justify-between px-5 py-5 sm:px-10 lg:px-5">
 		<Logo />
 
-		<!-- Десктопная навигация -->
 		<nav class="hidden lg:block">
 			<ul class="flex items-center justify-center gap-5.5 transition-colors duration-300">
 				{#each menuLinks as link (link.id)}
@@ -32,7 +45,6 @@
 			</ul>
 		</nav>
 
-		<!-- Мобильная кнопка гамбургера -->
 		<button
 			class="flex flex-col justify-center gap-1.5 p-1 lg:hidden"
 			onclick={() => (mobileOpen = !mobileOpen)}