@extends('ageless_new.maintemplate.maintemplate')
@section('title', 'Testimonials :: AgeLess Institute')
@section('content')
    <!-- Hero Section  -->
    <section class="hero-section-wrapper placement-hero-section">
        <div class="bg-wrapper" style="background-image: url('{{ asset('ageless-new/assets/images/courses/courses-hero-banner.png') }}');">
            <div class="container-fluid">
                <div class="hero-section-inner">
                    <h2 data-aos="fade-up">Real Students. <br />Real Careers. <br /><span class="last-span">Real
                            Results.</span>
                    </h2>
                    <p data-aos="fade-up" data-aos-delay="50">Hear from the graduates who walked in with a dream and
                        walked out with the skills, confidence, and career to match.</p>
                </div>
            </div>
        </div>
    </section>
    <!-- Hero Section  -->

    <!-- Testimonials Slider Section  -->
    <section class="testimonials-slider-section" data-aos="fade-up">
        <div class="container-fluid">
            <div class="testimonials-slider-inner">
                <div class="swiper testiSwiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" data-fancybox="">
                                <img src="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" data-fancybox="">
                                <img src="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" data-fancybox="">
                                <img src="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" data-fancybox="">
                                <img src="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" />
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" data-fancybox="">
                                <img src="{{ asset('ageless-new/assets/images/testimonials/testimonials-img1.png') }}" />
                            </a>
                        </div>
                    </div>
                    <!-- <div class="swiper-pagination"></div> -->
                    <div class="swiper-button-next"><span class="material-symbols-outlined">
                            arrow_forward
                        </span></div>
                    <div class="swiper-button-prev">
                        <span class="material-symbols-outlined">
                            arrow_back
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Testimonials Slider Section  -->

    <!-- Join Us Section  -->
    <section class="join-us-section">
        <div class="container-fluid">
            <div class="join-us-inner">
                <div class="top-section">
                    <h2 data-aos="fade-up" data-aos-delay="0">Join Us</h2>
                    <p data-aos="fade-up" data-aos-delay="50">Embark on your journey to becoming a distinguished
                        professional in the aesthetic industry with
                        Ageless Institute of Aesthetics. Gain the edge in your career through our expert-driven courses
                        and become the expert that top clinics and clients seek.</p>
                    <h3 data-aos="fade-up" data-aos-delay="100">Mumbai’s Premier Aesthetics Education Institute!</h3>
                </div>
                <div class="join-box-wrapper">
                    <div class="box-wrapper" data-aos="fade-up" data-aos-delay="0">
                        <div class="icon-wrapper">
                            <img src="{{ asset('ageless-new/assets/images/testimonials/join-icon-1.png') }}" alt="">
                        </div>
                        <h5>Expert Training Academy</h5>
                        <p>At our institute, training is more than just meeting standards; it’s about setting benchmarks
                            and exceeding them. We’ve established a premier training academy where aspiring
                            professionals learn from the best to become leaders in the aesthetic industry.
                        </p>
                    </div>
                    <div class="box-wrapper" data-aos="fade-up" data-aos-delay="100">
                        <div class="icon-wrapper">
                            <img src="{{ asset('ageless-new/assets/images/testimonials/join-icon-2.png') }}" alt="">
                        </div>
                        <h5>Cutting-Edge Technologies</h5>
                        <p>Our institute is a hub for innovation in aesthetics education in India, boasting an extensive
                            array of the latest global aesthetic technologies. Students gain hands-on experience with
                            advanced equipment for comprehensive training in skin, hair, and body treatments.</p>
                    </div>
                    <div class="box-wrapper" data-aos="fade-up" data-aos-delay="150">
                        <div class="icon-wrapper">
                            <img src="{{ asset('ageless-new/assets/images/testimonials/join-icon-3.png') }}" alt="">
                        </div>
                        <h5>Luxurious Learning Environment</h5>
                        <p>Experience luxury in education with our state-of-the-art facilities. We offer a learning
                            environment that meets global standards, yet is tailored to be accessible and affordable.
                            Enjoy high-quality, world-class education that equips you for success in the competitive
                            aesthetics field.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Join Us Section  -->
@endsection

@section('custome_js')

    <script>
        var swiper = new Swiper(".testiSwiper", {
            effect: "coverflow",
            grabCursor: true,
            centeredSlides: true,
            slidesPerView: "auto",
            loop: true,
            speed: 1000,
            autoplay: {
                delay: 3000,
                disableOnInteraction: false,
            },
            coverflowEffect: {
                rotate: 50,
                stretch: 0,
                depth: 100,
                modifier: 1,
                slideShadows: true,
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            pagination: {
                el: ".swiper-pagination",
            },
        });
    </script>

@endsection