@extends('frontend::layouts.master')
@section('content')
    <!-- Page Title -->
    <x-frontend::breadcrumb.default :items="$breadcrumbs" />
    <!-- Company Overview -->
    <div class="section-about-top">
        <div class="col-md-12 center">
            <div class="heading-text heading-gradient text-left mt-5">
                <h2 class="text-xs"><span>{!! end($breadcrumbs)['name'] ?? '' !!}</span></h2>
            </div>
        </div>
        <!-- ส่วนหัว -->
        @if (!empty($about))
            <div class="header text-center">
                <h2 class="">{!! $about['name'] ?? '' !!}</h2>
                <p class="">{!! $about['detail'] ?? '' !!}</p>
            </div>
        @endif
        <!-- การ์ด 3 ใบ -->
        @if (!empty($list))
            <div class="features">
                @foreach ($list['list'] as $item)
                    <div class="card">
                        <div class="icon">
                            <img src="{{ $item['image'] ?? '' }}">
                        </div>
                        <h4>{!! $item['name'] ?? '' !!}</h4>
                        <p>{!! $item['detail'] ?? '' !!}</p>
                    </div>
                @endforeach
            </div>
        @endif
    </div>
    @if (!empty($about))
        <div class="section-about-bottom">
            {!! $about['text'] ?? '' !!}
        </div>
    @endif
@endsection