@extends('layout.home')

@section('title', 'About')

@section('content')

<!-- Intro -->
<section class="section-wrap intro pb-0">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 mb-50">
          <h2 class="intro-heading">about our shop</h2>
          <p>{{$about->deskripsi}}</p>
        </div>
        <div class="col-sm-3 col-sm-offset-1">
          <span class="result">10</span>
          <p>Years on Global Market.</p>
          <span class="result">45</span>
          <p>Partners are Working With Us.</p>
        </div>
      </div>
      <hr class="mb-0">
    </div>
  </section> <!-- end intro -->

  <!-- Promo Section -->
  <section class="section-wrap promo-bg" style="background-image:url(/frontend/img/promo_2_bg.jpg);">
    <div class="container text-center">
      <div class="table-box">
        <h2 class="heading-frame white">The best ideas</h2>
      </div>
    </div>
  </section> <!-- end promo section -->

  <!-- Testimonials -->
  <section class="section-wrap testimonials">
    <div class="container">

      <div class="row heading-row mb-20">
        <div class="col-md-6 col-md-offset-3 text-center">
          <span class="subheading">Hot Customers</span>
          <h2 class="heading bottom-line">Happy Clients</h2>
        </div>
      </div>

      <div id="owl-testimonials" class="owl-carousel owl-theme owl-dark-dots text-center">
        @foreach ($testimonies as $testimony)                   
        <div class="item">
          <div class="testimonial">
            <p class="testimonial-text">{{$testimony->deskripsi}}</p>
            <span>{{$testimony->nama_testimoni}}</span>
          </div>
        </div>
        @endforeach
      </div>
    </div>

  </section> <!-- end testimonials -->

@endsection
