---

import PageLayout from "@/layouts/Base";

import { Image } from "@astrojs/image/components";

import aboutImg from "../assets/about-astro.png";

const meta = {

	title: "About",

	description: "More about Steve Simkins",

};

---

<PageLayout meta={meta}>

	<div class="space-y-6">

		<h1 class="title">About</h1>

		<p>

			Hey there! My name is Steve and I'm the Head of Community for

			<a

				class="cactus-link inline-block"

				target="_blank"

				rel="noopener noreferrer"

				aria-label="Link to Pinata website"

				href="https://pinata.cloud">Pinata.</a

			>

      I help creators and developers in the Web3 space, and I like to help build solutions

			to their problems.

		</p>

		<div class="flex justify-center">

			<Image

				src={aboutImg}

				alt="A cartoon cactus looking at the 'Astro.build' logo"

				loading="eager"

			/>

		</div>

		<p>Here's some more info about me:</p>

		<ul class="list-inside list-disc">

      <li>Currently in Chattanooga TN</li>

      <li>Pastimes include enjoying coffee shops, spending time with my wife and two sons, and tinkering with mechanical keyboards</li>

      <li>Taught myself frontend web development which led to being hooked on blockchain technology</li>

      <li>I have a killer waffle recipe handed down through my family</li>

		</ul>

		<p>

			Feel free to 

			<a

				class="cactus-link inline-block"

				href="mailto:hello@stevedsimkins.dev"

				target="_blank"

				rel="noopener noreferrer"

				aria-label="github repository"

			>

				reach out

			</a>!

		</p>

	</div>

</PageLayout>