<?php $__env->startSection("style"); ?>
    
<?php $__env->stopSection(); ?>
<?php $__env->startSection('pageTitle'); ?>
<title><?php echo e(trans('panel.site_title')); ?> <?php echo e(trans('new.home')); ?></title>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

  <?php echo $__env->make('frontend/include/banner', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    
    <!-- Banner -->

    <section class="event_section">
      <div class="ccontainer">
        <div class="crow g-0 mb_1">
          <div class="ccol ccol-lg-6 ccol-sm-8 mx-auto py-0">
            <h2 class="border-top mb_1"><?php echo e(trans('frontend.line_up')); ?> <?php echo e(count($artist_list)); ?></h2>
          </div>
        </div>
        <?php if(count($artist_list) >= 3): ?>
          <div class="crow g-0 mb-1 justify-content-center">
            <div class="ccol ccol-lg-2">
              <?php
                $artist_image = URL::asset('frontend/images/event_1.jpg');
                if(!empty($artist_list[0]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[0]->id.'/'.$artist_list[0]->artist_image); }
              ?>
              <div class="event_card event_card_1 mb-2" style="background-image:url('<?php echo e($artist_image); ?>')">
                <div class="event_card_cnt animate">
                  <!-- <div class="date">Sept 10, 2022</div> -->
                  <h3><?php echo e($artist_list[0]->artist_title); ?></h3>
                  <a href="artist_detail.php" class="cbtn cbtn-bdr-light"><?php echo e(trans('frontend.learn_more')); ?> <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
                </div>
              </div>  
              <?php
                $artist_image = URL::asset('frontend/images/event_1.jpg');
                if(!empty($artist_list[1]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[1]->id.'/'.$artist_list[1]->artist_image); }
              ?>
              <div class="event_card event_card_1" style="background-image:url('<?php echo e($artist_image); ?>')">
                <div class="event_card_cnt animate">
                  <!-- <div class="date">Sept 10, 2022</div> -->
                  <h3><?php echo e($artist_list[1]->artist_title); ?></h3>
                  <a href="artist_detail.php" class="cbtn cbtn-bdr-light"><?php echo e(trans('frontend.learn_more')); ?> <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
                </div>
              </div>            
            </div>
            <?php
                $artist_image = URL::asset('frontend/images/event_1.jpg');
                if(!empty($artist_list[2]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[2]->id.'/'.$artist_list[2]->artist_image); }
              ?>
            <div class="ccol ccol-lg-4">   
              <div class="event_card ml-2" style="background-image:url('<?php echo e($artist_image); ?>')">
                <div class="event_card_cnt animate">
                  <!-- <div class="date">Sept 10, 2022</div> -->
                  <h3><?php echo e($artist_list[2]->artist_title); ?></h3>
                  <a href="artist_detail.php" class="cbtn cbtn-bdr-light"><?php echo e(trans('frontend.learn_more')); ?> <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
                </div>
              </div>         
            </div>
          </div>
        <?php endif; ?>

        <?php if(count($artist_list) >= 5 || count($artist_list) <= 2): ?>
        

        <div class="crow g-0 justify-content-center">
          <div class="ccol ccol-lg-4">   
              <?php
                $artist_image = URL::asset('frontend/images/event_1.jpg');
                if(!empty($artist_list[3]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[3]->id.'/'.$artist_list[3]->artist_image); }
              ?>
            <div class="event_card mr-2" style="background-image:url('<?php echo e($artist_image); ?>')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3><?php echo e($artist_list[3]->artist_title); ?></h3>
                <a href="artist_detail.php" class="cbtn cbtn-bdr-light"><?php echo e(trans('frontend.learn_more')); ?> <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>         
          </div>
          <div class="ccol ccol-lg-2">          
            <?php
              $artist_image = URL::asset('frontend/images/event_1.jpg');
              if(!empty($artist_list[4]->artist_image)){ $artist_image = URL::asset('Artist/'.$artist_list[4]->id.'/'.$artist_list[4]->artist_image); }
            ?>
            <div class="event_card event_card_2 mb-2" style="background-image:url('<?php echo e($artist_image); ?>')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3><?php echo e($artist_list[4]->artist_title); ?></h3>
                <a href="artist_detail.php" class="cbtn cbtn-bdr-light"><?php echo e(trans('frontend.learn_more')); ?> <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>            
          </div>
        </div>
        <?php endif; ?>
        

        

        <?php /*
        <div class="crow g-0 mb-1 justify-content-cente d-none hide" style="display:none;">
          <div class="ccol ccol-lg-4">   
            <div class="event_card mr-2" style="background-image:url('images/event_2.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>Porter Robinson</h3>
                <a href="artist_detail.php" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>         
          </div>
          <div class="ccol ccol-lg-2">          
            <div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>REZZ</h3>
                <a href="artist_detail.php" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>  
            <div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>Blood Orange</h3>
                <a href="artist_detail.php" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>            
          </div>
        </div>

        <div class="crow g-0 mb-1 justify-content-center">
          <div class="ccol ccol-lg-2">          
            <div class="event_card event_card_1 mb-2" style="background-image:url('images/event_1.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>REZZ</h3>
                <a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>  
            <div class="event_card event_card_1" style="background-image:url('images/event_1.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>Blood Orange</h3>
                <a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>            
          </div>
          <div class="ccol ccol-lg-2">   
            <div class="event_card event_card_4 mb-2 ml-2" style="background-image:url('images/event_3.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>Jacob Collier</h3>
                <a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>          
          </div>
          <div class="ccol ccol-lg-2">   
            <div class="event_card event_card_4 mb-2 ml-2" style="background-image:url('images/event_3.jpg')">
              <div class="event_card_cnt animate">
                <!-- <div class="date">Sept 10, 2022</div> -->
                <h3>Jacob Collier</h3>
                <a href="#" class="cbtn cbtn-bdr-light">Learn More <span><img src="{{ URL::asset('frontend/images/arrow.svg') }}" alt="arrow" class="img-svg" /></span></a>
              </div>
            </div>        
          </div>
        </div> */ ?>

      </div>
    </section>

    <section class="volunteer_section">
      <div class="ccontainer">
        <div class="crow g-0">
          <div class="ccol ccol-lg-6 ccol-md-8 mx-auto"> 
            <div class="crow">
              <div class="ccol ccol-lg-8 py-0"> 
                <h2 class="border-top">Volunteer Opportunities</h2>
              </div>
            </div>
            <div class="crow">
              <div class="ccol ccol-lg-4">
                <div class="map_area">
                  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14718.970223205368!2d75.8881536693115!3d22.737808319903124!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m3!3e0!4m0!4m0!5e0!3m2!1sen!2sin!4v1647254326926!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
              </div>
              <div class="ccol ccol-lg-4">
                <table class="table">
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                  <tr>
                    <th>Stock Food Pantry</th>
                    <td class="text-right"><a href="details.php" class="cbtn cbtn-text-primary px-0">Get started <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a></td>
                  </tr>
                </table>
              </div>
            </div>
          </div>
        </div>

        <div class="crow g-0 navigation_cnt">
          <div class="ccol ccol-lg-4 mx-auto py-0">
            <div class="crow g-0 burger">
              <div class="d-flex">
                <h3><span>🡢</span>Give back to your community.</h3>
                <div class="bannerslider__navigation">
                  <p>All proceeds from LIFT are reinvested into our community. Support our work with a tax-deductible donation today</p>
                  <a href="#" class="cbtn cbtn-primary mr-1">Donate <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
                  <a href="details.php" class="cbtn cbtn-text-primary">Learn more <span><img src="<?php echo e(URL::asset('frontend/images/arrow.svg')); ?>" alt="arrow" class="img-svg" /></span></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section class="sponsors_section bg-primary">
      <div class="ccontainer">
        <div class="crow g-0">
          <div class="ccol ccol-lg-6 mx-auto py-0"> 
              <h2 class="border-top border-white text-white mt-1">Sponsors</h2>
              <div class="swiper sponsors_slider burger">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"> <a href="#"><img src="<?php echo e(URL::asset('frontend/images/client_1.png')); ?>" alt="logo" /></a> </div>
                    <div class="swiper-slide"> <a href="#"><img src="<?php echo e(URL::asset('frontend/images/client_2.png')); ?>" alt="logo" /></a> </div>
                    <div class="swiper-slide"> <a href="#"><img src="<?php echo e(URL::asset('frontend/images/client_3.png')); ?>" alt="logo" /></a> </div>
                    <div class="swiper-slide"> <a href="#"><img src="<?php echo e(URL::asset('frontend/images/client_4.png')); ?>" alt="logo" /></a> </div>
                    <div class="swiper-slide"> <a href="#"><img src="<?php echo e(URL::asset('frontend/images/client_5.png')); ?>" alt="logo" /></a> </div>
                    <div class="swiper-slide"> <a href="#"><img src="<?php echo e(URL::asset('frontend/images/client_6.png')); ?>" alt="logo" /></a> </div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <?php if($partnars->count()): ?>
      <section class="partners_section bg-secondary">
        <div class="ccontainer">
          <div class="crow g-0">
            <div class="ccol ccol-lg-6 mx-auto py-0"> 
                <h2 class="border-top border-white text-white mt-1"><?php echo e(trans('frontend.nonprofit')); ?>Nonprofit Partners</h2>
                <div class="swiper partners_slider burger">
                  <div class="swiper-wrapper">
                    <?php $__currentLoopData = $partnars; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $organization): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <?php if(!empty($organization->org_logo)): ?>
                        <div class="swiper-slide"> 
                          <a href="#">
                            <img src="<?php echo e(URL::asset('Profile/'.$organization->id.'/'.$organization->org_logo)); ?>" alt="<?php echo e($organization->org_name); ?>" />
                          </a> 
                        </div>
                      <?php endif; ?>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>  
                  </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    <?php endif; ?>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
  <script type="text/javascript">
    $(document).ready(function(){
      $(".inner_nav a").removeClass("active")
      $("#home").addClass("active");
    });
    
    /*Banner Slider*/
      var swiper = new Swiper(".banner", {
      centeredSlides: true,
      //effect: "fade",
      loop: false,
      autoplay: {
        delay: 5000,
        disableOnInteraction: false,
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });

    /*Sponsors logo*/
    var swiper = new Swiper(".sponsors_slider", {
      slidesPerView: 2,
      spaceBetween: 10,
      loop: true,
      speed: 2000,
      autoplay: {
        delay: 0,
        disableOnInteraction: false,
      },
      breakpoints: {
        640: {
          slidesPerView: 2,
          spaceBetween: 20,
        },
        768: {
          slidesPerView: 4,
          spaceBetween: 40,
        },
        1024: {
          slidesPerView: 6,
          spaceBetween: 50,
        },
      },
    });

    /*Parterner logo*/
    var swiper = new Swiper(".partners_slider", {
      slidesPerView: 2,
      spaceBetween: 10,
      loop: true,
      speed: 2000,
      autoplay: {
        delay: 0,
        disableOnInteraction: false,
      },
      breakpoints: {
        640: {
          slidesPerView: 2,
          spaceBetween: 20,
        },
        768: {
          slidesPerView: 4,
          spaceBetween: 40,
        },
        1024: {
          slidesPerView: 6,
          spaceBetween: 50,
        },
      },
    });
  </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.layout1', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/imensosw/liftcincy.imenso.co/resources/views/frontend/home.blade.php ENDPATH**/ ?>