1<script>
2 import Card from "$lib/Card.svelte";
3
4 let { data } = $props();
5</script>
6
7<!-- Title lives on the page so the dev test's hot-reload marker rewrite
8 targets this file. -->
9<svelte:head>
10 <title>SvelteKit on Fly</title>
11</svelte:head>
12
13<main>
14 <h1 class="text-3xl font-bold">{data.greeting}</h1>
15 <Card
16 title="Styled with Tailwind CSS"
17 body="This card is a Svelte component styled with Tailwind utilities."
18 />
19 <a class="mt-4 inline-block underline" href="/about">about (prerendered)</a>
20</main>