File: /home/richfield/www/resources/views/index.blade.php
@extends('layouts.app')
@section('content')
<!-- Banner ____________________________________ -->
<div id="banner" style="direction: ltr">
<div class="rev_slider_wrapper">
<!-- START REVOLUTION SLIDER 5.0 auto mode -->
<div id="main_slider" class="rev_slider" data-version="5.0">
<ul>
@forelse($sliders as $key => $slide)
<li data-index='rs-{{$key+1}}' data-transition='curtain-1' data-slotamount='@if($key == 0) 1 @else 7 @endif' data-easein='@if($key==0)default @else Power4.easeInOut @endif'
data-easeout='@if($key==0)default @else Power4.easeInOut @endif' data-masterspeed='default' data-thumb='{{Storage::disk('public')->url($slide->image)}}'
data-rotate='0' data-saveperformance='off' data-title='{{$slide->name}}' data-description='{{$slide->getTranslatedAttribute('description')}}'>
<!-- MAIN IMAGE -->
<img src="{{Storage::disk('public')->url($slide->image)}}" alt="image" data-bgposition="center center"
data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','35','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-120','-120','-120','-120']"
data-width="none"
data-height="none"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1000"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5;">
<img src="{{Storage::disk('public')->url($slide->icon)}}" alt="">
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','35','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['50','50','50','50']"
data-width="none"
data-height="none"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1500"
data-splitout="none"
data-responsive_offset="on"
data-elementdelay="0.05"
style="z-index: 5;">
<h1>{{$slide->getTranslatedAttribute('name')}}</h1>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','35','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['110','110','110','110']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-start="2000"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap;">
<h5 class="cp-title">{{$slide->getTranslatedAttribute('small_description')}}</h5>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','35','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['160','160','160','160']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_in="x:0px;y:[100%];"
data-mask_out="x:inherit;y:inherit;"
data-start="2500"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap;">
<h5 class="cp-title-2">{{$slide->getTranslatedAttribute('description')}}</h5>
</div>
</li>
@empty @endforelse
</ul>
</div>
</div><!-- END REVOLUTION SLIDER -->
</div> <!-- End of #banner -->
<!-- Request Quote ******************************* -->
<section class="why_choose_us" id="about">
<div class="theme_title_bg" style="background-image: url({{asset('images/background/1.jpg')}});">
<div class="theme_title center">
<div class="container">
<h2>{{TranslationHelper::translate('About us')}}</h2>
<p>
{{TranslationHelper::translate('The company is proud of the confidence of leading
international companies that seek to choose Richfield as an agent or
distributor for its vehicles out of conviction and confidence in the
company’s reputation which it has gained during its years of work in this
field.')}}
</p>
</div>
</div>
</div>
<div class="container">
<!-- End of .theme_title_center -->
<div class="row">
@forelse($abouts as $about)
<!-- ______________ Item _____________ -->
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="choose_us_item tran3s">
<div class="icon p_color_bg border_round float_left">
<img src="{{Storage::disk('public')->url($about->icon)}}">
</div> <!-- End of .icon -->
<div class="text float_left">
<h5 class="tran3s">{{$about->getTranslatedAttribute('name')}}</h5>
<p class="tran3s">{{$about->getTranslatedAttribute('description')}}</p>
</div> <!-- End of .text -->
<div class="clear_fix"></div>
</div> <!-- End of .choose_us_item -->
</div> <!-- End of .col -->
@empty @endforelse
</div>
</div> <!-- End of .container -->
</section> <!-- End of why chooreus -->
<section style="background-image: url({{asset('images/background/1.jpg')}});">
<div class="container">
<div class="theme_title" style="margin-top: 20px;">
<h3>{{TranslationHelper::translate('Our Partners')}}</h3>
</div>
</div>
<div class="partners wow fadeInUp" style="direction: ltr">
<div class="container">
<div id="partner_logo" class="owl-carousel owl-theme">
@forelse($partners as $partner )
<div class="item"><img src="{{Storage::disk('public')->url($partner->logo)}}" alt="logo"></div>
@empty @endforelse
</div> <!-- End .partner_logo -->
</div>
</div>
</section>
<!--feature Section-->
<section class="featured-product" id="products">
<div class="container">
<div class="theme_title center">
<h3>{{TranslationHelper::translate('Our Products')}}</h3>
</div>
<!--Filter-->
<div class="filters text-center">
<ul class="filter-tabs filter-btns clearfix">
<li class="filter active" data-role="button" data-filter="all"><span class="txt">{{TranslationHelper::translate('All Products')}}</span>
</li>
@forelse($productCategories as $cat)
<li class="filter" data-role="button" data-filter=".cat_{{$cat->id}}"><span class="txt">{{$cat->getTranslatedAttribute('name')}}</span></li>
@empty @endforelse
</ul>
</div>
<div class="row filter-list clearfix" id="MixItUp717B05">
<!--Default Item-->
@forelse($products as $product)
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 mix mix_all default-item all cat_{{$product->category->id}}"
style="display: inline-block;">
<div class="inner-box">
<div class="single-item center">
<figure class="image-box"><img src="{{Storage::disk('public')->url($product->image)}}" alt="">
</figure>
<div class="content">
<h3><a href="#">{{$product->getTranslatedAttribute('name')}}</a></h3>
</div>
<div class="overlay-box">
<div class="inner">
<div class="top-content">
{{-- <ul>--}}
{{-- <li><a href="#" data-toggle="modal" data-target=".bs-example-modal-lg" data-product="{{ json_encode($product) }}"><span class="fa fa-eye"></span></a></li>--}}
{{-- </ul>--}}
</div>
<div class="bottom-content">
<p>{{$product->getTranslatedAttribute('description')}} </p>
</div>
</div>
</div>
</div>
</div>
</div>
@empty @endforelse
<!--Default Item-->
</div>
</div>
</section><!-- End of section -->
<!--gallery Section-->
<section class="gallery" id="gallery">
<div class="container">
<div class="theme_title">
<h3>{{TranslationHelper::translate('Our Gallery')}}</h3>
</div>
<div class="row filter-list clearfix">
@forelse($gallery as $photo)
<!--Default Item-->
<div class="col-md-4 col-sm-6 col-xs-12 mix mix_all default-item all beauty others"
style="display: inline-block;">
<div class="inner-box">
<div class="single-item center">
<figure class="image-box"><img style="height:300px; width:400px" src="{{Storage::disk('public')->url($photo->image)}}" alt=""></figure>
<div class="overlay-box">
<div class="inner">
<div class="image-view">
<div class="icon-holder">
<a href="{{Storage::disk('public')->url($photo->image)}}" class="fancybox"
data-fancybox-group="home-gallery" title="{{$photo->getTranslatedAttribute('name')}}"><span
class="icon-magnifier"></span></a>
</div>
</div>
<div class="bottom-content">
<h4><a href="#">{{$photo->getTranslatedAttribute('name')}}</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
@empty @endforelse
</div>
</div>
</section><!-- End of section -->
<section class="single-contact_us" id="contact">
<div class="container-fluid">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="left_contact">
<div class="theme-title ">
<h3>{{TranslationHelper::translate('Get In Touch')}}</h3>
</div>
<br>
<ul class="list catagories">
<li><a href="#">
<i class="fa fa-home color1"></i>
{{app()->getLocale() == 'en' ? setting('social.address') : setting('social.address_ar')}}
</a>
</li>
<li><a href="mailto:{{setting('social.email')}}"><i
class="fa fa-envelope color1"></i><span>{{setting('social.email')}}</span></a>
</li>
<li><a href="tel:{{setting('social.phone')}}"><i
class="fa fa-phone color1"></i>{{setting('social.phone')}}</a></li>
</ul>
<div class="border-area">
<h6>{{TranslationHelper::translate('Working Hours')}}</h6>
<div class="list Business">
<p> {{app()->getLocale() == 'en' ? setting('site.working_days') : setting('site.working_days_ar')}}<br>
{{app()->getLocale() == 'en' ? setting('site.weekend') : setting('site.weekend_ar')}}
: <span>{{TranslationHelper::translate('Closed')}}</span></p>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="contact_in-box">
<div class="theme-title ">
<h2>{{ TranslationHelper::translate('Send us a message') }}</h2>
</div>
<form action="{{route('contact')}}" method="post" id="contactform">
@csrf
<div class="row">
<div class="col-md-6">
<input name="name" type="text"
placeholder="{{TranslationHelper::translate('Your Name*')}}">
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<input name="email" type="text"
placeholder="{{TranslationHelper::translate('Your Email*')}}">
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<input name="phone" type="text"
placeholder="{{TranslationHelper::translate('Phone')}}">
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<input name="subject" type="text"
placeholder="{{TranslationHelper::translate('Subject')}}">
</div>
<!-- /.col-md-6 -->
<div class="col-md-12">
<textarea name="comment"
placeholder="{{TranslationHelper::translate('Comments')}}"></textarea>
</div>
<!-- /.col-md-12 -->
<div class="col-md-12">
<button type="submit"
class="color1_bg">{{TranslationHelper::translate('Submit')}}</button>
</div>
<!-- /.col-md-12 -->
</div>
<!-- /.row -->
</form>
</div>
</div>
<div class="col-md-5 col-sm-6 col-xs-12">
<div class="theme-title " style="padding: 10px">
<h3> <i class="fa fa-map-marker"></i> {{ TranslationHelper::translate('Location') }}</h3>
</div>
<iframe
src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3442.227401883447!2d30.497695875566425!3d30.372899974759797!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMzDCsDIyJzIyLjQiTiAzMMKwMzAnMDEuMCJF!5e0!3m2!1sen!2ssa!4v1701948300107!5m2!1sen!2ssa"
width="100%" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</section>
@endsection
@push('js')
{!! JsValidator::formRequest('App\Http\Requests\ContactRequest') !!}
@endpush