add challenges

src/routes/+page.svelte

@@ -15,6 +15,7 @@
 	import Schedule from './landing/Schedule.svelte';
 	import Workshops from './landing/Workshops.svelte';
 	import Hardware from './landing/Hardware.svelte';
+	import Challenges from './landing/Challenges.svelte';
 	export const prerender = true;
 </script>
 
@@ -24,6 +25,7 @@
 	<Timeline />
 	<Schedule />
 	<Workshops />
+	<Challenges />
 	<Hardware />
 	<Supporters />
 	<Team />

src/routes/components/Nav.svelte

@@ -49,6 +49,9 @@
 				<li class="mt-2 hover:text-hackaburg-900">
 					<a href="/#workshops" class="nav-element-base">Workshops</a>
 				</li>
+				<li class="mt-2 hover:text-hackaburg-900">
+					<a href="/#challenges" class="nav-element-base">Challenges</a>
+				</li>
 				<li class="mt-2 hover:text-hackaburg-900">
 					<a href="/#hardware" class="nav-element-base">Hardware</a>
 				</li>

src/routes/landing/Challenges.svelte

@@ -0,0 +1,23 @@
+<script>
+	import BaseComponent from '../components/BaseComponent.svelte';
+</script>
+
+<BaseComponent headline={'Challenges'} subHeadline={''} id={'challenges'}>
+	<div class="text-center text-white">
+		<h2 class="text-2xl font-bold text-primary">CURIOX</h2>
+		<h2 class="text-3xl font-bold">Connect the toy - connected toy</h2>
+		<p class="mt-4 text-lg">
+			Use the provided hardware of microcontroller and sensors to build an interactive connected toy
+			figure that reacts to how you play with it. Get creative and implement playful interactions
+			between the player and the interactive toy you build. <br /><br />
+
+			Hardware we provide and you can use:<br />
+			ESP32 microcontrollers with WiFi and bluetooth and a huge variety of input sensors and output modules
+			like camera, gyroscopes, accelerometers, compass module, battery, button, LEDs, speaker, display,
+			SD card reader, breadboards, cables and more. There will also be several 3D printers available
+			for use.
+		</p>
+
+		<p>more will follow soon ...</p>
+	</div>
+</BaseComponent>