---
import PostLayout from "@/layouts/PostLayout.astro";
import PageHeader from "@/components/elements/PageHeader.astro";
import SeparatorLine from "@/components/elements/SeparatorLine.astro";
import { siteConfig } from "@/config/site.js";
---
<PostLayout
	title="Freelance Development"
	description="Fullstack development and automation services."
	keywords="Freelance, Developer, Python, Golang, Automation, Fullstack"
>
	<div class="work article">
		<main class="work-wrapper">
			<PageHeader
				title="Freelance Development"
				tags={["Python", "Golang", "Automation"]}
				className="mb-6 md:mb-8"
			>
			</PageHeader>
			<div class="site-container m-auto">
				<SeparatorLine />
			</div>
			<section class="article-content">
				<div class="site-container mx-auto my-8 md:my-16 max-w-3xl">
					<div class="prose dark:prose-invert">
						<h2 class="text-2xl font-brand mb-4 text-neutral-800 dark:text-neutral-100">Stack</h2>
						<ul class="space-y-2 text-neutral-700 dark:text-neutral-300 mb-6">
							<li><strong>Backend:</strong> Python, Golang</li>
							<li><strong>Automation:</strong> Bash, scripting</li>
							<li><strong>Infrastructure:</strong> Docker, Linux</li>
						</ul>
						
						<h2 class="text-2xl font-brand mb-4 mt-8 text-neutral-800 dark:text-neutral-100">Services</h2>
						<ul class="space-y-2 text-neutral-700 dark:text-neutral-300 mb-6">
							<li>Web application development</li>
							<li>Automation and scripting</li>
							<li>API development</li>
							<li>DevOps and deployment</li>
						</ul>

						<h2 class="text-2xl font-brand mb-4 mt-8 text-neutral-800 dark:text-neutral-100">Contact</h2>
						<p class="text-neutral-700 dark:text-neutral-300 leading-relaxed">
							Interested in working together? Reach out at <span class="text-primary dark:text-primary-light">{siteConfig.mail}</span>
						</p>
					</div>
				</div>
			</section>
		</main>
	</div>
</PostLayout>
