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

@section('content')
    @php
        $breadcrumbs = [
            [
                'title' => $menu_index['name'] ?? '',
                'url' => $menu_index['url'] ?? 'javascript:void(0)',
            ],
            [
                'title' => $menu_about['name'] ?? '',
                'url' => $menu_about['url'] ?? 'javascript:void(0)',
            ],
        ];
    @endphp
    <x-frontend::section.breadcrumb :breadcrumbs="$breadcrumbs" />
    <div class="section-about-top">
        <div class="header text-center">
            <h2 class="text-black">{{ $about['name'] ?? '' }}</h2>
            {!! $about['detail'] ?? '' !!}
        </div>
        @if (!empty($card_about['list'][0]))
            <div class="features">
                @foreach ($card_about['list'] as $card)
                    <div class="card">
                        @if (!empty($card['image']))
                            <div class="icon">
                                <img src="{{ $card['image'] }}" alt="{{ $card['name'] ?? '' }}">
                            </div>
                        @endif
                        <h4>{{ $card['name'] ?? '' }}</h4>
                        <p>{{ $card['detail'] ?? '' }}</p>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
    {!! $about['text'] ?? '' !!}
@endsection