Add content images

src/routes/(content)/o-mne/+page.svelte

@@ -1,5 +1,8 @@
 <script>
 	import { Paragraph, Heading3, Anchor } from '$lib';
+	import EducationIcon from '$lib/assets/educationIcon.svg';
+	import groupIcon from '$lib/assets/group.svg';
+	import whiteboardIcon from '$lib/assets/whiteboard.svg';
 	import { titleStore } from '../store';
 	titleStore.set('O mně');
 </script>
@@ -20,7 +23,11 @@
 	literatury takto obohacuji své obzory o nové techniky, metody a informace. Aktivně se věnuji
 	dobrovolnickým aktivitám v oblasti psychologie. Docházím pravidelně na supervize a terapie.
 </Paragraph>
-<Heading3>Vzdělání</Heading3>
+<Heading3>
+	<div class="flex items-center gap-2">
+		<img src={EducationIcon} alt="" class="w-8" />Vzdělání
+	</div>
+</Heading3>
 <table class="text-lg border-separate border-spacing-2 lg:border-spacing-4">
 	<tbody>
 		<tr>
@@ -43,7 +50,12 @@
 		</tr>
 	</tbody>
 </table>
-<Heading3>Kurzy, semináře, výcviky</Heading3>
+<Heading3>
+	<div class="flex items-center gap-2">
+		<img src={whiteboardIcon} alt="" class="w-8" />
+		Kurzy, semináře, výcviky
+	</div>
+</Heading3>
 <table class="text-lg border-separate border-spacing-2 lg:border-spacing-4">
 	<tbody>
 		<tr>
@@ -96,7 +108,12 @@
 		</tr>
 	</tbody>
 </table>
-<Heading3>Praxe a zkušenosti</Heading3>
+<Heading3>
+	<div class="flex items-center gap-2">
+		<img src={groupIcon} alt="" class="w-8" />
+		Praxe a zkušenosti
+	</div>
+</Heading3>
 <table class="text-lg border-separate border-spacing-2 lg:border-spacing-4">
 	<tbody>
 		<tr>

src/routes/(content)/poradenstvi/+page.svelte

@@ -1,5 +1,6 @@
 <script>
 	import { Anchor, List, Paragraph } from '$lib';
+	import PoradenstviImg from '$lib/assets/poradenstvi.jpg';
 	import { titleStore } from '../store';
 	titleStore.set('Psychologické poradenství');
 </script>
@@ -11,24 +12,30 @@
 	školní a výchovnou nebo o oblast vztahu k sobě sama a rozvoje osobnosti.
 </Paragraph>
 
-<Paragraph><span class="font-bold">Co konkrétně do této oblasti může patřit?</span></Paragraph>
-
-<List>
-	<li>aktuální výskyt úzkostí před zkouškou nebo prezentací</li>
-	<li>přístup k problémům dětí</li>
-	<li>příprava na roli rodiče nebo prarodiče</li>
-	<li>těžká rozhodnutí a složité životní křižovatky</li>
-	<li>volba výchovného stylu</li>
-	<li>adaptace na situaci odchodu do důchodu</li>
-	<li>volba vysoké školy</li>
-	<li>změna povolání v produktivním věku</li>
-	<li>pracovní zátěž a stres</li>
-	<li>konfliktní situace</li>
-	<li>otázky sebehodnoty a spirituality</li>
-	<li>budování komunikačních dovedností</li>
-	<li>seberozvojová témata (např. rozvíjení soft skills)</li>
-	<li>ujasňování a hledání identity</li>
-</List>
+<div class="flex flex-col xl:flex-row xl:items-center gap-10 xl:gap-36">
+	<div class="">
+		<Paragraph><span class="font-bold">Co konkrétně do této oblasti může patřit?</span></Paragraph>
+		<List>
+			<li>aktuální výskyt úzkostí před zkouškou nebo prezentací</li>
+			<li>přístup k problémům dětí</li>
+			<li>příprava na roli rodiče nebo prarodiče</li>
+			<li>těžká rozhodnutí a složité životní křižovatky</li>
+			<li>volba výchovného stylu</li>
+			<li>adaptace na situaci odchodu do důchodu</li>
+			<li>volba vysoké školy</li>
+			<li>změna povolání v produktivním věku</li>
+			<li>pracovní zátěž a stres</li>
+			<li>konfliktní situace</li>
+			<li>otázky sebehodnoty a spirituality</li>
+			<li>budování komunikačních dovedností</li>
+			<li>seberozvojová témata (např. rozvíjení soft skills)</li>
+			<li>ujasňování a hledání identity</li>
+		</List>
+	</div>
+	<div class="w-1/2 self-center xl:w-1/3">
+		<img src={PoradenstviImg} alt="Ilustracni obrazek" class="object-contain mx-auto" />
+	</div>
+</div>
 <Paragraph>
 	Moje cílová skupina jsou dospělí lidé. Pracuji tedy s klienty, kteří již dosáhli plnoletosti.
 	Výjimky pouze ve velice akutních případech po telefonické domluvě předem.