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

@section('content')
    <div class="prose prose-slate max-w-4xl mx-auto py-[7rem] px-4 sm:px-6 lg:px-8">
        <h1>{{ $how_to_buy['name'] ?? '' }}</h1>
        {!! $how_to_buy['detail'] ?? '' !!}
        <div class="mt-16 text-center">
            <a class="inline-block bg-med-primary text-white font-bold py-4 px-10 rounded-full hover:bg-med-secondary transition transform hover:-translate-y-1 shadow-lg no-underline" href="{{ $link_products['url'] ?? 'javascript:void(0)' }}">
                {{ __('frontend::lang.btn.start_shopping') }}
                <i class="fa-solid fa-arrow-right ml-2"></i>
            </a>
        </div>
    </div>
@endsection