@extends('layout.app')
@section('content')

<!-- Breadcrumbs -->
<section class="inflanar-breadcrumb">
    <div class="container">
        <div class="row">
            <!-- Breadcrumb-Content -->
            <div class="col-12">
                <div class="inflanar-breadcrumb__inner">
                    <div class="inflanar-breadcrumb__content">
                        <h2 class="inflanar-breadcrumb__title m-0">FAQs</h2>
                        <ul class="inflanar-breadcrumb__menu list-none">
                            <li><a href="index.html">Home</a></li>
                            <li class="active"><a href="faq.html">FAQs</a></li>
                        </ul>
                    </div>	
                    <div class="inflanar-breadcrumb__img">
                        <div class="inflanar-breadcrumb__thumb">
                            <img src="https://placehold.co/512x330">
                        </div>
                        <div class="inflanar-breadcrumb__group">
                            <img src="{{asset('img/in-social-group.png') }}">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End breadcrumbs -->

<!-- Faq Area -->
<section class="inflanar-bg-cover pd-top-100 pd-btm-120">
    <div class="container inflanar-container-medium">
        <div class="row inflanar-container-medium__row align-items-center">
            <div class="col-lg-10 offset-lg-1 col-12">
                <div class="inflanar-accordion accordion accordion-flush" id="inflanar-accordion">
                    <!-- End Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single mg-top-20">
                        <h2 class="accordion-header" id="inflanart-1">
                            <button class="accordion-button collapsed inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse1">What is the average number of influencers for the campaign?</button>
                        </h2>
                        <div id="ac-collapse1" class="accordion-collapse collapse"  data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->

                    <!-- Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single active mg-top-20">
                        <h2 class="accordion-header" id="inflanart-3">
                            <button class="accordion-button   inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse2" >Why is influencer marketing critical for social commerce?</button>
                        </h2>
                        <div id="ac-collapse2" class="accordion-collapse collapse show"  data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->

                    <!-- Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single mg-top-20">
                        <h2 class="accordion-header" id="inflanart-2">
                            <button class="accordion-button collapsed  inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse3" aria-expanded="false">What is an influencer marketing software?</button>
                        </h2>
                        <div id="ac-collapse3" class="accordion-collapse collapse" data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->
                    <!-- Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single mg-top-20">
                        <h2 class="accordion-header" id="inflanart-4">
                            <button class="accordion-button collapsed inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse4" >What is an influencer marketing tool?</button>
                        </h2>
                        <div id="ac-collapse4" class="accordion-collapse collapse" data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->
                    <!-- Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single mg-top-20">
                        <h2 class="accordion-header" id="inflanart-5">
                            <button class="accordion-button collapsed inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse5" >Can you rovide documentation to implement?</button>
                        </h2>
                        <div id="ac-collapse5" class="accordion-collapse collapse" data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->
                    <!-- Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single mg-top-20">
                        <h2 class="accordion-header" id="inflanart-6">
                            <button class="accordion-button collapsed inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse6" >Nam posuere est a dolor rhoncus, vitae pharetra nibh dapibus?</button>
                        </h2>
                        <div id="ac-collapse6" class="accordion-collapse collapse" data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->
                    <!-- Single Accordion -->
                    <div class="accordion-item inflanar-accordion__single mg-top-20">
                        <h2 class="accordion-header" id="inflanart-7">
                            <button class="accordion-button collapsed inflanar-accordion__heading" type="button" data-bs-toggle="collapse" data-bs-target="#ac-collapse7" >Aenean faucibus commodo ligula non vestibulum?</button>
                        </h2>
                        <div id="ac-collapse7" class="accordion-collapse collapse" data-bs-parent="#inflanar-accordion">
                            <div class="accordion-body inflanar-accordion__body">Vestibulum quis neque nunc. Maecenas pharetra libero id efficitur gravida. Aenean risus enim, coin quam in, consequat nec lacus. Aenean faucibus venenatis aliquet. Sed nulla quam, vehicula ut libe tpat quam. Phasellus semper vitae tellus sit amet scelerisque</div>
                        </div>
                    </div>
                    <!-- End Single Accordion -->
                </div>	
            </div>
        </div>
    </div>
</section>
<!-- End Faq Area -->

