@extends('web.layouts.container')

@section('content')
    <section class="product_det">
        <div class="container">
            <div class="inner">
                <div class="swiper-container peoduct-det-swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="{{asset($page->performance_development_image)}}" alt="" class="peoduct_det_img"/>
                        </div>
                    </div>
                    <!-- Add Arrows -->
{{--                    <div class="swiper-button-next"></div>--}}
{{--                    <div class="swiper-button-prev"></div>--}}
                </div>
                <div class="text-box">
                    <h4 class="title">{{$page->performance_development_title}}</h4>
                    <p class="text_p">{!! stripText($page->performance_development_description) !!} </p>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
@endsection