src/lib/chat/ChatIntroduction.svelte

<script lang="ts">
	export let title: string = '';
</script>

<div class="grid grid-cols-3 gap-3 my-auto">
	<div class="col-span-3 text-center mb-10">
		<h1 class="text-3xl font-bold mb-1.5">{title}</h1>
		<p class="text-lg text-gray-500">Lorem ipsum dolor sit.</p>
	</div>
	<div class="bg-gray-50 rounded-xl text-gray-500 p-4">Create</div>
	<div class="bg-gray-50 rounded-xl text-gray-500 p-4">Discover</div>
	<div class="bg-gray-50 rounded-xl text-gray-500 p-4">Overcome</div>
	<div class="bg-gray-50 rounded-xl text-gray-500 p-4">Create</div>
	<div class="bg-gray-50 rounded-xl text-gray-500 p-4">Discover</div>
	<div class="bg-gray-50 rounded-xl text-gray-500 p-4">Overcome</div>
</div>