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

    <main>

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

        <section class="turnkey_proj_pg section">
            <div class="container">
                <div class="row col-lg-11 mx-auto justify-content-between align-items-center">
                    <div class="col-lg-3">
                        <img src="{{asset($first->image)}}" class="logo" alt="" />
                    </div>
                    <div class="col-lg-8">
                        <div class="p wow text-focus-in">
                            {!! $first->description !!}
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start section -->
        <section class="landscaping_pg section">
            <div class="container">
                <div class="inner overflow_hidden">
                    <div class="txt_box mb-5 wow text-focus-in">
                        <div class="row">
                            <div class="col-lg-3">
                                <h1 class="title fw-bold color-primary mb-3"> {!! $second->title !!} </h1>
                            </div>
                            <div class="col-lg-5">
                                <div class="p">
                                    {!! $second->description !!}
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="p">
                                    {!! $second->second_description !!}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        @foreach($second->photos as $row)
                            <div class="col-lg-3">
                                <img src="{{asset($row->image)}}" class="landscapingImg secImg wow fadeInUp slow" alt="" />
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>


        <!-- Start section -->
        <section class="agriculture_pg section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="txt_box wow text-focus-in">
                            <h5 class="subtitle fw-bold color-secondary text-uppercase mb-2">{!! $third->title !!}</h5>
                            <h1 class="title fw-bold color-primary mb-3"> {!! $third->second_title !!} </h1>
                            <div class="p mb-3">
                                {!! $third->description !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="img_box wow slide_rtl">
                            <div class="row">
                                <div class="col-lg-12">
                                    <img src="{{asset($third->photos[0]->image)}}" class="secImg" alt="">
                                </div>
                                <div class="col-lg-6">
                                    <img src="{{asset($third->photos[1]->image)}}" class="secImg" alt="">
                                </div>
                                <div class="col-lg-6">
                                    <img src="{{asset($third->photos[2]->image)}}" class="secImg" alt="">
                                </div>
                                <div class="col-lg-12">
                                    <img src="{{asset($third->photos[3]->image)}}" class="secImg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

@stop