@extends('front.layout.master')
@section('meta_tags')
<title>About us - Artiner</title>
<meta content="" name="description" />
@endsection
@section('body')
<link href="{{ url('giga/css/about.css') }}" rel="stylesheet" type="text/css" />
<div class="no-bottom no-top">
   <section id="section-hero" class="no-bottom section_mt" aria-label="section">
   <div class="container">
      <div class="spacer-half"></div>
      <div class="body-content">
         <div class="container-fluid">
            <div class="contact-page">
               <div class="row">
                  <div class="site-wrap">
                     <div id="banner-area" class="about-banner-area">
                        <img src="https://artiner-prod.s3.ap-south-1.amazonaws.com/images/about.webp" alt="">
                        <div class="parallax-overlay"></div>
                        <div class="banner-title-content">
                           <div class="text-center text-white">
                              <h1 style="font-size: 36px;letter-spacing: 0.5px;">{{ __('staticwords.Welcome to Magical world of Art') }}</h1>
                              <nav aria-label="breadcrumb">
                                 <ol class="breadcrumb justify-content-center">
                                    <li class="breadcrumb-item"><a href="{{ url('/') }}">{{ __('staticwords.Home') }}</a></li>
                                    <li class="breadcrumb-item text-white active" aria-current="page">{{ __('staticwords.AboutUs') }}</li>
                                 </ol>
                              </nav>
                           </div>
                        </div>
                     </div>
                     <div class="site-section cta-big-image">
                        <div class="container">
                           <div class="row mb-5">
                              <div class="col-12 text-center">
                                 <h2 class="section-title section-title-Discover section-title-Discover-about mt-3">{{ __('staticwords.Our Masterpiece collection') }}</h2>
                                 <p class="mt-3">{{ __('staticwords.descriptionText1') }}. <br/>
                                    <b>{{ __('staticwords.We create') }}.</b><br/>
                                    {{ __('staticwords.descriptionText2') }}.
                                 </p>
                              </div>
                           </div>
                           <div class="row art-factory-img-serction">
                              @if(count($products)>0)
                              @isset($products)
                              @foreach ($products as $product)
                              <div class="col-md-4">
                                 <div class="card">
                                    @if($product->thumbnail != '')
                                    @if($product->thumbnail != '' && file_exists(public_path().'/images/simple_products/'.$product->thumbnail))
                                    <img style="height: 235px;width: 500px" class="art-factory-img" src="{{ url('images/simple_products/' . $product->thumbnail) }}" alt="{{$product->product_name}}">
                                    @else
                                    <img style="height: 235px;width: 500px" class="art-factory-img" src="{{ url($product->thumbnail) }}" alt="{{$product->product_name}}">
                                    @endif
                                    @else
                                    <img style="height: 235px;width: 500px" class="art-factory-img" src="{{ url('images/no-image.png/') }}" alt="No Image">
                                    @endif
                                    <div class="card-body">
                                       @php
                                       $category = App\Category::with('simpleproducts')->where('id','=',$product->category_id)->first();
                                       $cat_slug = str_slug($category->title, '-', app()->getLocale());
                                       $subcategory =App\Subcategory::with('simpleproducts')->where('id','=',$product->subcategory_id)->first();
                                       $subcat_slug = str_slug($subcategory->title, '-', app()->getLocale());      
                                       @endphp
                                       <a href="{{ route('show.product',['id' => $product->id,'category' => $cat_slug,'subcategory' => $subcat_slug, 'slug' => $product->slug]) }}" title="{{$product->product_name}}" rel="noopener noreferrer" class="card-icon">
                                          <svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                             <path d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"></path>
                                          </svg>
                                       </a>
                                    </div>
                                 </div>
                              </div>
                              @endforeach
                              @endisset
                              @endif
                           </div>
                        </div>
                     </div>
                     <div class="site-section cta-big-image">
                        <div class="container">
                           <div class="row mb-3">
                              <div class="col-12">
                                 <h2 class="section-title section-title-Discover section-title-Discover-about02" style="font-size: 25px;">{{ __('staticwords.What make us different') }}?</h2>
                                 <p class="mt-3">{{ __('staticwords.descriptionText3') }}.</p>
                              </div>
                           </div>
                           <div class="row">
                              <div class="col-md-6">
                                 <h2 class="about-section-title0066">
                                    {{ __('staticwords.Incredible Art Every Time') }}
                                 </h2>
                                 <p class="about-section-p00669">{{ __('staticwords.descriptionText4') }}.</p>
                                 <div class="about-ripple-btn">
                                    <a href="{{ url('artworks') }}" class="btn btn-small btn-golden btn-mobile">
                                       {{ __('staticwords.Shop Now') }}
                                    </a>
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <img src="https://artiner-prod.s3.ap-south-1.amazonaws.com/images/Untitled-3.png" width="100%" />
                              </div>
                              <div class="spacer-double"></div>
                              <div class="col-md-6">
                                 <img src="https://artiner-prod.s3.ap-south-1.amazonaws.com/images/Untitled-4.png" width="100%" />
                              </div>
                              <div class="col-md-6">
                                 <h2 class="about-section-title0066">{{ __('staticwords.Delight, at every step') }}</h2>
                                 <p class="about-section-p00669">{{ __('staticwords.descriptionText5') }}.</p>
                                 <div class="about-ripple-btn">
                                    <a href="{{ url('artworks') }}" class="btn btn-small btn-golden btn-mobile">
                                       {{ __('staticwords.Shop Now') }}
                                    </a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="spacer-double"></div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>
</div>
@endsection