---

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 web development which has led to a love and appreciation for developer tools

			</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>