martials.no/src/components/landing/Greeting.astro

---
import { Image } from "astro:assets"
import me from "@/images/me.jpg"
import * as m from "@/paraglide/messages.js"
import "@/styles/global.css"
---

<div class="flex items-center justify-around flex-wrap">
  <div class="m-5">
    <h1>
      {m.hiIm()}
      <br />
      Martin Berg Alstad
      <br />
      {m.position()}
    </h1>
    <p class="mx-1 sm:my-10">{m.aboutMe()}</p>
  </div>
  <Image
    src={me}
    alt="Me on a stand in front of a poster that says 'anbudsassistent'"
    width="400"
    height="400"
    class="p-5 mx-auto rounded-full"
    loading={"eager"}
  />
</div>
<!-- Mastodon verification -->
<a rel="me" href="https://snabelen.no/@Martials" class="hidden">Mastodon</a>