---
import BaseLayout from '../layouts/BaseLayout.astro';
import SiteHeader from './SiteHeader.astro';
import SiteFooter from './SiteFooter.astro';
import '../styles/static-pages.css';

interface Props {
  title: string;
  description: string;
  eyebrow: string;
  heading: string;
  lead: string;
  structuredData?: Record<string, unknown>[];
}
const { title, description, eyebrow, heading, lead, structuredData } = Astro.props;
---

<BaseLayout title={title} description={description} structuredData={structuredData}>
  <SiteHeader />
  <main id="content" class="static-page">
    <header class="static-hero"><p class="static-eyebrow">{eyebrow}</p><h1>{heading}</h1><p>{lead}</p></header>
    <slot />
  </main>
  <SiteFooter />
</BaseLayout>
