chat-ui / src /lib /chat /ChatIntroduction.svelte
victor's picture
victor HF staff
chat intro
a3ae6ee
raw
history blame
691 Bytes
<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>