@extends('layout')
@section('title')
    <title>{{ $seo_setting->seo_title }}</title>
    <meta name="keywords" content="{{ $seo_setting->seo_keyword }}">
    <meta name="title" content="{{ $seo_setting->seo_title }}">
    <meta name="description" content="{{ $seo_setting->seo_description }}">
@endsection
@section('frontend-content')
		<!-- inflanar Hero -->
		<section id="hero" class="inflanar-hero inflanar-bg-cover p-relative inflanar-ohidden">
			<div class="inflanar-hero-shape"><img src="{{ asset('frontend/img/in-hero-shape.svg') }}"></div>
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="inflanar-hero__inside">
								<div class="inflanar-hero__inner">
									<!-- Hero Content -->
									<div class="inflanar-hero__content"  data-aos="fade-up" data-aos-delay="300">
										<span class="inflanar-hero__sub inflanar-regular-font">{{ $slider->home1_title }}</span>
										<h1 class="inflanar-hero__title">{!! strip_tags(clean($slider->home1_header),'<span>') !!}</h1>
									</div>
									<!-- inflanar Search -->
									<div class="inflanar-search-form inflanar-search-form__hero mg-top-10" data-aos="fade-up" data-aos-delay="400">
										<form class="inflanar-search-form__form" action="{{ route('services') }}">
											<div class="inflanar-search-form__group">
												<div class="inflanar-search-form__icon">
													<img src="{{ asset('frontend/img/search-icon.svg') }}">
												</div>
												<input name="search" type="text" placeholder="{{__('admin.Search by service name')}}">
											</div>
											<div class="inflanar-search-form__button">
												<button type="submit" class="inflanar-btn inflanar-btn--search"><span>{{__('admin.Search')}}</span></button>
											</div>

										</form>
									</div>
									<!-- Popular Search -->
									<div class="inflanar-ptags" data-aos="fade-up" data-aos-delay="500">
										<span class="inflanar-ptags__title">{{__('admin.Popular Search')}}</span>
										<ul class="inflanar-ptags__list list-none">
                                            @if ($slider->tags)
                                                @foreach (json_decode($slider->tags) as $slider_tag)
                                                <li><a href="{{ route('services', ['search' => $slider_tag->value]) }}">{{ $slider_tag->value }}</a></li>
                                                @endforeach
                                            @endif
										</ul>
									</div>
									<!-- Satisfied Client -->
									<div class="inflanar-sclient" data-aos="fade-up" data-aos-delay="600">
										<div class="inflanar-sclient__img">
											<img src="{{ asset($slider->client_image) }}">
										</div>
										<h4 class="inflanar-sclient__title"><b class="in-counter">{{ $slider->client_qty }}</b>+ <span>{{__('admin.Satisfied Clients')}}</span></h4>
									</div>
								</div>
								<div class="inflanar-hero__img" data-aos="fade-left" data-aos-delay="700">
									<img src="{{ asset($slider->home1_feature_image) }}">
									<div class="inflanar-hero-social inflanar-hero-social--1 inflanar-anim-shape1">
										<img src="{{ asset('frontend/img/in-gsocial1.svg') }}">
									</div>
									<div class="inflanar-hero-social inflanar-hero-social--2 inflanar-anim-shape2">
										<img src="{{ asset('frontend/img/in-gsocial2.svg') }}">
									</div>
									<div class="inflanar-hero-social inflanar-hero-social--3 inflanar-anim-shape3">
										<img src="{{ asset('frontend/img/in-gsocial3.svg') }}">
									</div>
									<div class="inflanar-hero-social inflanar-hero-social--4 inflanar-anim-shape4">
										<img src="{{ asset('frontend/img/in-gsocial4.svg') }}">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End inflanar Hero -->

		<!-- Features -->
		<section class="pd-top-120">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="inflanar-features-list inflanar-section-shape14 inflanar-bg-cover">
							<div class="row">
								<div class="col-12">
									<!-- Section TItle -->
									<div class="inflanar-section__head inflanar-section__center mg-btm-20">
										<span class="inflanar-section__badge inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
											<span>{{ $home_page->feature_title }}</span> <img src="{{ asset('frontend/img/in-section-vector.svg') }}">
										</span>
										<h2 class="inflanar-section__title"  data-aos="fade-in" data-aos-delay="400">{{ $home_page->feature_header }}</h2>
									</div>
								</div>
							</div>
							<div class="row inflanar-features-gap">
								<div class="col-lg-3 col-md-6 col-6 mg-top-30" data-aos="fade-in" data-aos-delay="400">
									<!-- Features Single -->
									<div class="inflanar-features-list__single">
										<div class="inflanar-features-list__head">
											<div class="inflanar-features-list__first">
												<div class="inflanar-features-list__icon ">
													<img src="{{ asset($our_feature->icon1) }}" alt="#">
												</div>
											</div>
										</div>
										<div class="inflanar-features-list__body">
											<h4 class="inflanar-features-list__title">{{ $our_feature->title1 }}</h4>
											<p class="inflanar-features-list__text">{{ $our_feature->description1 }}</p>
										</div>
									</div>
									<!-- End Features Single -->
								</div>
								<div class="col-lg-3 col-md-6 col-6 mg-top-30" data-aos="fade-in" data-aos-delay="600">
									<!-- Features Single -->
									<div class="inflanar-features-list__single">
										<div class="inflanar-features-list__head">
											<div class="inflanar-features-list__first">
												<div class="inflanar-features-list__icon inflanar-scolor-bg">
													<img src="{{ asset($our_feature->icon2) }}" alt="#">
												</div>
											</div>
										</div>
										<div class="inflanar-features-list__body">
											<h4 class="inflanar-features-list__title">{{ $our_feature->title2 }}</h4>
											<p class="inflanar-features-list__text">{{ $our_feature->description2 }}</p>
										</div>
									</div>
									<!-- End Features Single -->
								</div>
								<div class="col-lg-3 col-md-6 col-6 mg-top-30" data-aos="fade-in" data-aos-delay="800">
									<!-- Features Single -->
									<div class="inflanar-features-list__single">
										<div class="inflanar-features-list__head">
											<div class="inflanar-features-list__first">
												<div class="inflanar-features-list__icon inflanar-tcolor-bg">
													<img src="{{ asset($our_feature->icon3) }}" alt="#">
												</div>
											</div>
										</div>
										<div class="inflanar-features-list__body">
											<h4 class="inflanar-features-list__title">{{ $our_feature->title3 }}</h4>
											<p class="inflanar-features-list__text">{{ $our_feature->description3 }}</p>
										</div>
									</div>
									<!-- End Features Single -->
								</div>
								<div class="col-lg-3 col-md-6 col-6 mg-top-30" data-aos="fade-in" data-aos-delay="1000">
									<!-- Features Single -->
									<div class="inflanar-features-list__single">
										<div class="inflanar-features-list__head">
											<div class="inflanar-features-list__first">
												<div class="inflanar-features-list__icon inflanar-ylcolor-bg">
													<img src="{{ asset($our_feature->icon4) }}" alt="#">
												</div>
											</div>
										</div>
										<div class="inflanar-features-list__body">
											<h4 class="inflanar-features-list__title">{{ $our_feature->title4 }}</h4>
											<p class="inflanar-features-list__text">{{ $our_feature->description4 }}</p>
										</div>
									</div>
									<!-- End Features Single -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Features -->

		<!-- Influencers -->
		<section class="pd-top-120 pd-btm-120">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<!-- Section TItle -->
						<div class="inflanar-section__head inflanar-section__center mg-btm-20">
							<span class="inflanar-section__badge inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
								<span>{{ $home_page->influencer_title }}</span> <img src="{{ asset('frontend/img/in-section-vector.svg') }}">
							</span>
							<h2 class="inflanar-section__title"  data-aos="fade-in" data-aos-delay="400">{{ $home_page->influencer_header }}</h2>
						</div>
					</div>
				</div>
				<div class="row">
                    @forelse ($influencers as $index => $influencer)
                        <div class="col-lg-3 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="400">
                            <!-- Single Influencer-->
                            <div class="inflanar-influencer">
                                <!-- Influencer Head-->
                                <div class="inflanar-influencer__head">
                                    <img src="{{ $influencer->image ? asset($influencer->image) : asset($setting->default_avatar) }}" alt="#">
                                    <h4 class="inflanar-influencer__title">
                                        <a href="{{ route('influencer', html_decode($influencer->username)) }}">{{ html_decode($influencer->name) }}
                                            @php
                                                $kyc = Modules\Kyc\Entities\KycInformation::where('user_id',$influencer->id)->where('status',1)->first();
                                            @endphp
                                            @if($kyc)
                                                <button class="varified-badge">
                                                    <span>
                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10.007 2.10377C8.60544 1.65006 7.08181 2.28116 6.41156 3.59306L5.60578 5.17023C5.51004 5.35763 5.35763 5.51004 5.17023 5.60578L3.59306 6.41156C2.28116 7.08181 1.65006 8.60544 2.10377 10.007L2.64923 11.692C2.71404 11.8922 2.71404 12.1078 2.64923 12.308L2.10377 13.993C1.65006 15.3946 2.28116 16.9182 3.59306 17.5885L5.17023 18.3942C5.35763 18.49 5.51004 18.6424 5.60578 18.8298L6.41156 20.407C7.08181 21.7189 8.60544 22.35 10.007 21.8963L11.692 21.3508C11.8922 21.286 12.1078 21.286 12.308 21.3508L13.993 21.8963C15.3946 22.35 16.9182 21.7189 17.5885 20.407L18.3942 18.8298C18.49 18.6424 18.6424 18.49 18.8298 18.3942L20.407 17.5885C21.7189 16.9182 22.35 15.3946 21.8963 13.993L21.3508 12.308C21.286 12.1078 21.286 11.8922 21.3508 11.692L21.8963 10.007C22.35 8.60544 21.7189 7.08181 20.407 6.41156L18.8298 5.60578C18.6424 5.51004 18.49 5.35763 18.3942 5.17023L17.5885 3.59306C16.9182 2.28116 15.3946 1.65006 13.993 2.10377L12.308 2.64923C12.1078 2.71403 11.8922 2.71404 11.692 2.64923L10.007 2.10377ZM6.75977 11.7573L8.17399 10.343L11.0024 13.1715L16.6593 7.51465L18.0735 8.92886L11.0024 15.9999L6.75977 11.7573Z"></path></svg>
                                                    </span>
                                                </button>
                                            @endif
                                        <span>{{ html_decode($influencer->designation) }}</span></a>


                                    </h4>
                                </div>
                                <!-- Influencer Body -->
                                <div class="inflanar-influencer__body">
                                    <div class="inflanar-influencer__follower single-follower">

                                        <div class="inflanar-influencer__follower--single single-wrapper">
                                            <div class="single-item">
                                                <div class="single-img">
                                                    <a target="_blank" href="{{ $influencer->facebook }}"><img src="{{ asset('frontend/img/in-social1.svg') }}"></a>
                                                </div>
                                                <b>{{ html_decode($influencer->facebook_follower) }}</b>
                                            </div>
                                           <div class="single-content">
                                                <p>{{__('admin.Followers')}}</p>
                                           </div>
                                        </div>

                                        <div class="inflancer-hborder"></div>
                                        <div class="inflanar-influencer__follower--single single-wrapper">
                                            <div class="single-item">
                                                <div class="single-img">
                                                <a href="{{ html_decode($influencer->tiktok) }}" target="_blank"><img src="{{ asset('frontend/img/in-social2.svg') }}"></a>
                                                </div>
                                                <b>{{ html_decode($influencer->tiktok_follower) }}</b>
                                            </div>
                                            <div class="single-content">
                                                    <p>{{__('admin.Followers')}}</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="inflanar-influencer__follower single-follower">
                                        <div class="inflanar-influencer__follower--single single-wrapper">
                                            <div class="single-item">
                                                <div class="single-img">
                                                    <a href="{{ html_decode($influencer->youtube) }}" target="_blank"><img src="{{ asset('frontend/img/youtube-icon.svg') }}"></a>
                                                </div>
                                                <b>{{ html_decode($influencer->youtube_follower) }}</b>
                                            </div>
                                           <div class="single-content">
                                                <p>{{__('admin.Followers')}}</p>
                                           </div>
                                        </div>

                                        <div class="inflancer-hborder"></div>
                                        <div class="inflanar-influencer__follower--single single-wrapper">
                                            <div class="single-item">
                                                <div class="single-img">
                                                <a href="{{ html_decode($influencer->instagram) }}" target="_blank"><img src="{{ asset('frontend/img/in-social4.svg') }}"></a>
                                                </div>
                                                <b>{{ html_decode($influencer->instagram_follower) }}</b>
                                            </div>
                                           <div class="single-content">
                                                <p>{{__('admin.Followers')}}</p>
                                           </div>
                                        </div>
                                    </div>

                                    <a class="inflanar-btn-full  mg-top-20" href="{{ route('influencer', html_decode($influencer->username)) }}">{{__('admin.View Profile')}}</a>
                                </div>
                                <!-- End Influencer Body -->
                            </div>
                            <!-- End Single Influencer-->
                        </div>
                    @endforeach

				</div>
				<div class="row mg-top-40" data-aos="fade-up" data-aos-delay="600">
					<div class="col-12 d-flex justify-content-center">
						<a href="{{ route('influencers') }}" class="inflanar-btn inflanar-btn__big"><span>{{__('admin.View All')}}</span></a>
					</div>
				</div>
			</div>
		</section>
		<!-- End Influencers -->

		<!-- Services -->
		<section class="inflanar-section-shape inflanar-bg-cover pd-top-120 pd-btm-120">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<!-- Section TItle -->
						<div class="inflanar-section__head inflanar-section__center text-center mg-btm-20">
							<span class="inflanar-section__badge inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
								<span>{{ $home_page->service_title }}</span> <img src="{{ asset('frontend/img/in-section-vector.svg') }}">
							</span>
							<h2 class="inflanar-section__title"  data-aos="fade-in" data-aos-delay="400">{{ $home_page->service_header }}</h2>
						</div>
					</div>
				</div>
				<div class="row">

                    @foreach ($featured_services as $index => $featured_service)
                        <div class="col-lg-3 col-md-6 col-12 mg-top-30" data-aos="fade-in" data-aos-delay="400">
                            <!-- Single property-->
                            <div class="inflanar-service">
                                <!-- Property Head-->
                                <div class="inflanar-service__head">
                                    <img src="{{ asset($featured_service->thumbnail_image) }}" alt="#">
                                        @auth('web')
                                            <div class="inflanar-service__wishlist {{ $featured_service->is_wishlist($featured_service->id) == true ? 'active' : '' }} add_to_wishlist" data-service_id="{{ $featured_service->id }}">
                                                <a href="javascript:;" ><i class="fas fa-heart"></i></a>
                                            </div>
                                        @else
                                            <div class="inflanar-service__wishlist add_to_wishlist" data-service_id="{{ $featured_service->id }}">
                                                <a href="javascript:;" ><i class="fas fa-heart"></i></a>
                                            </div>
                                        @endauth
                                </div>
                                <!-- Property Body-->
                                <div class="inflanar-service__body">
                                    <div class="inflanar-service__top">
                                        @if ($featured_service->category)
                                        <a href="{{ route('services', ['categories[]' => $featured_service->category->slug]) }}" class="inflanar-service__cat"><img src="{{ asset('frontend/img/in-cat-label.svg') }}">{{ $featured_service->category->name }}</a>
                                        @endif

                                        <div class="inflanar-service__price">
                                            {{ currency($featured_service->price) }}
                                        </div>
                                    </div>
                                    <h3 class="inflanar-service__title"><a href="{{ route('service', $featured_service->slug) }}">{{ $featured_service->title }}</a></h3>
                                    <div class="inflanar-service__author">
                                        <div class="inflanar-service__author--info">
                                            @if ($featured_service->influencer)
                                                <a href="{{ route('influencer', $featured_service->influencer->username) }}"><img src="{{ $featured_service->influencer->image ? asset($featured_service->influencer->image) : asset($setting->default_avatar) }}">{{ $featured_service->influencer->name }}</a>
                                            @endif

                                        </div>

                                        <div class="inflanar-service__author--rating">
                                            @php
                                                if ($featured_service->total_review > 0) {
                                                    $average = $featured_service->average_rating;

                                                    $int_average = intval($average);

                                                    $next_value = $int_average + 1;
                                                    $review_point = $int_average;
                                                    $half_review=false;
                                                    if($int_average < $average && $average < $next_value){
                                                        $review_point= $int_average + 0.5;
                                                        $half_review=true;
                                                    }
                                                }
                                            @endphp
                                            <div class="inflanar-service__author--star">
                                                @if ($featured_service->total_review > 0)
                                                    @for ($i = 1; $i <=5; $i++)
                                                        @if ($i <= $review_point)
                                                        <span><i class="fa-solid fa-star"></i></span>
                                                        @elseif ($i> $review_point )
                                                            @if ($half_review==true)
                                                            <span><i class="fa-solid fa-star-half-stroke"></i></span>
                                                                @php
                                                                    $half_review=false
                                                                @endphp
                                                            @else
                                                            <span><i class="fa-regular fa-star"></i></span>
                                                            @endif
                                                        @endif
                                                    @endfor
                                                @else
                                                    <span><i class="fa-regular fa-star"></i></span>
                                                    <span><i class="fa-regular fa-star"></i></span>
                                                    <span><i class="fa-regular fa-star"></i></span>
                                                    <span><i class="fa-regular fa-star"></i></span>
                                                    <span><i class="fa-regular fa-star"></i></span>
                                                @endif

                                            </div>
                                            <div class="inflanar-service__author--label">({{ $featured_service->total_review }})</div>
                                        </div>

                                    </div>
                                    <a class="inflanar-btn-full inflanar-btn-full--v2 mg-top-20" href="{{ route('booking-service', $featured_service->slug) }}">{{__('admin.Book Now')}}</a>
                                </div>
                            </div>
                            <!-- End Single property-->
                        </div>
                    @endforeach
				</div>
				<div class="row mg-top-40" data-aos="fade-up" data-aos-delay="600">
					<div class="col-12 d-flex justify-content-center">
						<a href="{{ route('services') }}" class="inflanar-btn inflanar-btn__big"><span>{{__('admin.View All')}}</span></a>
					</div>
				</div>
			</div>
		</section>
		<!-- End Services -->

		<!-- Services -->
		<section class="pd-top-120 pd-btm-120">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<!-- Section TItle -->
						<div class="inflanar-section__head inflanar-section__center text-center mg-btm-20">
							<span class="inflanar-section__badge  inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
								<span>{{ $home_page->working_title }}</span> <img src="{{ asset('frontend/img/in-section-vector.svg') }}">
										</span>
								<h2 class="inflanar-section__title"  data-aos="fade-in" data-aos-delay="400">{{ $home_page->working_header }}</h2>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-3 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="200">
						<!-- Single Card-->
						<div class="inflanar-hcard inflanar-hcard--one">
							<div class="inflanar-hcard__img">
								<img src="{{ asset($working_proccess->home1_image1) }}" alt="#">
							</div>
							<div class="inflanar-hcard__content">
								<div class="inflanar-hcard__line"><img src="{{ asset('frontend/img/in-line-shape1.svg') }}"></div>
								<h4 class="inflanar-hcard__label">
									<span>{{__('admin.Step')}}</span>
									<b>1</b>
								</h4>
								<h4 class="inflanar-hcard__title">{{ $working_proccess->home1_title1 }}</h4>
								<p class="inflanar-hcard__text">{{ $working_proccess->home1_description1 }}</p>
							</div>
						</div>
						<!-- End Single Card-->
					</div>
					<div class="col-lg-3 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="400">
						<!-- Single Card-->
						<div class="inflanar-hcard inflanar-hcard--two">
							<div class="inflanar-hcard__content inflanar-hcard__content__two">
								<h4 class="inflanar-hcard__label">
									<span>{{__('admin.Step')}}</span>
									<b>2</b>
								</h4>
								<h4 class="inflanar-hcard__title">{{ $working_proccess->home1_title2 }}</h4>
								<p class="inflanar-hcard__text">{{ $working_proccess->home1_description2 }}</p>
								<div class="inflanar-hcard__line"><img src="{{ asset('frontend/img/in-line-shape2.svg') }}"></div>
							</div>
							<div class="inflanar-hcard__img">
								<img src="{{ asset($working_proccess->home1_image2) }}" alt="#">
							</div>
						</div>
						<!-- End Single Card-->
					</div>
					<div class="col-lg-3 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="600">
						<!-- Single Card-->
						<div class="inflanar-hcard inflanar-hcard--one">
							<div class="inflanar-hcard__img">
								<img src="{{ asset($working_proccess->home1_image3) }}" alt="#">
							</div>
							<div class="inflanar-hcard__content">
								<div class="inflanar-hcard__line inflanar-hcard__line--v2"><img src="{{ asset('frontend/img/in-line-shape3.svg') }}"></div>
								<h4 class="inflanar-hcard__label">
									<span>{{__('admin.Step')}}</span>
									<b>3</b>
								</h4>
								<h4 class="inflanar-hcard__title">{{ $working_proccess->home1_title3 }}</h4>
								<p class="inflanar-hcard__text">{{ $working_proccess->home1_description3 }}</p>
							</div>
						</div>
						<!-- End Single Card-->
					</div>
					<div class="col-lg-3 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="800">
						<!-- Single Card-->
						<div class="inflanar-hcard inflanar-hcard--two">
							<div class="inflanar-hcard__content inflanar-hcard__content__two">
								<h4 class="inflanar-hcard__label">
									<span>{{__('admin.Step')}}</span>
									<b>4</b>
								</h4>
								<h4 class="inflanar-hcard__title">{{ $working_proccess->home1_title4 }}</h4>
								<p class="inflanar-hcard__text">{{ $working_proccess->home1_description4 }}</p>
								<div class="inflanar-hcard__line inflanar-hcard__line--v3"><img src="{{ asset('frontend/img/in-line-shape2.svg') }}"></div>
							</div>
							<div class="inflanar-hcard__img">
								<img src="{{ asset($working_proccess->home1_image4) }}" alt="#">
							</div>
						</div>
						<!-- End Single Card-->
					</div>
				</div>
			</div>
		</section>
		<!-- End Services -->

		<!-- Viideo CTA -->
		<section class="video-cta inflanar-section-shape3 inflanar-ohidden inflanar-bg-cover pd-top-90 pd-btm-120 inflanar-section-shape2">
			<div class="container inflanar-container-medium">
				<div class="row align-items-center">
					<div class="col-lg-6 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="200">
						<div class="video-cta__content">
							<h3 class="video-cta__title mg-btm-20">{{ $home_page->video_title }}</h3>
							<p  class="video-cta__text">{{ $home_page->video_description }}</p>

							<a href="{{ route('about-us') }}" class="inflanar-btn mg-top-40"><span>{{__('admin.Discover More')}}</span></a>
						</div>
					</div>
					<div class="col-xl-5 offset-xl-1 col-lg-6 col-md-6 col-12 mg-top-30" data-aos="fade-up" data-aos-delay="400">
						<div class="video-cta__card">
							<img src="{{ asset($home_page->video_image) }}">
							<div class="video-cta__button">
								<a href="#" class="js-video-btn" data-video-id="{{ $home_page->video_id }}"><i class="fas fa-play"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Viideo CTA -->

		<!-- Viideo CTA -->
		<section class="pd-top-90 pd-btm-120 ">
			<div class="container inflanar-container-medium">
				<div class="row ">
					<div class="col-12">
						<div class="funfacts inflanar-row-gap">
							<!-- FunFact Box -->
							<div class="funfacts__box inflanar-section-shape5 inflanar-bg-cover" data-aos="fade-up" data-aos-delay="200">
								<div class="funfacts__column">
									<!-- Fun Fact Sinlge -->
									<div class="funfacts__card mg-top-30">
										<div class="funfacts__icon">
											<img src="{{ asset($home_page->facebook_image) }}">
										</div>
										<div class="funfacts__number">
											<h4 class="funfacts__title"><b>{{ $home_page->facebook_follower }} </b><span>{{__('admin.Followers')}}</span></h4>
										</div>
									</div>
									<!-- End Fun Fact Sinlge -->
									<!-- Fun Fact Sinlge -->
									<div class="funfacts__card mg-top-30">
										<div class="funfacts__icon">
											<img src="{{ asset($home_page->twitter_image) }}">
										</div>
										<div class="funfacts__number">
											<h4 class="funfacts__title"><b>{{ $home_page->twitter_follower }} </b><span>{{__('admin.Followers')}}</span></h4>
										</div>
									</div>
									<!-- End Fun Fact Sinlge -->
								</div>
								<div class="funfacts__column funfacts__column__last">
									<!-- Fun Fact Sinlge -->
									<div class="funfacts__card mg-top-30">
										<div class="funfacts__icon">
											<img src="{{ asset($home_page->tiktok_image) }}">
										</div>
										<div class="funfacts__number">
											<h4 class="funfacts__title"><b>{{ $home_page->tiktok_follower }} </b><span>{{__('admin.Followers')}}</span></h4>
										</div>
									</div>
									<!-- End Fun Fact Sinlge -->
									<!-- Fun Fact Sinlge -->
									<div class="funfacts__card mg-top-30">
										<div class="funfacts__icon">
											<img src="{{ asset($home_page->instagram_image) }}">
										</div>
										<div class="funfacts__number">
											<h4 class="funfacts__title"><b>{{ $home_page->instagram_follower }} </b><span>{{__('admin.Followers')}}</span></h4>
										</div>
									</div>
									<!-- End Fun Fact Sinlge -->
								</div>
							</div>
							<!-- End FunFact Box -->

							<!-- Brands -->
							<div class="brands" data-aos="fade-up" data-aos-delay="400">
								<h2 class="inflanar-section__title mg-btm-20">{!! strip_tags(clean($home_page->partner_title),'<span>') !!}</span></h2>
								<div class="row">
                                    @foreach ($partners as $partner)
                                        <div class="col-lg-4 col-md-4 col-6 mg-top-30">
                                            <div class="brands__single">
                                                <a href="{{ $partner->link ? $partner->link : 'javascript:;' }}"><img src="{{ asset($partner->logo) }}"></a>
                                            </div>
                                        </div>
                                    @endforeach

								</div>
							</div>
							<!-- End Brands -->
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Viideo CTA -->

		<!-- Faq Area -->
		<section class="inflanar-bg-cover pd-top-90 pd-btm-120 inflanar-section-shape2  inflanar-ohidden">
			<div class="container inflanar-container-medium">
				<div class="row inflanar-container-medium__row align-items-center">
					<div class="col-lg-5 col-12 mg-top-30">
						<!-- Section TItle -->
						<div class="inflanar-section__head mg-btm-50">
							<span class="inflanar-section__badge inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
								<span>{{ $home_page->faq_title }}</span> <img src="{{ asset('frontend/img/in-section-vector.svg') }}">
							</span>
							<h2 class="inflanar-section__title mg-btm-20" data-aos="fade-in" data-aos-delay="400">{{ $home_page->faq_header }}</h2>
							<p>{{ $home_page->faq_description }}</p>
						</div>
						<!-- Support Img -->
						<div class="inflanar-support-img" data-aos="fade-up" data-aos-delay="200">
							<img src="{{ asset($home_page->faq_image) }}" alt="#">
						</div>
						<!-- End Support Img -->
					</div>
					<div class="col-lg-7 col-12 mg-top-30">
						<div class="inflanar-accordion accordion accordion-flush" id="inflanar-accordion">
                            @foreach ($faqs as $index => $faq)
							<!-- End Single Accordion -->
							<div class="accordion-item inflanar-accordion__single {{ $index == 0 ? 'active' : '' }} mg-top-20">
								<h2 class="accordion-header" id="inflanart-{{ $index }}">
									<button class="accordion-button collapsed inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse{{ $index }}">{{ $faq->question }}</button>
								</h2>
								<div id="ac-collapse{{ $index }}" class="accordion-collapse collapse {{ $index == 0 ? 'show' : '' }}"  data-bs-parent="#inflanar-accordion">
									<div class="accordion-body inflanar-accordion__body">{!! clean($faq->answer) !!}</div>
								</div>
							</div>
							<!-- End Single Accordion -->
                            @endforeach
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Faq Area -->

		<!-- Blog Area -->
		<section id="blog" class="blog-area inflanar-bg-cover section-padding">
			<div class="blog-bg-pattern">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<!-- Section TItle -->
							<div class="inflanar-section__head inflanar-section__center text-center mg-btm-20">
								<span class="inflanar-section__badge  inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
									<span>{{ $home_page->blog_title }}</span> <img src="{{ asset('frontend/img/in-section-vector.svg') }}">
										</span>
									<h2 class="inflanar-section__title"  data-aos="fade-in" data-aos-delay="400">{{ $home_page->blog_header }}</h2>
							</div>
						</div>
					</div>
					<div class="row">

                        @foreach ($blogs as $index => $blog)
                            <div class="col-xl-3 col-lg-4 col-md-6 col-12">
                                <!-- Single Blog -->
                                <div class="inflanar-blog">
                                    <div class="inflanar-blog__head">
                                        <a href="{{ route('blog', $blog->slug) }}"><img src="{{ asset($blog->image) }}" alt="#"></a>
                                    </div>
                                    <!-- Blog Content -->
                                    <div class="inflanar-blog__content">
                                        <ul class="inflanar-blog__meta list-none">
                                            <li><img src="{{ asset('frontend/img/in-author-icon.svg') }}">{{__('admin.By')}} <span>{{ $blog->author ? $blog->author->name : '' }}</span></li>
                                            <li><img src="{{ asset('frontend/img/in-calendar-icon.svg') }}"> {{ $blog->created_at->format('d M Y') }}</li>
                                        </ul>
                                        <h3 class="inflanar-blog__title"><a href="{{ route('blog', $blog->slug) }}">{{ $blog->title }}</a></h3>
                                    </div>
                                </div>
                                <!-- End Single Blog -->
                            </div>
                        @endforeach

					</div>
				</div>
			</div>
		</section>
		<!-- End Blog Area -->
@endsection