@extends('themes.tameer.app')

@section('content')

	<div id="content" class="site-content">
		<div class="content-inner">
			<div class="container content-container">
				<div class="row content-row">
					<div id="primary" class="content-area content-full-width col-12">
						<main id="main" class="site-main">
							<article id="post-8" class="post-8 page type-page status-publish hentry">
								<div class="entry-content clearfix">

									@if(isset($page['slider']) && !empty($page['slider']))
										@include('themes.tameer.sliders.slider')
									@endif

									<div id="about_us" data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1552925396318 vc_row-has-fill bg-image-ps-center">

										<div class="wpb_column vc_column_container vc_col-sm-12 rm-padding-lg">
											<div class="vc_column-inner vc_custom_1552902458867">
												<div class="wpb_wrapper">
													<div id="ct-heading" class="ct-heading style1 align-center align-center-md align-center-sm align-center-xs">
														<h3 class="ct-heading-tag align-center" style="font-size: 40px; line-height: 50px;    padding-top: 0;">{{$page->title}}</h3>
														<div class="h-gap">
															<span>
																<i></i>
																<i></i>
																<i></i>
																<i></i>
															</span>
														</div>
													</div>
												</div>
											</div>
										</div>


										<div class="wpb_column vc_column_container vc_col-sm-6">
											<div class="vc_column-inner vc_custom_1552813034346">
												<div class="wpb_wrapper">
													<div id="ct-video" class="ct-video-wrapper">
														<div class="ct-video-inner" dir="ltr">
															<div class="ct-video-intro1">
																<img
																	class=""
																	src="/storage/images/original/{{$page->featured_image}}"
																	width="517"
																	height="512"
																	alt="TAMMER 41- 2019-09-18-4"
																	title="TAMMER 41- 2019-09-18-4"
																/>
															</div>
															<div class="ct-video-intro2 bg-image" style="background-image: url(/storage/images/original/{{$page->image}});">
																<a class="ct-video-button btn-line" href="{{$page->video}}">
																	<span>{{__('View now')}}</span>
																	<i class="fa fa-play-circle"></i>
																</a>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>


										<div class="wpb_column vc_column_container vc_col-sm-6 rm-padding-lg">
											<div class="vc_column-inner vc_custom_1552902458867">
												<div class="wpb_wrapper">


													<div class="wpb_text_column wpb_content_element vc_custom_1589979359237">
														<div class="wpb_wrapper">
															{!!$page->content!!}
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="vc_row-full-width vc_clearfix"></div>

									<div id="services" data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1553186234397 vc_row-has-fill bg-image-ps-bottom">
										<div class="wpb_column vc_column_container vc_col-sm-12">
											<div class="vc_column-inner vc_custom_1553185907162">
												<div class="wpb_wrapper">
													<div class="vc_row wpb_row vc_inner vc_row-fluid">



														@foreach($services ?? [] as $service)

															<div class="wpb_column vc_column_container vc_col-sm-6 wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp">
																<div class="vc_column-inner vc_custom_1553218647304">
																	<div class="wpb_wrapper">
																		<div class="ct-fancybox-wrap">
																			<a class="ct-fancybox-more-link btn-line" href="#" target="_self"><span>More Services</span><i class="fa fa-plus-circle"></i></a>
																			<div class="ct-fancybox-layout2">
																				<div class="ct-fancybox-inner">
																					<div class="ct-fancybox-holder">
																						<div class="ct-fancybox-hover">
																							<div class="ct-fancybox-icon">
																								<img class="icon-main" src="/storage/images/original/{{$service->image}}" alt="Real Estate Development" />
																							</div>

																							<div class="ct-fancybox-content">
																								<h3 class="ct-fancybox-title" style="">
																									<a href="#" target="_self">{{$service->title}}</a>
																								</h3>
																								<div class="ct-fancybox-desc" style="">
																									{{$service->description}}
																								</div>
																							</div>
																							<a class="ct-fancybox-more" href="{{$service->url}}" target="_self"><i class="ct-icon-plus"></i></a>
																						</div>
																					</div>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														@endforeach





													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="vc_row-full-width vc_clearfix"></div>
									<div id="projects" data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid vc_row-no-padding bg-image-ps-inherit">
										<div class="wpb_column vc_column_container vc_col-sm-12">
											<div class="vc_column-inner vc_custom_1552709233494">
												<div class="wpb_wrapper">
													<div dir="ltr"
														id="ct-portfolio-carousel"
														class="ct-carousel-portfolio1 owl-carousel"
														data-item-xs="1"
														data-item-sm="1"
														data-item-md="2"
														data-item-lg="3"
														data-item-xl="3"
														data-margin="0"
														data-loop="true"
														data-autoplay="false"
														data-autoplaytimeout="5000"
														data-smartspeed="250"
														data-center="false"
														data-arrows="true"
														data-bullets="false"
														data-stagepadding="0"
														data-stagepadding-xl="0"
														data-stagepadding-lg="0"
														data-rtl="false"
													>
														@foreach($portfolios ?? [] as $item)
														<div class="ct-carousel-item">
															<div class="grid-item-inner">
																<div class="item-featured">
																	<img class="" src="{{$item->featuredImage['src']}}" width="{{$item->featuredImage['width']}}" height="{{$item->featuredImage['height']}}" alt="{{$item->description}}" title="{{$item->title}}" />
																	<a href="{{$item->url}}" class="item-overlay"></a>
																</div>
																<div class="item-holder">
																	<h3 class="item-title">
																		<a href="{{$item->url}}">
																			{{$item->title}}
																		</a>
																	</h3>
																	<div class="item-category"><a href="{{$item->category->url}}" rel="tag">{{$item->category->title}}</a></div>
																</div>
															</div>
														</div>
														@endforeach

													</div>
													<div class="text-center" id="view_all_projects">
														<a href="/projects">View All Projects</a>
													</div>
													<style media="screen">
													div#view_all_projects {
