---
import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
import H1 from "../components/ui/headings/H1.astro";
import Page from "../layouts/Page.astro";
import { Image } from 'astro:assets';
import myImage from '../images/server.png';
---

<Page title={SITE_TITLE} description={SITE_DESCRIPTION}>
  <main>
    <H1>Hello, I'm Lars!</H1>
    <div class="text-3xl mb-7 text-gray-400">
      Developer, HomeAutomation and OpenSource
    </div>
    <Image src={myImage} alt="My HomeLab" />
    <p>
      With over 10 years of experience in web development, I've specialized in
      working with Node.js and React, writing everything in TypeScript to ensure
      code quality and scalability. My expertise extends to using Docker and
      Kubernetes to create efficient development and production environments.
      Beyond my professional work, I'm passionate about Homelabs and Home
      Automation, where I apply my skills in personal projects. I'm also
      dedicated to sharing my knowledge through written content and YouTube
      videos, focusing on these areas to help others navigate the ever-evolving
      tech landscape.
    </p>
  </main>
</Page>
