@extends('web.layouts.layout')
@section('content')


    <main>
        <!-- Start header -->
        @include('web.pages.components.banner')

        <!-- Start story_pg -->
        <section class="story_pg section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <img src="{{asset($pages[0]->image)}}" class="logo" alt="" />
                    </div>
                    <div class="col-lg-7">
                        <div class="p">
                            {!! $pages[0]->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start banner-sec -->
        <section class="banner-sec section mt-5">
            <div class="container">
                <div class="text-center">
                    <h5 class="subtitle text-uppercase "> {!! $pages[1]->title !!} </h5>
                    <h1 class="title text-uppercase fs-2 mb-0"><b>{!! $pages[1]->description !!}</b></h1>
                </div>
            </div>
            <img src="{{asset($pages[1]->image)}}" alt="" class="bg"/>
        </section>


        <!-- Start story_pg -->
        <section class="story_pg2 story_pg section mb-5">
            <div class="container">
                <div class="row align-items-end">
                    <div class="col-lg-6">
                        <div class="p mb-4">
                            {!! $pages[2]->description !!}
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <img src="{{asset($pages[2]->image)}}" class="sec-img" alt="" />
                    </div>

                </div>
            </div>
        </section>


    </main>

@stop
