---
import { Image } from "astro:assets";
import Prose from "~/components/ui/Prose.astro";
import { Content as Bio } from "~/content/bio.md";
---

<div class="md:flex md:flex-column gap-6 pb-4 pt-6">
  <div>
    <h1
      class="text-2xl font-bold underline decoration-wavy underline-offset-8 decoration-3 decoration-light-pu dark:decoration-dark-pu mb-6"
    >
      Hi! I'm Ivy, welcome to my website!
    </h1>

    <Prose>
      <Bio />
    </Prose>
  </div>
  <div>
    <Image src={"https://cdn.laker.tech/images/tree.png"} alt={"tree"}  width={200} height={300}/>
  </div>
</div>