@props([
    'headlineLine1',
    'headlineLine2',
    'subheadline',
    'trustBadges' => [],
])
@php
    $heroImage = asset('images/hero/hero-home.jpg');
@endphp
<section class="nova-hero">
    <div
        class="nova-hero__bg"
        style="--nova-hero-image: url('{{ $heroImage }}')"
        aria-hidden="true"
    ></div>
    <div class="nova-wrap nova-hero__inner">
        <div class="nova-hero__content">
            <div class="nova-hero__copy">
                <span class="nova-tag">Growth Charge</span>
                <h1 class="nova-hero__title">
                    {{ $headlineLine1 }}
                    <span class="nova-hero__accent">{{ $headlineLine2 }}</span>
                </h1>
                <p class="nova-hero__lede">{{ $subheadline }}</p>
                <div class="nova-hero__actions">
                    <a href="#" class="nova-btn nova-btn--primary" data-appointment-open>Free brand review</a>
                    <a href="{{ route('work.show', 'fleet-designs') }}" class="nova-btn nova-btn--secondary">View work</a>
                </div>
            </div>
            @if(count($trustBadges))
                <ul class="nova-hero__trust">
                    @foreach($trustBadges as $badge)
                        <li>
                            <span class="nova-hero__trust-dot" aria-hidden="true"></span>
                            {{ $badge }}
                        </li>
                    @endforeach
                </ul>
            @endif
        </div>
    </div>
</section>