diff --git a/src/lib/components/InfoBlock.svelte b/src/lib/components/InfoBlock.svelte
new file mode 100644
index 0000000..b93a76b
--- /dev/null
+++ b/src/lib/components/InfoBlock.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import Icon from '@iconify/svelte';
+</script>
+
+<section class="flex flex-col sm:flex-row">
+	<div class="flex flex-row items-center gap-2 bg-blue-500 p-2 text-slate-50">
+		<Icon width={32} height={32} icon={'material-symbols:info'} color={'#f8fafc'} />
+		<span class="sm:hidden">Обратите внимание</span>
+	</div>
+	<div class="bg-blue-50 p-4 sm:grow">
+		<slot />
+	</div>
+</section>