// ContentPage — shared layout template for secondary content pages (FAQ, Links, etc.).
// Reuses the same Header, Footer and sticky CTA as the Home page, plus a PageHeader banner,
// so a new page only needs to supply its own body sections as children.
//
// This same component backs both extra-page templates:
// - "Standard Extra" (see /example/index.html): default props — full Footer.
// - "Simple Extra" (see /example-simple/index.html): footerVariant="bottom-only" for a
//   reduced Footer with just the copyright/tagline bar.
// Both drop the Home page's main nav from the Header (About/Services/Why us/Clients/Contact) —
// the Header component itself defaults showNav to true so the Home page is unaffected.
const ContentPage = ({ eyebrow, title, lead, footerVariant = "full", pageHeaderClassName, children }) => (
  <React.Fragment>
    <Header showNav={false} />
    <PageHeader eyebrow={eyebrow} title={title} lead={lead} className={pageHeaderClassName} />
    <main>{children}</main>
    <Footer variant={footerVariant} />
    <StickyMobileCTA />
  </React.Fragment>
);

window.ContentPage = ContentPage;