<script lang="ts">
  import ContentWindow from '$lib/components/content/ContentWindow.svelte';
  import { appsById } from '$lib/data/apps';

  const contact = appsById.get('contact');
</script>

<svelte:head>
  <title>Contact Ian Barrs</title>
  <meta name="description" content="Contact Ian Barrs for IT, security, compliance, operations, training, charity digital support, media and practical systems work." />
</svelte:head>

<main class="document-page contact-page">
  <header class="document-hero">
    <p class="eyebrow">contact.link</p>
    <h1>Contact Ian</h1>
    <p>Selected public enquiries with honest constraints and useful context.</p>
    <nav aria-label="Contact actions">
      <a href="mailto:helloianbarrs@gmail.com">Email Ian</a>
      <a href="/">Interactive OS</a>
      <a href="/simple">Simple Mode</a>
    </nav>
  </header>

  {#if contact}
    <section class="document-section">
      <ContentWindow app={contact} />
    </section>
  {/if}
</main>
