@php
    $takeaways = $lines($data['takeaways'] ?? '');
    $quote = trim((string) ($data['quote_text'] ?? ''), " \"“”");
    $author = (string) ($data['quote_author'] ?? '');
@endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        <div class="mx-auto max-w-3xl">
            @include('builder.partials.head', ['centered' => true, 'linkUrl' => null, 'linkText' => null])
            @if(filled($data['body'] ?? null))
                <div class="prose-premium mt-8 max-w-none">{!! $data['body'] !!}</div>
            @endif
        </div>

        @if($quote !== '' || count($takeaways))
            <div class="mt-14 grid gap-6 lg:grid-cols-2">
                @if($quote !== '')
                    <blockquote class="home-quote-card text-left">
                        <p class="home-quote-card__text text-left">"{{ $quote }}"</p>
                        @if($author !== '')
                            <footer class="home-quote-card__footer flex items-center justify-start gap-3 text-left">
                                <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-primary/10 text-sm font-bold text-primary">{{ strtoupper(mb_substr($author, 0, 1)) }}</span>
                                <div>
                                    <cite class="not-italic font-semibold text-secondary">{{ $author }}</cite>
                                    @if(filled($data['quote_role'] ?? null))
                                        <p class="text-sm text-muted">{{ $data['quote_role'] }}</p>
                                    @endif
                                </div>
                            </footer>
                        @endif
                    </blockquote>
                @endif

                @if(count($takeaways))
                    <div class="home-benefit-card h-full text-left">
                        <p class="home-kicker">{{ ($data['takeaways_title'] ?? '') ?: 'Key takeaways' }}</p>
                        <ul class="home-checklist mt-5">
                            @foreach($takeaways as $takeaway)
                                <li>{{ $takeaway }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        @endif
    </div>
</section>