1<script>
2 import Card from "$lib/Card.svelte";
3
4 let { data } = $props();
5</script>
6
7<svelte:head>
8 <title>SvelteKit on Cloudflare</title>
9</svelte:head>
10
11<main>
12 <h1 class="text-3xl font-bold">{data.greeting}</h1>
13 <Card
14 title="Styled with Tailwind CSS"
15 body="This card is a Svelte component styled with Tailwind utilities."
16 />
17 <a class="mt-4 inline-block underline" href="/about">about (prerendered)</a>
18</main>