✨ "New" landing-page

frontend/src/routes/__layout.svelte

@@ -39,7 +39,7 @@
 		background-size: cover;
 		/*background: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%); */
 		/*background: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%); */
-		color: beige;
+		color: black;
 
 		// background-size: 400% 400%;
 

frontend/src/routes/index.svelte

@@ -14,6 +14,8 @@
 	import { getLocalization } from '$lib/i18n';
 	import Footer from '$lib/footer.svelte';
 
+	import LandingPromo from '$lib/landing/landing-promo.svelte';
+
 	const { t } = getLocalization();
 
 	navbarVisible.set(true);
@@ -54,8 +56,24 @@
 			</p>
 		</div>
 	</section>
-	<section id="features">
-		<div class="text-center pt-24 snap-y">
+
+	<section class="py-8">
+		<h1 class="sm:text-6xl text-4xl text-center">Screenshots</h1>
+		<div>
+			<LandingPromo />
+		</div>
+	</section>
+
+	<!--
+	<section>
+		<h1 class='sm:text-6xl text-4xl text-center'>Testimonials</h1>
+		{#await import('$lib/landing/testimonials.svelte') then testimonials}
+			<svelte:component this={testimonials.default} />
+		{/await}
+	</section>
+	-->
+	<section id="features" class='mt-8'>
+		<div class="text-center snap-y">
 			<h1 class="sm:text-6xl text-4xl">{$t('words.features')}</h1>
 			<p class="text-xl pt-4">
 				{$t('index_page.features_description.1')}