@extends('layouts.public')
@section('content')
<x-page-hero kicker="The only public method" title="Edspire 90" lede="A working management and learning rhythm — not a report, a workshop, or a folder of SOPs." :crumbs="$crumbs" />

<section class="mx-auto max-w-6xl px-5 py-16 lg:py-20">
    <p class="kicker">The ninety days</p>
    <h2 class="section-title mt-3 max-w-2xl">Installed, then checked for use</h2>
    <div class="mt-10">@include('components.calendar')</div>
</section>

<section class="bg-cream py-16 lg:py-20">
    <div class="mx-auto grid max-w-6xl gap-10 px-5 lg:grid-cols-2">
        <div>
            <p class="kicker">What goes in</p>
            <h2 class="section-title mt-3">What gets installed</h2>
            <ul class="mt-8 grid gap-3">
                @foreach($copy['installs'] as $item)
                    <li class="leak flex items-start gap-3 !py-4">
                        <i data-lucide="check" class="mt-0.5 h-4 w-4 shrink-0 text-good"></i>
                        <span class="text-sm leading-6">{{ $item }}</span>
                    </li>
                @endforeach
            </ul>
            @if($page?->body)<div class="prose-owner mt-8 text-sm">{!! $page->body !!}</div>@endif
        </div>
        @include('components.sample-dashboard')
    </div>
</section>

<section class="mx-auto max-w-6xl px-5 py-16 lg:py-20">
    <p class="kicker">The buying criterion</p>
    <h2 class="section-title mt-3 max-w-3xl">Where this sits</h2>
    <div class="mt-10">@include('components.compare')</div>
</section>

<section class="relative overflow-hidden bg-ink text-cream">
    <div class="hero-grid opacity-60" aria-hidden="true"></div>
    <div class="relative mx-auto flex max-w-6xl flex-col items-start justify-between gap-8 px-5 py-16 lg:flex-row lg:items-end lg:py-20">
        <div>
            <p class="kicker text-[#c4a06a]">The sprint</p>
            <h2 class="section-title mt-3 max-w-xl text-cream">Ninety days. Named deliverables. Then you decide.</h2>
        </div>
        <a href="{{ route('offers.show', 'edspire-90') }}" data-track="offer_click" class="btn btn-light shrink-0"><i data-lucide="arrow-right" class="h-4 w-4"></i> See the sprint</a>
    </div>
</section>
@endsection