@extends('front.layouts.master')

@section('content')
    <main class="main">

        <!-- breadcrumb -->

            <div class="site-breadcrumb">

        <div class="container">
            <h2 class="breadcrumb-title"> {{ $page->name }}</h2>
            <ul class="breadcrumb-menu">
                <li><a href="{{ route('site.index') }}">Home</a></li>
                <li class="active"> {{ $page->name }}</li>
            </ul>
        </div>
        </div>
        <!-- breadcrumb end -->

        <!-- about area -->
        <div class="about-area py-120">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <div class="about-right wow fadeInRight" data-wow-delay=".25s">
                            <div class="site-heading mb-3">
                                <span class="site-title-tagline justify-content-start">
                                    {{ $page->name }}
                                </span>
                            </div>
                            <p class="about-text">
                                {!! $page->content !!}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- about area end -->

    </main>
@endsection