@extends('layout.main')


@section('main-section')
    <!-- breadcrumb area start -->
    <div class="breadcrumb-area jarallax" style="background-image:url({{ asset('resources/assets/img/bg/1.png') }});">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-inner">
                        <h1 class="page-title">About Us</h1>
                        <ul class="page-list">
                            <li><a href="{{ url('/') }}">Home</a></li>
                            <li>About Us</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb area End -->


    <!-- about section area start -->
 <div class="about-section pd-top-80">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 align-self-center">
                <div class="section-title mb-lg-0">
                    {!! $data->description !!}
                </div>
            </div>
            <div class="col-lg-5 offset-lg-2">
                <div class="thumb about-section-right-thumb">
                    <img src="{{ asset('/public/storage/'.$data->image) }}" alt="{{ $data->title }}">
                    <img class="about-absolute-thumb" src="{{ asset('/public/storage/'.$data->image) }}" alt="{{ $data->title }}">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- about section area end -->

   
    <!-- intro area start -->
    <div class="intro-area pd-top-108">
        <div class="container">
            <div class="section-title text-lg-center text-left">
                <h2 class="title"><span>Our </span>Services</h2>
            </div>
            <div class="row">
                @foreach($serviceData as $serviceRow)
                <div class="col-lg-3 col-md-6">
                    <div class="single-intro style-two">
                        <div class="thumb">
                            <img src="{{ asset('/public/storage/'.$serviceRow->image) }}" alt="img">
                        </div>
                        <h4 class="intro-title">{{ $serviceRow->name }}</h4>
                        <p>{{ $serviceRow->description }}</p>
                    </div>
                </div>
                @endforeach
                
            </div>
        </div>
    </div>
    <!-- intro area End -->
   
    
  
    
    <div class="team-newslater-bg" style="background-image:url(assets/img/bg/4.png);">
        
        
    </div>
@endsection