<!-- Testimonials -->
<section class="inflanar-section-shape16 inflanar-section-bigspace 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 mg-btm-20">
                    <span class="inflanar-section__badge inflanar-primary-color m-0" data-aos="fade-in" data-aos-delay="300">
                        <span>Testimonial</span> <img src="{{asset('img/in-section-vector3.svg') }}">
                    </span>
                    <h2 class="inflanar-section__title"  data-aos="fade-in" data-aos-delay="400">What Our Customers Say?</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <!-- Testimonial Slider -->
                <div class="swiper mySwiper inflanar-slider-testimonial loading">
                    <div class="swiper-wrapper mg-top-30">
                        <div class="swiper-slide mg-btm-30">
                            <!-- Testimonial Single -->
                            <div class="inflanar-testimonial">
                                <!-- Testionial Head -->
                                <div class="inflanar-testimonial__head">
                                    <div class="inflanar-testimonial__logo">
                                        <img src="{{asset('img/in-testimonial-logo.png') }}">
                                    </div>
                                    <!-- Quoute Icon -->
                                    <div class="inflanar-testimonial__quote">
                                        <img src="{{asset('img/in-testi-qoute.svg') }}">
                                    </div>
                                </div>
                                <!-- Testimonial Text -->
                                <p class="inflanar-testimonial__text">Phasellus dapibus erat in lorem malesuada, a cosin Sed molestie nibh vitae pharetra egestas. Vivamusi cibus, egeit commodo odsio vulputate. Praesent as rdum, elit ligula sagittis lacus mauris.</p>
                                <div class="inflanar-testimonial__bottom mg-top-40">
                                    <!-- Testimonial Author -->
                                    <div class="inflanar-testimonial__author">
                                        <img src="https://placehold.co/64x64" alt="#">
                                        <div class="inflanar-testimonial__author--info">
                                            <h5 class="inflanar-testimonial__author--title">Rashaini Chan</h5>
                                            <p class="inflanar-testimonial__author--position">Senior Developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Testimonial Single -->
                        </div>
                        <div class="swiper-slide mg-btm-30">
                            <!-- Testimonial Single -->
                            <div class="inflanar-testimonial">
                                <!-- Testionial Head -->
                                <div class="inflanar-testimonial__head">
                                    <div class="inflanar-testimonial__logo">
                                        <img src="{{asset('img/in-testimonial-logo2.png') }}">
                                    </div>
                                    <!-- Quoute Icon -->
                                    <div class="inflanar-testimonial__quote">
                                        <img src="{{asset('img/in-testi-qoute.svg') }}">
                                    </div>
                                </div>
                                <!-- Testimonial Text -->
                                <p class="inflanar-testimonial__text">Phasellus dapibus erat in lorem malesuada, a cosin Sed molestie nibh vitae pharetra egestas. Vivamusi cibus, egeit commodo odsio vulputate. Praesent as rdum, elit ligula sagittis lacus mauris.</p>
                                <div class="inflanar-testimonial__bottom mg-top-40">
                                    <!-- Testimonial Author -->
                                    <div class="inflanar-testimonial__author">
                                        <img src="https://placehold.co/64x64" alt="#">
                                        <div class="inflanar-testimonial__author--info">
                                            <h5 class="inflanar-testimonial__author--title">Rashaini Chan</h5>
                                            <p class="inflanar-testimonial__author--position">Senior Developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Testimonial Single -->
                        </div>
                        <div class="swiper-slide mg-btm-30">
                            <!-- Testimonial Single -->
                            <div class="inflanar-testimonial">
                                <!-- Testionial Head -->
                                <div class="inflanar-testimonial__head">
                                    <div class="inflanar-testimonial__logo">
                                        <img src="{{asset('img/in-testimonial-logo.png') }}">
                                    </div>
                                    <!-- Quoute Icon -->
                                    <div class="inflanar-testimonial__quote">
                                        <img src="{{asset('img/in-testi-qoute.svg') }}">
                                    </div>
                                </div>
                                <!-- Testimonial Text -->
                                <p class="inflanar-testimonial__text">Phasellus dapibus erat in lorem malesuada, a cosin Sed molestie nibh vitae pharetra egestas. Vivamusi cibus, egeit commodo odsio vulputate. Praesent as rdum, elit ligula sagittis lacus mauris.</p>
                                <div class="inflanar-testimonial__bottom mg-top-40">
                                    <!-- Testimonial Author -->
                                    <div class="inflanar-testimonial__author">
                                        <img src="https://placehold.co/64x64" alt="#">
                                        <div class="inflanar-testimonial__author--info">
                                            <h5 class="inflanar-testimonial__author--title">Rashaini Chan</h5>
                                            <p class="inflanar-testimonial__author--position">Senior Developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Testimonial Single -->
                        </div>
                    </div>
                </div>
                <!-- End Testimonial Slider -->
                <!-- Slider Pagination -->
                <div class="swiper-pagination swiper-pagination__testimonial mg-top-10"></div>
            </div>
        </div>
    </div>
</section>
<!-- End Testimonials  -->
    
@endsection