@extends('layouts.frontend.master')
@section('title') {{ $menu->transtitle }} @endsection
@section('keyword') {{ $menu->transkeywords }} @endsection
@section('description') {{ $menu->transdescription  }} @endsection
@section('content')
    @include('frontend.includes.breadcrumbs',['title'=> $menu->transtitle])

    <!-- about us area start -->
    <div class="rts-about-us-area rts-section-gap">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="thumbnail" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <img src="{{ $menu->getFirstMediaUrl('menu_images') }}" alt="{{$menu->transtitle ?? ''}}">
                    </div>
                </div>
                <div class="col-lg-5">
                    <div class="about-right-one-area">
                        <div class="title-area">
                            <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">@lang('frontend.more_about_company')</span>
                            <h3 class="title" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                                {{$menu->transtitle ?? ''}}
                            </h3>
                        </div>
                        <p class="disc" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">
                            {!! $menu->transcontent !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- about us area end -->

    <!-- rts pricing area start -->
    <div class="pricing-area-h2 rts-section-gap">
        <div class="container">
            <div class="row mb--30">
                <div class="col-12">
                    <div class="title-area text-center">
                        <span data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">Price Table</span>
                        <h2 class="title" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">Our Price
                            Plan</h2>
                    </div>
                </div>
            </div>
            <div class="row g-24">
                <div class="col-lg-4">
                    <!-- single pricing start -->
                    <div class="single-pricing-area-h2" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                        <div class="pricing-head">
                            <h5 class="title">
                                Price Table
                            </h5>
                        </div>
                        <div class="pricing-body">
                            <h3 class="title">
                                $29 <span>/month</span>
                            </h3>
                            <p class="disc">
                                Sodales curae dictum nisi duis purus sapien cum facilisi odio
                            </p>
                            <div class="feature-area">
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Business Solution</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Expert Consultancy</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Growth Management</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Marketing Expert</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Content Solution</span>
                                </div>
                            </div>
                            <a class="rts-btn btn-secondary" href="#">Get Started</a>
                        </div>
                    </div>
                    <!-- single pricing end -->
                </div>
                <div class="col-lg-4">
                    <!-- single pricing start -->
                    <div class="single-pricing-area-h2 standared" data-sal-delay="250" data-sal="slide-up" data-sal-duration="800">
                        <div class="pricing-head">
                            <h5 class="title">
                                Standard Plan
                            </h5>
                        </div>
                        <div class="pricing-body">
                            <h3 class="title">
                                $59 <span>/month</span>
                            </h3>
                            <p class="disc">
                                Sodales curae dictum nisi duis purus sapien cum facilisi odio
                            </p>
                            <div class="feature-area">
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Business Solution</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Expert Consultancy</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Growth Management</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Marketing Expert</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Content Solution</span>
                                </div>
                            </div>
                            <a class="rts-btn btn-secondary" href="#">Get Started</a>
                        </div>
                    </div>
                    <!-- single pricing end -->
                </div>
                <div class="col-lg-4">
                    <!-- single pricing start -->
                    <div class="single-pricing-area-h2" data-sal-delay="350" data-sal="slide-up" data-sal-duration="800">
                        <div class="pricing-head">
                            <h5 class="title">
                                Premium Plan
                            </h5>
                        </div>
                        <div class="pricing-body">
                            <h3 class="title">
                                $89 <span>/month</span>
                            </h3>
                            <p class="disc">
                                Sodales curae dictum nisi duis purus sapien cum facilisi odio
                            </p>
                            <div class="feature-area">
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Business Solution</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Expert Consultancy</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Growth Management</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Marketing Expert</span>
                                </div>
                                <div class="single-feature">
                                    <i class="fas fa-check-circle"></i>
                                    <span>Content Solution</span>
                                </div>
                            </div>
                            <a class="rts-btn btn-secondary" href="#">Get Started</a>
                        </div>
                    </div>
                    <!-- single pricing end -->
                </div>
            </div>
        </div>
    </div>
    <!-- rts pricing area end -->
@endsection