---
import { AppConfig } from '@/utils/AppConfig';
import Base from '@/layouts/Base.astro';
import Hero from '@/components/Hero.astro';
import LatestPosts from '@/components/LatestPosts.astro';
import Section from '@/components/Section.astro';
import Subheading from '@/components/Subheading.astro';
import ServSection from '@/components/ServSection.astro';
import Heading from '@/components/Heading.astro';

const { title } = AppConfig;
const { description } = AppConfig;

---

<Base head={{ title, description }}>
	<Section>
        <span class="text-orange-600"><Heading title="Services"></Heading></span>
        <p class="text-center">(Service names below are links)</p>
    </Section>
    
    <ServSection>
        <Subheading><a href="https://git.goober.cloud">Git</a></Subheading>
        <p class="text-center">Forgejo git server for storing code</p>
    </ServSection>
    
    <ServSection>
        <Subheading><a href="https://goobersin.space">Mastodon</a></Subheading>
        <p class="text-center">Fediverse server (alternative to X)</p>
    </ServSection>

    <ServSection>
        <Subheading><a href="https://search.goober.cloud">SearX</a></Subheading>
        <p class="text-center">Privacy-first metasearch engine</p>
    </ServSection>

    <ServSection>
        <Subheading><a href="https://wiki.goober.cloud">Wiki</a></Subheading>
        <p class="text-center">Knowledgebase about Goober.Cloud</p>
    </ServSection>

    <ServSection>
        <Subheading><a href="https://status.goober.cloud/status/goober">Status Page</a></Subheading>
        <p class="text-center">Check if everything is running smoothly</p>
    </ServSection>

    <ServSection>
        <Subheading><a>Webmail</a></Subheading>
        <p class="text-center">(no link unless you sign up!)</p>
    </ServSection>

    <ServSection>
        <Subheading><a>Hosting for your project? </a></Subheading>
        <p class="text-center">(reach out to Matt)</p>
    </ServSection>


</Base>
