Strip

Props

Source apps/www/src/sections/Strip.astro @ gitt.one

---
/**
 * Strip — a narrow brand band with one line of text (the welcome
 * line under the hero). It is NOT a call to action: there is nothing to
 * click, it separates and brands, so it lives on its own rather than as a
 * <Cta> variant (Kirill, 2026-08-25).
 *
 * theme="brand" (default) the primary gradient; "dark" a stone band.
 */
interface Props {
  title: string;
  theme?: 'brand' | 'dark';
}
const { title, theme = 'brand' } = Astro.props;
---

<aside class:list={['px-4 py-3 sm:px-6 lg:px-8', theme === 'dark' ? 'bg-stone-800' : 'bg-gradient-to-r from-primary-800 to-primary-alt-700']}>
  <p class="mx-auto max-w-7xl text-center text-sm font-semibold uppercase tracking-wide text-white">{title}</p>
</aside>