@extends('layouts.public')

@section('content')
    <article>
        <x-public.package-hero
            :image-path="$package->hero_image_path"
            :image-alt="$package->hero_image_alt"
            :eyebrow="$package->eyebrow"
            :title-line="$package->title_line"
            :title-emphasis="$package->title_emphasis"
            :lead="$package->hero_lead"
        >
            <a href="#final-cta-heading" class="btn btn-outline text-sm font-semibold uppercase tracking-[0.12em]">Solicitar proposta</a>
        </x-public.package-hero>

        <x-public.package-benefits :benefits="$package->benefits ?? []" />

        <x-public.package-included :items="$package->included_items ?? []" />

        <x-public.package-audience
            :image-path="$package->audience_image_path"
            :image-alt="$package->audience_image_alt"
            :heading="$package->audience_heading"
            :intro="$package->audience_intro"
            :points="$package->audience_points ?? []"
        />
    </article>

    <x-public.package-final-cta
        :settings="$siteSettings"
        :heading="$package->final_cta_heading"
        :body="$package->final_cta_body"
        :package-name="$package->name"
        :package-message="$package->whatsapp_message"
    />
@endsection