1  import { useSignal } from "@preact/signals";
 2  import Counter from "../islands/Counter.tsx";
 3  
 4  export default function Home() {
 5    const count = useSignal(3);
 6    return (
 7      <div class="px-4 py-8 mx-auto bg-[#86efac]">
 8        <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
 9          <img
10            class="my-6"
11            src="/logo.svg"
12            width="128"
13            height="128"
14            alt="the Fresh logo: a sliced lemon dripping with juice"
15          />
16          <h1 class="text-4xl font-bold">Welcome to Fresh</h1>
17          <p class="my-4">
18            Try updating this message in the
19            <code class="mx-2">./routes/index.tsx</code> file, and refresh.
20          </p>
21          <Counter count={count} />
22        </div>
23      </div>
24    );
25  }