{% extends "base.html" %}
{% block content %}
<section class="py-16 md:py-24">
<div class="max-w-4xl mx-auto px-6 space-y-8">
<header>
<h1 class="font-bebas text-5xl">About Benny’s House</h1>
<p class="mt-4 text-white/80 max-w-prose">Benny’s House is a one-person tech shop based in the Greater Amarillo Area. I help individuals and small businesses with websites, networks, and computers.</p>
</header>


<section class="glass rounded-2xl p-6 space-y-4">
<h2 class="text-xl font-semibold">How I work</h2>
<ul class="card-list !pl-0 list-none space-y-2">
<li class="dot">I explain what I’m doing in terms that make sense to you.</li>
<li class="dot">Fair, upfront pricing with no surprise fees.</li>
<li class="dot">On-site or remote, whatever works best for you.</li>
</ul>
</section>


<section class="grid md:grid-cols-2 gap-6">
<article class="card">
<h3 class="card-title">Service Area</h3>
<p class="card-body">Based in the Greater Amarillo Area. Available on-site throughout the Texas Panhandle, and remotely for anyone who needs help from afar.</p>
</article>
<article class="card">
<h3 class="card-title">Also on NetDeploy</h3>
<p class="card-body">Looking for web and IT services through a broader platform? Find me at <a href="https://netdeploy.net" class="underline underline-offset-4 hover:text-white" target="_blank" rel="noopener">netdeploy.net</a>.</p>
</article>
</section>


<section class="glass rounded-2xl p-6">
<h2 class="text-xl font-semibold">Who I help</h2>
<p class="card-body">Homeowners who need reliable Wi-Fi. Small businesses setting up their first website. Offices that need computers configured and ready to use.</p>
</section>


<div class="pt-2">
<a href="/contact" class="btn-primary">Start a project</a>
<a href="/services" class="btn-ghost ml-2">Explore services</a>
</div>
</div>
</section>
{% endblock %}
