<script>
	import VendorMarquee from '$lib/Landing/VendorMarquee.svelte';
	import VendorCarousel from '../lib/Landing/VendorCarousel.svelte';
	import { Heading, Mark } from 'flowbite-svelte';
	import portfolio from '$lib/images/portfolio.png';
	import hero from '$lib/images/hero.webp';
</script>

<div class="text-xl">
	<div class="flex my-4 gap-4">
		<Heading tag="h1" class="md:text-right leading-tight">father by day <Mark>developer</Mark> by night</Heading>
		<img
			src={hero}
			alt=""
			class="hidden md:block rounded-xl max-h-36 w-auto shadow-inner border border-slate-700"
		/>
	</div>
	<h2 class="py-2">
		welcome to my space. For now it is used to document my learnings and share my projects. It might
		expand over time.
	</h2>
	<p class="py-2">
		I like to explore many different technologies and frameworks mostly surrounding web development, infrastructure and DevOps.
	</p>
	<h2 class="py-2">
		This page is my initial portfolio project built in Svelte.
	</h2>
	<p>You can read all about it <a class="underline" href="/projects/svelte">here</a> and explore the repo on <a class="underline" href="https://gitea.rannes.dev/rannes.dev/my-portfolio">my gitea.</a></p>
</div>
