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

    <main>

        @include('web.pages.components.header')

        <section class="devision section bg-light1">
            <div class="container">
                <div class="col-lg-10 mx-auto">
                    <div class="row justify-content-between">
                        <div class="col-lg-3">
                            <img src="{{asset($page->photo)}}" class="logo" alt="">
                        </div>
                        <div class="col-lg-8 ">
                            <div class="txt_box">
                                <div class="p"> {!! $page->description !!} </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="devision-colord bg4">
            <img src="{{url('')}}/assets/web/images/new-imgs/colored-trngl.png" alt="" class="shap img-cover">
            <div class="container">
                <div class="col-lg-10 mx-auto">
                    <div class="main-text"> {!! $page->second_description !!} </div>
                </div>
            </div>
        </section>


        <section class="devision-items bg4 section">
            <div class="container">
                <div class="content col-lg-10 mx-auto text-center">
                    <div class="main-text px-lg-4"> {!! $page->third_description !!} </div>
                    <div class="cards">
                        @foreach($landscapings as $row)
                            <div class="item">
                                <div class="icon">
                                    <img src="{{ asset($row->image) }}" alt="">
                                </div>
                                <div class="txt"> {!! $row->title !!} </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>


        <section class="devision-img-cards">
            <div class="content">
                <div class="container">
                    <div class="title-wrapper col-lg-9 mx-auto">
                        <div class="txt"> {!! $agriculture->title !!} </div>
                        <h5 class="title"> {!! $agriculture->second_title !!} </h5>
                        <h6 class="sub-title"> {!! $agriculture->third_title !!} </h6>
                        <div class="text px-lg-5"> {!! $agriculture->description !!} </div>
                    </div>
                </div>
                <div class="cards">
                    <div class="row gx-0">
                        @foreach($pages as $row)
                            <div class="col-lg-3">
                                <div class="item">
                                    <div class="img">
                                        <img src="{{asset($row->image)}}" alt="" class="img-cover">
                                    </div>
                                    <div class="info">
                                        <h4> {!! $row->title !!} </h4>
                                        <div class="card-text"> {!! $row->description !!} </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>

    </main>

@stop