<div>
    <?php
        $company = $this->company;
        $page = $this->page;
        $vision = $this->vision;
        $mission = $this->mission;
        $goals = $this->goals;
    ?>
    
   <!-- breadcrumb-area -->
   <section class="breadcrumb__area breadcrumb__bg" data-background="<?php echo e(url('/')); ?>/assets/img/bg/breadcrumb__bg.jpg">
      <div class="container">
            <div class="row">
               <div class="col-12">
                  <div class="breadcrumb__content">
                        <h2 class="title">About Us</h2>
                  </div>
               </div>
            </div>
      </div>
   </section>
   <!-- breadcrumb-area-end -->

   <!-- about-area -->
   <section class="about__area section-py-140 p-relative">
      <div class="container">
            <div class="row justify-content-center align-items-center">
               <div class="col-lg-6 col-md-12">
                  <div class="about__img-three">
                        <img src="<?php echo e(url('/')); ?>/public/storage/<?php echo e($this->page->thumbnail); ?>" alt="img" class="main-img" data-sal="slide-right" data-sal-duration="700" data-sal-delay="100">
                  </div>
               </div>
               <div class="col-lg-6 col-md-12">
                  <div class="about__content-three">
                        <div class="section__title mb-20">
                           <span class="sub-title">WHO WE ARE</span>
                           <h2 class="title"><?php echo e($company->name); ?></h2>
                        </div>
                        <p><?php echo $page->description; ?></p>
                  </div>
               </div>
            </div>
      </div>
   </section>
   <!-- about-area-end -->
    <!-- work-area -->
    <section class="work__area">
        <div class="container">
            <div class="work__item-wrap section-bg" data-background="<?php echo e(url('/')); ?>/assets/img/bg/bg_shape.svg">
                <div class="row gutter-y-30 gutter-12">
                    <div class="col-lg-6">
                        <div class="work__item">
                            <div class="work__content">
                                <h2 class="title" style="font-weight: 600;">OUR VISION</h2>
                                <p style="text-align: justify;"><?php echo $vision->description; ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="work__item">
                            <div class="work__content">
                                <h2 class="title" style="font-weight: 600;">OUR MISSION</h2>
                                <p style="text-align: justify;"><?php echo $mission->description; ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- work-area-end -->
    <!-- brand-area -->
   <div class="brand__area p-relative fix">
      <div class="container">
            <div class="row justify-content-center">
               <div class="col-xl-6 col-lg-6">
                  <div class="section__title text-center mb-40">
                        <span class="sub-title">Trusted By Businesses and Organizations.</span>
                  </div>
               </div>
            </div>
            <div class="brand__active swiper-container fix" id="brandSlider" data-swiper-options='{
               "loop": true,
               "autoplay": { "delay": 2000 },
               "breakpoints": {
                  "0": {
                        "spaceBetween": 0,
                        "slidesPerView": 1
                  },
                  "375": {
                        "spaceBetween": 20,
                        "slidesPerView": 2
                  },
                  "575": {
                        "spaceBetween": 20,
                        "slidesPerView": 3
                  },
                  "768": {
                        "spaceBetween": 20,
                        "slidesPerView": 4
                  },
                  "992": {
                        "spaceBetween": 20,
                        "slidesPerView": 6
                  },
                  "1400": {
                        "spaceBetween": 20,
                        "slidesPerView": 6
                  }
               }}'>
               <div class="swiper-wrapper">

                  <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $this->clients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $client): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                     <div class="swiper-slide">
                           <div class="brand__item">
                              <img src="<?php echo e(url('/')); ?>/public/storage/<?php echo e($client->logo); ?>" alt="img">
                           </div>
                     </div>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                  
               </div>
            </div>
      </div>
   </div>
   <!-- brand-area-end -->
</div>
<?php /**PATH /home/niifam/preview.niifam.co.tz/resources/views/livewire/about-us.blade.php ENDPATH**/ ?>