---
import BaseLayout from '../layouts/BaseLayout.astro';

type Props = {
  title: string;
  intro?: string;
};

const {
  title,
  intro = 'This page is a placeholder and will be replaced with final approved content.',
} = Astro.props as Props;
---

<BaseLayout title={title} description={`${title} information for Swansea Airport.`}>
  <section class="container prose">
    <p class="eyebrow">About</p>
    <h1 class="section-title">{title}</h1>
    <p>{intro}</p>

    <div class="cards-grid">
      <article class="card">
        <h3>What this page will cover</h3>
        <p>
          Placeholder summary content for this topic. Replace with operational guidance,
          responsibilities, and current policy details.
        </p>
      </article>
      <article class="card">
        <h3>Key contacts and process</h3>
        <p>
          Placeholder contact details and process notes. Replace with named contacts,
          response times, and escalation routes.
        </p>
      </article>
      <article class="card">
        <h3>Documents and references</h3>
        <p>
          Placeholder links and downloadable resources can be added here once content and
          approval are complete.
        </p>
      </article>
    </div>
  </section>
</BaseLayout>
