@extends('frontend::config.master')
@section('title')

@section('style')

@endsection

@section('content')
    <main class="bg-all">
        <div class="bg-gradient-to-r  from-primary-focus py-6 shadow">
            <div class="container">
                <h2 class="home-title text-white">{{ $product_content['name'] ?? "" }}</h2>
            </div>
        </div>
        <div class="container py-8 lg:py-12">
            <div class="pb-6">
                {!! $product_content['detail'] ?? "" !!}
            </div>
            <div class="flex flex-wrap -m-3">
                @foreach ($cards['res'] as $index => $card)
                    <div class="w-full xs:w-1/2 lg:w-1/3 xl:w-1/4 p-3 ">
                        <x-frontend::card.Card01Curved :img="$card['img']" :url="$card['url']" :title="$card['title']" :subtitle="$card['subtitle']">
                        </x-frontend>
                    </div>
                @endforeach
            </div>
            <div class=" w-full pt-6">
                @include('frontend::components.pagination.PaginationBasic')
            </div>
            
        </div>


    </main>
@endsection

@section('script')


@endsection