TextLead text

---
/**
 * TextLead — losse lead-alinea als intro voor content-pagina's.
 *
 * Props:
 * - text: string, de lead-zin
 */
interface Props {
  text?: string;
}
const {
  text = 'Een full-service digitaal bureau dat bedrijven helpt groeien via data-gedreven campagnes.',
} = Astro.props;
---

<section class="bl-section tx-lead-section">
  <div class="bl-inner bl-inner--narrow">
    <p class="tx-lead">{text}</p>
  </div>
</section>

<style>
  .tx-lead {
    margin: 0;
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    font-weight: 400;
    color: var(--color-text, #0a0a0a);
    line-height: 1.7;
  }
</style>