src/lib/components/IconBlock.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-	import Icon from '@iconify/svelte';
-
-	export let bgStrong: string;
-	export let bgBleak: string;
-	export let icon: string;
-	export let caption: string;
-</script>
-
-<section class="flex flex-col sm:flex-row">
-	<div class="flex flex-row items-center gap-2 {bgStrong} p-2 text-slate-50">
-		<Icon width={32} height={32} {icon} color={'#f8fafc'} />
-		<span class="sm:hidden">{caption}</span>
-	</div>
-	<div class="{bgBleak} p-4 sm:grow">
-		<slot />
-	</div>
-</section>

src/lib/components/InfoBlock.svelte

@@ -1,12 +1,13 @@
 <script lang="ts">
-	import IconBlock from './IconBlock.svelte';
+	import Icon from '@iconify/svelte';
 </script>
 
-<IconBlock
+<section class="flex flex-col sm:flex-row">
-	bgStrong="bg-blue-500"
+	<div class="flex flex-row items-center gap-2 bg-blue-500 p-2 text-slate-50">
-	bgBleak="bg-blue-50"
+		<Icon width={32} height={32} icon={'material-symbols:info'} color={'#f8fafc'} />
-	icon="material-symbols:info"
+		<span class="sm:hidden">Обратите внимание</span>
-	caption="Обратите внимание"
+	</div>
->
+	<div class="bg-blue-50 p-4 sm:grow">
 		<slot />
-</IconBlock>
+	</div>
+</section>

src/lib/components/WarningBlock.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-	import IconBlock from './IconBlock.svelte';
-</script>
-
-<IconBlock
-	bgStrong="bg-amber-500"
-	bgBleak="bg-amber-50"
-	icon="material-symbols:warning"
-	caption="Внимание"
->
-	<slot />
-</IconBlock>

src/routes/contact/+page.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
-	import WarningBlock from '$lib/components/WarningBlock.svelte';
+	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<section class="hero flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4">
+<section
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
+>
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
 	>
@@ -14,8 +16,6 @@
 	</div>
 </section>
 
-<WarningBlock>Страница находится в разработке!</WarningBlock>
-
 <style>
-	@import '$src/app.css';
+	@import "$src/app.css";
 </style>

src/routes/projects/+page.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
-	import WarningBlock from '$lib/components/WarningBlock.svelte';
+	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<section class="hero flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4">
+<section
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
+>
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
 	>
@@ -14,8 +16,6 @@
 	</div>
 </section>
 
-<WarningBlock>Страница находится в разработке!</WarningBlock>
-
 <style>
-	@import '$src/app.css';
+	@import "$src/app.css";
 </style>

src/routes/team/+page.svelte

@@ -1,8 +1,10 @@
 <script lang="ts">
-	import WarningBlock from '$lib/components/WarningBlock.svelte';
+	import SocialButton from '$lib/components/SocialButton.svelte';
 </script>
 
-<section class="hero flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4">
+<section
+	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero"
+>
 	<div
 		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
 	>
@@ -14,8 +16,6 @@
 	</div>
 </section>
 
-<WarningBlock>Страница находится в разработке!</WarningBlock>
-
 <style>
-	@import '$src/app.css';
+	@import "$src/app.css";
 </style>