@extends('front.layouts.front')
@section('body')
<!-- Hero Section -->
@include('front.includes.slider')
<!-- Key Features Section -->
<section id="features" class="keyFeatureSection bg-white  py-12">
    <div class="max-w-6xl mx-auto px-6">
        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 text-center">
            <!-- Feature Item -->
            <div class=" transition transform hover:-translate-y-2">
                <div class="flex justify-center mb-4">
                    <i class="fa-solid fa-chalkboard-teacher text-purple-600 text-4xl animate-bounce "></i>
                </div>
                <h3 class="text-lg md:text-xl font-semibold BlueTitle"> {{read_lang_word('expert-courses')}}</h3>
                <p class="text-sm ">{{read_lang_word('desc-expert-courses')}}</p>
            </div>

            <!-- Feature Item -->
            <div class=" transition transform hover:-translate-y-2">
                <div class="flex justify-center mb-4">
                    <i class="fa-solid fa-clock text-yellow-600 text-4xl animate-pulse "></i>
                </div>
                <h3 class="text-lg md:text-xl font-semibold BlueTitle">{{read_lang_word('flexible-learning')}}</h3>
                <p class="text-sm ">{{read_lang_word('desc-flexible')}}</p>
            </div>

            <!-- Feature Item -->
            <div class="transition transform hover:-translate-y-2">
                <div class="flex justify-center mb-4">
                    <i class="fa-solid fa-users text-red-500 text-4xl animate-bounce"></i>
                </div>
                <h3 class="text-lg md:text-xl font-semibold BlueTitle">{{read_lang_word('community-access')}}</h3>
                <p class="text-sm">{{read_lang_word('desc-community-access')}}</p>
            </div>


        </div>
    </div>
</section>
<!-- About Sapienta Section -->
@include('front.includes.about-home')
<!-- Courses Preview Section -->
@include('front.includes.priview-course')
<!-- Why Sapienta Section -->
<section class="why-sapienta-section gradientBtn1">
    <div class="why-sapienta-container relative max-w-6xl mx-auto px-6 py-20">

        <!-- Title -->
        <h2 class="why-sapienta-title text-xl md:text-2xl lg:text-3xl font-extrabold text-center BlueTitle mb-4">
            {{read_lang_word('why-sapienta')}}
        </h2>
        <p class="text-center mb-16 mx-auto">
            {{read_lang_word('benefits-of-learning')}}
        </p>

        <!-- Benefit Cards Grid -->
        <div class="benefits-grid lg:absolute -bottom-24 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">

            <!-- Benefit Card 1 -->
            <div class="benefit-card  bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition text-center">
                <div class="benefit-icon text-green-500 text-4xl mb-4">
                    <i class="fas fa-certificate "></i>
                </div>
                <h3 class="benefit-title text-lg md:text-xl font-semibold secondaryTitle">{{read_lang_word('effective-learning')}}</h3>
                <p class="benefit-description  mt-2 ">
                    {{read_lang_word('desc-effect-learn ')}}
                </p>
            </div>

            <!-- Benefit Card 2 -->
            <div class="benefit-card  bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition text-center">
                <div class="benefit-icon text-yellow-500 text-4xl mb-4">
                    <i class="fas fa-user-graduate"></i>
                </div>
                <h3 class="benefit-title text-lg md:text-xl font-semibold secondaryTitle">{{read_lang_word('mentorship')}}</h3>
                <p class="benefit-description  mt-2 ">
                    {{read_lang_word('desc-mentorship')}}
                </p>
            </div>

            <!-- Benefit Card 3 -->
            <div class="benefit-card  bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition text-center">
                <div class="benefit-icon text-blue-800 text-4xl mb-4">
                    <i class="fas fa-book-open"></i>
                </div>
                <h3 class="benefit-title text-lg md:text-xl font-semibold secondaryTitle">{{read_lang_word('academic-character')}}</h3>
                <p class="benefit-description  mt-2">
                    {{read_lang_word('desc-academic')}}
                </p>
            </div>

            <!-- Benefit Card 4 -->
            <div class="benefit-card  bg-white rounded-xl p-6 shadow-md hover:shadow-xl transition text-center">
                <div class="benefit-icon text-red-500 text-4xl mb-4">
                    <i class="fas fa-globe"></i>
                </div>
                <h3 class="benefit-title text-lg md:text-xl font-semibold secondaryTitle">{{read_lang_word('sapienta-community')}}</h3>
                <p class="benefit-description  mt-2">
                    {{read_lang_word('desc-community')}}
                </p>
            </div>

        </div>
    </div>
</section>
<!-- Testimonials Section -->
<section class="testimonials-section bg-white-50  py-20 lg:mt-24">
    <div class="max-w-6xl mx-auto px-6 text-center">
        <!-- Title -->
        <h2 class="text-xl md:text-2xl  lg:text-3xl BlueTitle font-extrabold  mb-12"> {{read_lang_word('students-say')}}</h2>
        <!-- Swiper Container -->
        <div class="swiper mySwiper w-full  mx-auto">
            <div class="swiper-wrapper h-full ">
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
                <!-- Slide 1 -->
                <div class="swiper-slide p-2 ">
                    <!-- Testimonial Card 1 -->
                    <div class="testimonial-card bg-white dark:bg-gray-800 rounded-xl p-6 shadow-md hover:shadow-lg transition border border-gray-500">
                        <img src="{{asset('assets/sapienta/imges/profile.webp') }}" alt="Student Photo"
                             class="w-16 h-16 rounded-full mx-auto mb-4 object-cover">
                        <h3 class="testimonial-name secondaryTitle line-clamp-2 font-semibold text-lg  ">Emily Rs helped me land my dream internship in AI research. Truly empowering!.</h3>
                        <p class="testimonial-text line-clamp-4  text-sm  mt-2 mb-4 line-clamp-3">
                            “Sapienta’s courses helped me land my dream internship in AI research. Truly empowering!”
                        </p>
                        <!-- Ratings -->
                        <div class="testimonial-rating flex justify-center text-yellow-400 text-sm space-x-1">
                            <span>★</span><span>★</span><span>★</span><span>★</span><span>★</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Navigation Arrows -->
            <div class="swiper-button-next primary-light-hover scale1 bg-opacity-70 rounded-full w-5 h-5 p-5 text-sm"></div>
            <div class="swiper-button-prev primary-light-hover scale1 bg-opacity-70 rounded-full w-5 h-5 p-5 text-sm"></div>
        </div>
    </div>
</section>
<!-- Call to Action Section -->
@include('front.includes.cta-section', [
'title' => read_lang_word('ready-learning'),
'button' => read_lang_word('join-sapienta'),
'link' => ''
])


@endsection

