@extends('front.app')
@section('content')
@include('front.homepage._elements.banner')

@include('front.homepage._elements.download')
@include('front.homepage._elements.news')

@include('front.homepage._elements.gallery')

@include('front.homepage._elements.features')

<section class="wrapper bg-light">
  <div class="container">
    <div class="row gx-lg-0 gy-10 align-items-center">
      <div class="col-lg-6">
        <div class="row g-6 text-center">
          <div class="col-md-6">
            <div class="card shadow-lg mb-6">
              <figure class="card-img-top overlay overlay-1">
                <a href="{{ route('pages.events.all') }}"><img class="img-fluid" src="{{asset('front/img/concert.jpg')}}" alt="" /></a>
                <figcaption>
                  <h5 class="from-top mb-0">{{ trans('module.home_card_text') }}</p></h5>
                </figcaption>
              </figure>
              <div class="card-body p-4">
                <h3 class="h4 mb-0">{{ trans('module.home_card_1') }}</h3>
              </div>
              <!--/.card-body -->
            </div>
            <!-- /.card -->
            <div class="card shadow-lg">
              <figure class="card-img-top overlay overlay-1">
                <a href="{{ route('turism.churches.all') }}"><img class="img-fluid" src="{{asset('img/biserica_ortodoxa.jpg')}}" alt="" /></a>
                <figcaption>
                  <h5 class="from-top mb-0">{{ trans('module.home_card_text') }}</h5>
                </figcaption>
              </figure>
              <div class="card-body p-4">
                <h3 class="h4 mb-0">{{ trans('module.home_card_3') }}</h3>
              </div>
              <!--/.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /column -->
          <div class="col-md-6">
            <div class="card shadow-lg mt-md-6 mb-6">
              <figure class="card-img-top overlay overlay-1">
                <a href="{{ route('interests.restaurants.all') }}"><img class="img-fluid" src="{{asset('front/img/restaurants/r2.jpg')}}" alt="" /></a>
                <figcaption>
                  <h5 class="from-top mb-0">{{ trans('module.home_card_text') }}</h5>
                </figcaption>
              </figure>
              <div class="card-body p-4">
                <h3 class="h4 mb-0">{{ trans('module.home_card_2') }}</h3>
              </div>
              <!--/.card-body -->
            </div>
            <!-- /.card -->
            <div class="card shadow-lg">
              <figure class="card-img-top overlay overlay-1">
                <a href="{{ route('interests.schools.all') }}"><img class="img-fluid" src="{{asset('img/Scoli.jpg')}}" alt="" /></a>
                <figcaption>
                  <h5 class="from-top mb-0">{{ trans('module.home_card_text') }}</h5>
                </figcaption>
              </figure>
              <div class="card-body p-4">
                <h3 class="h4 mb-0">{{ trans('module.home_card_4') }}</h3>
              </div>
              <!--/.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /column -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /column -->
      <div class="col-lg-5 offset-lg-1">
        <h2 class="display-5 mb-3">{{ trans('module.home_title_1') }}</h2>
        <p class="lead fs-lg">{{ trans('module.home_text_1') }}</p>
        <p>{{ trans('module.home_text_2') }}</p>
        <p>{{ trans('module.home_text_3') }}</p>
        <p>{{ trans('module.home_text_4') }}</p>
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>
<!-- /section -->
<section class="wrapper bg-light">
  <div class="container py-14 py-md-16">
    <div class="row">
      <div class="col-xl-10 mx-auto red-color-background">
        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 red-color-background" data-image-src="{{asset('front/img/photos/bg3.jpg')}}">
          <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start red-color-background">
            <h3 class="display-6 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white">{{ trans('module.home_title_bottom_1') }}</h3>
            <a href="{{route('survey.index')}}" class="btn btn-white rounded-pill mb-0 text-nowrap">{{ trans('module.home_text_bottom_1') }}</a>
          </div>
          <!--/.card-body -->
        </div>
        <!--/.card -->
      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
    <div class="row mt-5">
      <div class="col-xl-10 mx-auto red-color-background">
        <div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 red-color-background" data-image-src="{{asset('front/img/photos/bg3.jpg')}}">
          <div class="card-body p-6 p-md-11 d-lg-flex flex-row align-items-lg-center justify-content-md-between text-center text-lg-start red-color-background">
            <h3 class="display-6 mb-6 mb-lg-0 pe-lg-10 pe-xl-5 pe-xxl-18 text-white">{{ trans('module.home_title_bottom_2') }}</h3>
            <a href="{{route('verification-autorization.index')}}" class="btn btn-white rounded-pill mb-0 text-nowrap">{{ trans('module.home_text_bottom_2') }}</a>
          </div>
          <!--/.card-body -->
        </div>
        <!--/.card -->
      </div>
      <!-- /column -->
    </div>
  </div>
  <!-- /.container -->
</section>
<!-- /section -->
{{-- 
<section class="wrapper bg-light">
  <div class="container py-14 py-md-16">

    <!-- /.row -->
  </div>
  <!-- /.container -->
</section> --}}
<!-- /section -->

<!--PARTNERS CAROUSEL -->
<section class="wrapper bg-light">
  <div class="container ">
    <div class="row">
      <div class="col-xl-10 mx-auto">
        <h3 class="display-4 text-center mb-4">{{ trans('module.home_title_bottom_3') }}</h3>
        <div class="carousel slide" data-ride="carousel" data-interval="5000" data-pause="false">
          <div class="carousel-inner">
            <div class="carousel-item partnersCarouselItem  active">
              <div class="d-flex gap-2 justify-content-center align-items-center flex-wrap ">
                <img class="d-block partnersCarouselImage" src="{{asset('front/img/partners/partner1.png')}}" alt="partner img">
                <img class="d-block partnersCarouselImage" src="{{asset('front/img/partners/partner2.png')}}" alt="partner img">
              </div>
            </div>
            <div class="carousel-item partnersCarouselItem ">
              <div class="d-flex gap-2 justify-content-center align-items-center flex-wrap ">
                <img class="d-block partnersCarouselImage" src="{{asset('front/img/partners/partner3.png')}}" alt="partner img">
                <img class="d-block partnersCarouselImage" src="{{asset('front/img/partners/partner4.png')}}" alt="partner img">
              </div>
            </div>
            <div class="carousel-item partnersCarouselItem ">
              <div class="d-flex gap-2 justify-content-center align-items-center flex-wrap ">
                <img class="d-block partnersCarouselImage" src="{{asset('front/img/partners/partner5.png')}}" alt="partner img">
              </div>
            </div>
          </div>
        </div>
        <!-- /section -->

      </div>
      <!-- /column -->
    </div>
    <!-- /.row -->
  </div>
  <!-- /.container -->
</section>

<!-- /section -->

@endsection