background: #000;
padding: 40px 0;
}

div#view_all_projects a {
background: #8f7c4c;
line-height: 40px;
display: inline-block;
padding: 0 10px;
border: 1px solid #000;
color: #fff;
}
													</style>
												</div>
											</div>
										</div>
									</div>
									<div class="vc_row-full-width vc_clearfix"></div>
									<div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1552920422705 vc_row-has-fill bg-image-ps-inherit">
										<div class="wpb_column vc_column_container vc_col-sm-12">
											<div class="vc_column-inner vc_custom_1552920415316"><div class="wpb_wrapper"></div></div>
										</div>
									</div>
									<div class="vc_row-full-width vc_clearfix"></div>
									<div
										data-vc-full-width="true"
										data-vc-full-width-init="false"
										data-vc-parallax="1.8"
										data-vc-parallax-image="/wp-content/uploads/2019/03/bg-parallax-1-update.jpg"
										class="vc_row wpb_row vc_row-fluid vc_custom_1553652443041 vc_row-has-fill vc_general vc_parallax vc_parallax-content-moving bg-image-ps-center"
									>
									@php
										$text = 'text_'.config('app.locale');

										$c1 = \DB::table('great_counter')->where('id',1)->first();
										$c1->text = $c1->$text;

										$c2 = \DB::table('great_counter')->where('id',2)->first();
										$c2->text = $c2->$text;

										$c3 = \DB::table('great_counter')->where('id',3)->first();
										$c3->text = $c3->$text;

										$c4 = \DB::table('great_counter')->where('id',4)->first();
										$c4->text = $c4->$text;

										$c5 = \DB::table('great_counter')->where('id',5)->first();
										$c5->text = $c5->$text;


									@endphp
										<div class="wpb_column vc_column_container vc_col-sm-4 vc_col-lg-3 vc_col-md-3 rm-padding-lg">
											<div class="vc_column-inner vc_custom_1552924507632">
												<div class="wpb_wrapper">
													<div class="ct-textbox-layout1">
														<div class="ct-textbox-inner">
															<h3 class="ct-textbox-title">{{__('our')}} <cite>{{__('golden')}}</cite></h3>
															<div class="ct-textbox-number">
																{{$c1->counter}}
															</div>
															<h6 class="ct-textbox-sub-title">
																{{$c1->text}}
															</h6>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="wpb_column vc_column_container vc_col-sm-8 vc_col-lg-9 vc_col-md-9 rm-padding-lg">
											<div class="vc_column-inner vc_custom_1552924513372">
												<div class="wpb_wrapper">
													<div id="ct-space-5f9e2421a4e50" class="">
														<div class="ct-space"></div>
													</div>
													<div class="wpb_single_image wpb_content_element vc_align_center vc_custom_1589981077358 inherit inherit">
														<figure class="wpb_wrapper vc_figure">
															<a href="/" target="_self" class="vc_single_image-wrapper default vc_box_border_grey">
																<img width="251" height="101" src="/storage/logo.png" class="vc_single_image-img attachment-full" alt="" loading="lazy" />
															</a>
														</figure>
													</div>
													<div id="ct-space-5f9e2421a59f4" class="">
														<div class="ct-space"></div>
													</div>
													<div class="vc_row wpb_row vc_inner vc_row-fluid">
														<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3">
															<div class="vc_column-inner vc_custom_1552923835415">
																<div class="wpb_wrapper">
																	<div id="ct-counter" class="ct-counter ct-counter-default">
																		<div class="ct-counter-inner">
																			<span id="ct-counter-digit" class="ct-counter-digit" data-grouping="0" data-separator="" data-digit="{{$c2->counter}}" data-prefix="" data-suffix="+" style=""></span>
																			<h3 class="ct-counter-title" style="">
																				{{$c2->text}}
																			</h3>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3">
															<div class="vc_column-inner vc_custom_1552923825582">
																<div class="wpb_wrapper">
																	<div id="ct-space-5f9e2421a61f8" class="">
																		<div class="ct-space"></div>
																	</div>
																	<div id="ct-counter-2" class="ct-counter ct-counter-default">
																		<div class="ct-counter-inner">
																			<span id="ct-counter-2-digit" class="ct-counter-digit" data-grouping="0" data-separator="" data-digit="{{$c3->counter}}" data-prefix="" data-suffix="+" style=""></span>
																			<h3 class="ct-counter-title" style="">
																				{{$c3->text}}
																			</h3>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3">
															<div class="vc_column-inner vc_custom_1552923845488">
																<div class="wpb_wrapper">
																	<div id="ct-counter-3" class="ct-counter ct-counter-default">
																		<div class="ct-counter-inner">
																			<span id="ct-counter-3-digit" class="ct-counter-digit" data-grouping="0" data-separator="" data-digit="{{$c4->counter}}" data-prefix="" data-suffix="+" style=""></span>
																			<h3 class="ct-counter-title" style="">
																				{{$c4->text}}
																			</h3>
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-6 vc_col-lg-3 vc_col-md-3">
															<div class="vc_column-inner vc_custom_1552923854215">
																<div class="wpb_wrapper">
																	<div id="ct-space-5f9e2421a6be7" class="">
																		<div class="ct-space"></div>
																	</div>
																	<div id="ct-counter-4" class="ct-counter ct-counter-default">
																		<div class="ct-counter-inner">
																			<span id="ct-counter-4-digit" class="ct-counter-digit" data-grouping="0" data-separator="" data-digit="{{$c5->counter}}" data-prefix="" data-suffix="+" style=""></span>
																			<h3 class="ct-counter-title" style="">
																				{{$c5->text}}
																			</h3>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
													<div id="ct-space-5f9e2421a712a" class="">
														<div class="ct-space"></div>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="vc_row-full-width vc_clearfix"></div>
									<div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row vc_row-fluid vc_custom_1552920422705 vc_row-has-fill bg-image-ps-inherit">
										<div class="wpb_column vc_column_container vc_col-sm-12">
											<div class="vc_column-inner vc_custom_1553218849632"><div class="wpb_wrapper"></div></div>
										</div>
									</div>
									<div class="vc_row-full-width vc_clearfix"></div>
									<div class="vc_row wpb_row vc_row-fluid bg-image-ps-inherit">
										<div class="wpb_column vc_column_container vc_col-sm-12">
											<div class="vc_column-inner vc_custom_1553225917830">
												<div class="wpb_wrapper">
													<div class="vc_row wpb_row vc_inner vc_row-fluid">
														<div class="wpb_column vc_column_container vc_col-sm-3">
															<div class="vc_column-inner vc_custom_1553223877435">
																<div class="wpb_wrapper">
																	<div class="wpb_single_image wpb_content_element vc_align_left vc_custom_1553591829233 image_align_xs_center inherit">
																		<figure class="wpb_wrapper vc_figure">
																			<div class="vc_single_image-wrapper default vc_box_border_grey">
																				<img width="294" height="310" src="/Logo55155518454541215.png" class="vc_single_image-img attachment-full" alt="" loading="lazy" />
																			</div>
																		</figure>
																	</div>
																	<div id="ct-space-5f9e2421a873f" class="">
																		<div class="ct-space"></div>
																	</div>
																</div>
															</div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-9 rm-padding-md">
															<div class="vc_column-inner vc_custom_1553592012441">
																<div class="wpb_wrapper">
																	<div id="ct-heading-3" class="ct-heading style1 align-left align-left-md align-left-sm align-left-xs">
																		<h3 class="ct-heading-tag" style="font-size: 40px; line-height: 50px;">
																			{{__('We depends on our')}}<br />
																			<cite>{{__('in_projects')}}</cite>
																		</h3>
																		<div class="h-gap">
																			<span>
																				<i></i>
																				<i></i>
																				<i></i>
																				<i></i>
																			</span>
																		</div>
																	</div>
																	<div id="ct-space-5f9e2421a8dcc" class="">
																		<div class="ct-space"></div>
																	</div>
																</div>
															</div>
														</div>
														<div class="wpb_column vc_column_container vc_col-sm-12">
															<div class="vc_column-inner vc_custom_1553592012441">
																<div class="wpb_wrapper">
																	<div dir="ltr"
																		id="ct-client-carousel"
																		class="ct-client-carousel default owl-carousel"
																		data-item-xs="2"
																		data-item-sm="3"
																		data-item-md="3"
																		data-item-lg="4"
																		data-item-xl="4"
																		data-margin="45"
																		data-loop="true"
																		data-autoplay="true"
																		data-autoplaytimeout="10000"
																		data-smartspeed="600"
																		data-center="false"
																		data-arrows="true"
																		data-bullets="false"
																		data-stagepadding="0"
																		data-stagepadding-xl="0"
																		data-stagepadding-lg="0"
																		data-rtl="false"
																	>
																		@foreach ($logos ?? [] as $logo)
																		<div class="ct-client-item">
																			<a href="#" target="_self">
																				<img src="{{asset('storage/images/thumbnail/300/'.$logo->logo.'.webp')}}" alt="{{$logo->name_en}}" />
																				<span class="line-effect">
																					<span></span>
																				</span>
																			</a>
																		</div>
																		@endforeach

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



													</div>
												</div>
											</div>
										</div>
									</div>
									<br>
									<br>
									<br>



								</div>
								<!-- .entry-content -->
							</article>
							<!-- #post-8 -->
						</main>
						<!-- #main -->
					</div>
					<!-- #primary -->
				</div>
			</div>
		</div>
		<!-- #content inner -->
	</div>
	<!-- #content -->
<iframe style="margin-bottom:-20px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3705.4220238479447!2d39.11269491494524!3d21.763921785604772!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x15c163de4008dc4f%3A0x99fd20f19e23262e!2z2LTYsdmD2Kkg2KrYudmF2YrYsSDYp9mE2YXYqtmD2KfZhdmE2Kkg2YTZhNiq2LfZiNmK2LEg2KfZhNi52YLYp9ix2Yo!5e0!3m2!1sen!2seg!4v1628601402839!5m2!1sen!2seg" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
@endsection


@section('scripts')

@endsection

@section('styles')


@endsection