@extends('frontend::layouts.master')

@section('content')
    <x-frontend::page-hero :title="$data['howtobuy']['page']['name'] ?? 'How to buy'">
        @if (!empty($data['howtobuy']['page']['desc']))
            <p>{!! _html($data['howtobuy']['page']['desc']) !!}</p>
        @endif
    </x-frontend::page-hero>

    <section class="py-12 lg:py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-black via-slate-900 to-black">
        <div class="max-w-6xl mx-auto">
            <article class="prose prose-invert max-w-none prose-headings:text-white prose-p:text-gray-300 prose-a:text-le-primary hover:prose-a:text-le-primary/80">
                {!! _html($data['howtobuy']['page']['detail'] ?? '') !!}
            </article>
        </div>
    </section>
@endsection