@extends('front.layout.master')
@section('title', "$page->name | ")

@section('meta_tags')
<link rel="canonical" href="{{ url()->current() }}"/>
<meta name="keywords" content="{{ isset($seoset) ? $seoset->metadata_key : '' }}">
<meta property="og:title" content="{{ $page->name }} | {{ isset($seoset) ? $seoset->project_name : config('app.name') }}" />
<meta property="og:description" content="{{ \Illuminate\Support\Str::limit(strip_tags($page->des), 100) }}" />
<meta property="og:type" content="website"/>
<meta property="og:url" content="{{ url()->current() }}" />
<meta property="og:image" content="{{ url('images/genral/'.$front_logo) }}" />
@endsection

@section('body')

<div class="max-w-[1400px] mx-auto px-4 lg:px-6 pt-5">
    <nav class="breadcrumb-row text-[12px] text-slate-500 flex items-center gap-1.5 leading-none">
        <a href="{{ url('/') }}" class="hover:text-brand-600">{{ __('Home') }}</a>
        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="text-slate-300 shrink-0"><path d="m9 6 6 6-6 6"/></svg>
        <span class="text-deep font-medium">{{ $page->name ?? '' }}</span>
    </nav>
</div>

<section class="max-w-4xl mx-auto px-4 lg:px-6 py-8">
    @if(isset($page))
        <div class="bg-white rounded-2xl shadow-card p-6 lg:p-10">
            <h1 class="font-display font-extrabold text-3xl lg:text-4xl mb-2">{{ $page->name }}</h1>
            <hr class="my-5 border-slate-200">
            <div class="prose prose-slate max-w-none text-[15px] leading-relaxed">
                {!! $page->des !!}
            </div>
        </div>
    @endif
</section>

@endsection