@props(['headline' => 'Tell us what is *slowing you down*.', 'sub' => 'Describe the problem in your own words. We reply within one working day.', 'label' => 'Start a Project', 'need' => null])
<section class="on-dark section" style="background: radial-gradient(120% 140% at 85% 120%, rgb(var(--violet-lo)) 0%, rgb(var(--ink)) 62%);">
    <div class="wrap">
        <div class="reveal max-w-3xl">
            <h2 class="h2">{{ \App\Support\Text::accent($headline) }}</h2>
            <p class="lead mt-5">{{ $sub }}</p>
            <a href="{{ route('start-project.show', $need ? ['need' => $need] : []) }}" data-track="cta:band:{{ \Illuminate\Support\Str::slug($label) }}" class="btn btn-primary mt-9">{{ $label }} @include('partials.arrow')</a>
        </div>
    </div>
</section>