<script>
	import Content from '../components/homepage/content.svelte';
	import Sidebar from '../components/homepage/sidebar.svelte';
	import Maincontent from '../components/misc/maincontent.svelte';
	import Rightbar from '../components/homepage/rightbar.svelte';
</script>

<svelte:head>
	<title>Welcome</title>
</svelte:head>

<Maincontent>
	<div
		class="hidden col-start-1 col-span-1 rounded-xl ml-2 mt-10 lg:flex flex-col justify-start gap-2 p-2"
	>
		<Sidebar />
	</div>

	<div class="px-5 md:px-0 md:pl-5 lg:pl-0 col-span-7 md:col-span-6 lg:col-span-5">
		<Content />
	</div>

<div class="hidden md:block col-start-7 mt-10 mr-2">

	<Rightbar />
</div>
</Maincontent>
