@extends('layouts.visitormaster')
@section('title','Durga Bhawani Dashboard')

@section('visitorcontent')



<div class="hero-area">
    <div class="welcome-slides owl-carousel">
	@foreach($sliders as $slider)
      <div class="single-welcome-slides bg-img bg-overlay jarallax" style="background-image: url({{asset('uploads/sliders/'.$slider->image)}});">
        <div class="container h-100">
          <div class="row h-100 align-items-center">
            <div class="col-12 col-lg-10">
              <div class="welcome-content">
                <h2 data-animation="fadeInUp" data-delay="200ms">{{$slider->title}}</h2>
                <p data-animation="fadeInUp" data-delay="400ms">{!!$slider->description!!}</p>
                <a href="{{$slider->link}}" class="btn famie-btn mt-4" data-animation="bounceInUp" data-delay="600ms">Read More</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      @endforeach
</div>
</div>



<section class="about-us-area">
    <div class="container">
      <div class="row align-items-center">

        <!-- About Us Content -->
        <div class="col-12 col-md-12">
          <div class="about-us-content mb-100 mt-100">
            <!-- Section Heading -->
            <div class="section-heading">
              <p>{{$intro->title}}</p>
              <h2>{!!$intro->subtitle!!}</h2>
            </div>
            <img class="home-about" src="{{ asset('uploads/intro/'.$intro->image) }}"> 
            
            {!!$intro->description!!}
          </div>
        </div>
      </div>
    </div>
  </section>



  <section class="services-area d-flex flex-wrap donation">
    <div class="services-thumbnail bg-img jarallax" style="background-image: url('{{ asset('uploads/dontaion/'.$dontaion->image) }}');"></div>
    <div class="services-content section-padding-100-50 px-5">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <div class="section-heading">
              <p>{{$dontaion->title}}</p>
              <h2>{!!$dontaion->subtitle!!}</h2>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-12 mb-50">
            {!!$dontaion->description!!}
              <a href="{{url('/donation')}}" class="btn famie-btn mt-30">Donate Us</a>
          </div>
        </div>
      </div>
    </div>
  </section>



  <section class="farming-practice-area section-padding-100-50">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <!-- Section Heading -->
          <div class="section-heading text-center">
            <p>{{$activity->title}}</p>
            <h2>{!!$activity->subtitle!!}</h2>
          </div>
        </div>
      </div>

      <div class="row">
      	@foreach($activities as $activitie)
        <div class="col-12 col-sm-6 col-lg-4" onclick="window.location.href='{{url('/activity')}}'">
          <div class="single-farming-practice-area mb-50 wow fadeInUp" data-wow-delay="100ms">
            <!-- Thumbnail -->
            <div class="farming-practice-thumbnail">
              <img src="{{asset('uploads/activities/'.$activitie->image)}}" alt="">
            </div>
            <!-- Content -->
            <div class="farming-practice-content text-center">
              <h4>{{$activitie->title}}</h4>
              {{$activitie->ShortDes}}
            </div>
          </div>
        </div>
        @endforeach

        <div class="col-12 col-sm-12 col-lg-12 text-center">
          <a href="{{url('/activity')}}" class="btn famie-btn mt-30">More Activities</a>
        </div>
      </div>
    </div>
  </section>
  @endsection