@extends('theme.master')
@section('title', 'Home')
@section('content')
    @include('admin.message')
    @include('sweetalert::alert')
    @section('meta_tags')
        <meta name="title" content="{{ $gsetting['project_title'] }}">
        <meta name="description" content="{{ $gsetting['meta_data_desc'] }} ">
        <meta property="og:title" content="{{ $gsetting['project_title'] }} ">
        <meta property="og:url" content="{{ url()->full() }}">
        <meta property="og:description" content="{{ $gsetting['meta_data_desc'] }}">
        <meta property="og:image" content="{{ asset('images/logo/' . $gsetting['logo']) }}">
        <meta itemprop="image" content="{{ asset('images/logo/' . $gsetting['logo']) }}">
        <meta property="og:type" content="website">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:image" content="{{ asset('images/logo/' . $gsetting['logo']) }}">
        <meta property="twitter:title" content="{{ $gsetting['project_title'] }} ">
        <meta property="twitter:description" content="{{ $gsetting['meta_data_desc'] }}">
        <meta name="twitter:site" content="{{ url()->full() }}" />
        <link rel="canonical" href="{{ url()->full() }}" />
        <meta name="robots" content="all">
        <meta name="keywords" content="{{ $gsetting->meta_data_keyword }}">
    @endsection


    <div class="rbt-banner-area rbt-banner-2 header-transperent-spacer">
        <div class="wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="banner-content text-center">
                            <div class="inner">
                                <div class="rbt-new-badge rbt-new-badge-one mb--30">
                                    <span class="rbt-new-badge-icon">🏆</span> Learn Today, Lead Tomorrow
                                </div>
                                <h1 class="title">Empowering Minds <br> Through<span class="theme-gradient"> Online
                                        Learning</span></h1>
                            </div>
                        </div>
                    </div>
                </div>
                <div>

                    <div class="row" style="transform: translate3d(0px, 0px, 0px);">
                        <!-- Start Single Card  -->
                        <div class="col-md-4 mb-4 mb-md-0">
                            <div class="w-100 h-100">
                                <div class="rbt-service rbt-service-2 rbt-hover-02 bg-no-shadow card-bg-1 h-100">
                                    <div class="inner">
                                        <div class="content">
                                            <h5 class="title"><a href="javascript:void(0)">Learn Anytime, Anywhere</a></h5>
                                            <p>Access courses from any device and study whenever it’s convenient for you,
                                                without limitations.</p>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->
                        <!-- Start Single Card  -->
                        <div class="col-md-4 mb-4 mb-md-0">
                            <div class="w-100 h-100">
                                <div class="rbt-service rbt-service-2 rbt-hover-02 bg-no-shadow card-bg-2 h-100">
                                    <div class="inner">
                                        <div class="content">
                                            <h5 class="title"><a href="javascript:void(0)">Skill-Based Education</a></h5>
                                            <p>Focus on practical, real-world skills that can be applied directly in your
                                                career or personal development.</p>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->
                        <!-- Start Single Card  -->
                        <div class="col-md-4 mb-4 mb-md-0">
                            <div class="w-100 h-100">
                                <div class="rbt-service rbt-service-2 rbt-hover-02 bg-no-shadow card-bg-3 h-100">
                                    <div class="inner">
                                        <div class="content">
                                            <h5 class="title"><a href="javascript:void(0)">Continuous Personal Growth</a>
                                            </h5>
                                            <p>Hi Study encourages lifelong learning and helps you stay updated with modern
                                                skills and trends.</p>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Single Card  -->

                    </div>

                    <!-- <div class="rbt-swiper-arrow rbt-arrow-left swiper-button-disabled" tabindex="-1" role="button"
                                                                aria-label="Previous slide" aria-controls="swiper-wrapper-73995bfd5afeb2a10" aria-disabled="true">
                                                                <div class="custom-overfolow">
                                                                    <i class="rbt-icon feather-arrow-left"></i>
                                                                    <i class="rbt-icon-top feather-arrow-left"></i>
                                                                </div>
                                                            </div> -->

                    <!-- <div class="rbt-swiper-arrow rbt-arrow-right" tabindex="0" role="button" aria-label="Next slide"
                                                                aria-controls="swiper-wrapper-73995bfd5afeb2a10" aria-disabled="false">
                                                                <div class="custom-overfolow">
                                                                    <i class="rbt-icon feather-arrow-right"></i>
                                                                    <i class="rbt-icon-top feather-arrow-right"></i>
                                                                </div>
                                                            </div>
                                                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span> -->
                </div>
            </div>
        </div>
    </div>
    <!-- @if($gsetting->category_enable == 1)
                                                <section id="categories-tab" class="categories-tab-main-block">
                                                    <div class="container-xl">
                                                        <div id="categories-tab-slider" class="categories-tab-block owl-carousel">
                                                            @foreach($category as $cat)
                                                                @if($cat->status == 1)
                                                                    <div class="item categories-tab-dtl">
                                                                        <a href="{{ route('category.page', ['slug' => $cat->slug]) }}" title="{{ $cat->title }}"><i
                                                                                class="fa {{ $cat->icon }}"></i>{{ $cat->title }}</a>
                                                                    </div>
                                                                @endif
                                                            @endforeach
                                                        </div>
                                                    </div>
                                                </section>
                                            @endif -->
    <div class="rbt-categories-area bg-color-white rbt-section-gap">
        <div class="container">
            <div class="row g-5 align-items-center mb--30">
                <div class="col-lg-6 col-md-6 col-9 mt-0">
                    <div class="section-title">
                        <h4 class="title">Popular <span class="theme-gradient"> Categories.</span></h4>
                    </div>
                </div>
                <!-- <div class="col-lg-6 col-md-6 col-3 mt-0">
                    <div class="read-more-btn text-start text-md-end">
                        <a class="rbt-btn rbt-switch-btn bg-primary-opacity btn-sm" href="javascript:void(0)">
                            <span data-text="View All">View All</span>
                        </a>
                    </div>
                </div> -->
            </div>







            @if($hsetting->featuredcategories_enable == 1 && !$category->isEmpty())
                @if($category->where('featured', '1')->count() > 0)
                    <div class="row g-5">
                        @foreach($category as $t)
                            @if($t->status == 1 && $t->featured == 1)
                                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                                    <a class="rbt-cat-box rbt-cat-box-1 list-style"
                                        href="{{ route('category.page', ['slug' => $t->slug]) }}">
                                        <div class="inner">
                                            <div class="thumbnail">
                                                <img src="{{ $t['cat_image'] ? asset('images/category/' . $t['cat_image']) : Avatar::create($t->title)->toBase64() }}"
                                                    alt="{{$t->title}}">
                                            </div>
                                            <div class="content">

                                                <h5 class="title">{{ $t['title'] }}</h5>
                                                <div class="read-more-btn">
                                                    <span class="rbt-btn-link">{{ $t->courses->count() }} {{ __('Courses')}}<i
                                                            class="feather-arrow-right"></i></span>
                                                </div>

                                            </div>
                                        </div>
                                    </a>
                                </div>
                            @endif
                        @endforeach
                    </div>
                @endif
            @endif

        </div>
    </div>
    <div class="rbt-about-area about-style-1 bg-color-white">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <div class="thumbnail-wrapper">
                        <div class="thumbnail image-1">
                            <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: -20}" src="assets/images/about-07.jpg"
                                alt="Education Images"
                                style="transform:translate3d(0px, -19.773px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, -19.773px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); ">
                        </div>
                        <div class="thumbnail image-2 d-none d-xl-block">
                            <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: 60}" src="assets/images/about-09.jpg"
                                alt="Education Images"
                                style="transform:translate3d(0px, 53.705px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, 53.705px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); ">
                        </div>
                        <div class="thumbnail image-3 d-none d-md-block">
                            <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: 80}" src="assets/images/about-08.jpg"
                                alt="Education Images"
                                style="transform:translate3d(0px, 40.875px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, 40.875px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); ">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="inner pl--50 pl_sm--0 pl_md--0">
                        <div class="section-title text-start">
                            <span class="subtitle bg-coral-opacity">Know About Us</span>
                            <h2 class="title">About <span class="theme-gradient"> Hi Study</span></h2>
                        </div>
                        <p class="description mt--30">Hi Study is a modern e-learning platform dedicated to making education
                            accessible, engaging, and effective for everyone. Our mission is to empower learners by
                            providing high-quality courses, expert guidance, and practical knowledge that help individuals
                            grow personally and professionally.</p>
                        <!-- Start Feature List  -->
                        <div class="rbt-feature-wrapper mt--40">

                            <div class="rbt-feature feature-style-1">
                                <div class="icon bg-pink-opacity">
                                    <i class="feather-heart"></i>
                                </div>
                                <div class="feature-content">
                                    <h6 class="feature-title">Flexible Learning</h6>
                                    <p class="feature-description">Study anytime and anywhere with courses designed to fit
                                        your schedule and learning pace.</p>
                                </div>
                            </div>

                            <div class="rbt-feature feature-style-1">
                                <div class="icon bg-primary-opacity">
                                    <i class="feather-book"></i>
                                </div>
                                <div class="feature-content">
                                    <h6 class="feature-title">Beginner to Advanced Levels</h6>
                                    <p class="feature-description">Whether you're just starting out or looking to advance
                                        your expertise, Hi Study offers courses for every skill level.</p>
                                </div>
                            </div>

                            <div class="rbt-feature feature-style-1">
                                <div class="icon bg-coral-opacity">
                                    <i class="feather-monitor"></i>
                                </div>
                                <div class="feature-content">
                                    <h6 class="feature-title">Wide Range of Courses</h6>
                                    <p class="feature-description">Explore a diverse collection of courses across multiple
                                        fields to develop new skills and expand your knowledge.</p>
                                </div>
                            </div>
                        </div>

                        <!-- End Feature List  -->
                        <div class="about-btn mt--40">
                            <a class="rbt-btn btn-gradient hover-icon-reverse" href="{{ __('about') }}">
                                <span class="icon-reverse-wrapper">
                                    <span class="btn-text">More About Us</span>
                                    <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                    <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rbt-service-area bg-color-white">
        <div class="container">
            <div class="row mb--60">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title">Start Learning in
                            <span class="theme-gradient"> 4 Simple Steps</span>
                        </h2>
                        <!-- <p class="description mt--30"><strong>Histudy educational platform</strong> ipsum dolor sit amet
                                    consectetur adipisicing elit.</p> -->
                    </div>
                </div>
            </div>
            <!-- Start Card Area -->
            <div class="row row--15 mt_dec--30">

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/001-bulb.png" alt="icons Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Create Your Account</a></h6>
                                <p class="description">Sign up on Hi Study in just a few clicks and create your personal
                                    learning profile to get started.</p>
                            </div>
                            <span class="number-text">1</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/002-hat.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Explore Courses</a></h6>
                                <p class="description">Browse through a wide range of courses and choose the one that
                                    matches your interests and career goals.</p>
                            </div>
                            <span class="number-text">2</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/003-id-card.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Start Learning</a></h6>
                                <p class="description">Access course materials, video lessons, and learning resources
                                    anytime and learn at your own pace.</p>
                            </div>
                            <span class="number-text">3</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/004-pass.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Improve Your Skills</a></h6>
                                <p class="description">Apply your knowledge, develop practical skills, and take the next
                                    step toward achieving your goals.</p>
                            </div>
                            <span class="number-text">4</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

            </div>
            <!-- End Card Area -->
        </div>
    </div>

    <div class="rbt-counterup-area bg-color-white rbt-section-gap">
        <div class="container">
            <div class="row mb--60">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title">Numbers That Speak for <span class="theme-gradient"> Our Success</span></h2>
                        <p class="description has-medium-font-size mt--20 mb--0">Our journey is defined by the achievements
                            of our learners and the trust they place in Hi Study.
                        </p>
                    </div>
                </div>
            </div>
            <div class="row g-5 hanger-line">
                <!-- Start Single Counter  -->
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                        <div class="top-circle-shape"></div>
                        <div class="inner">
                            <div class="rbt-round-icon">
                                <img src="assets/images/counter-01.png" alt="Icons Images">
                            </div>
                            <div class="content">
                                <h3 class="counter">
                                    <span class="odometer" data-count="500">40</span>
                                </h3>
                                <span class="subtitle">Expert Instructors</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Single Counter  -->

                <!-- Start Single Counter  -->
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                        <div class="top-circle-shape"></div>
                        <div class="inner">
                            <div class="rbt-round-icon">
                                <img src="assets/images/counter-02.png" alt="Icons Images">
                            </div>
                            <div class="content">
                                <h3 class="counter">
                                    <span class="odometer" data-count="500">150</span>
                                </h3>
                                <span class="subtitle">Online Courses</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Single Counter  -->

                <!-- Start Single Counter  -->
                <div class="col-lg-3 col-md-6 col-sm-6 col-12 mt_md--60 mt_sm--60">
                    <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                        <div class="top-circle-shape"></div>
                        <div class="inner">
                            <div class="rbt-round-icon">
                                <img src="assets/images/counter-03.png" alt="Icons Images">
                            </div>
                            <div class="content">
                                <h3 class="counter">
                                    <span class="odometer" data-count="500">800</span>
                                </h3>
                                <span class="subtitle">Certified Students</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Single Counter  -->

                <!-- Start Single Counter  -->
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="rbt-counterup rbt-hover-03 border-bottom-gradient">
                        <div class="top-circle-shape"></div>
                        <div class="inner">
                            <div class="rbt-round-icon">
                                <img src="assets/images/counter-04.png" alt="Icons Images">
                            </div>
                            <div class="content">
                                <h3 class="counter">
                                    <span class="odometer" data-count="500">500</span>
                                </h3>
                                <span class="subtitle">Registered Enrolls</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Single Counter  -->
            </div>
        </div>
    </div>
    <div class="rbt-service-area bg-color-extra2 rbt-section-gap">
        <div class="container">
            <div class="row mb--60">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title">Why Choose <span class="theme-gradient"> Hi Study</span></h2>
                        <p class="description has-medium-font-size mt--20 mb--0">At Hi Study, we are committed to providing
                            a modern and effective learning experience that helps individuals grow their knowledge and build
                            real-world skills.
                        </p>
                    </div>
                </div>
            </div>
            <!-- Start Card Area -->
            <div class="row row--15 mt_dec--30">
                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-1">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-01.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-01.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">High-Quality Courses</a></h6>
                                <p class="description">Our courses are carefully designed to provide valuable knowledge and
                                    practical skills that help learners succeed in their careers.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-2">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-04.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-04.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Expert Instructors</a></h6>
                                <p class="description">Learn from experienced educators and industry professionals who guide
                                    you through every step of your learning journey.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-3">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-03.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-03.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Flexible Learning Experience</a></h6>
                                <p class="description">Study anytime and from anywhere with courses that are designed to fit
                                    your schedule.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-4">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-02.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-02.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Easy-to-Use Platform</a></h6>
                                <p class="description">Hi Study offers a simple and user-friendly interface that makes
                                    learning smooth and enjoyable.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->
            </div>
            <!-- End Card Area -->
        </div>
    </div>
    <div class="rbt-service-area bg-color-white rbt-section-gap">
        <div class="container">
            <div class="row mb--60">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title">Our Core <span class="theme-gradient"> Services</span> </h2>
                    </div>
                </div>
            </div>
            <!-- Start Card Area -->
            <div class="row row--15 mt_dec--30">
                <div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="section-title text-start">
                        <h2 class="title">Empower Your Learning Journey</h2>
                        <p class="description mt--20">At Hi Study, we believe that learning should be accessible, engaging,
                            and impactful.</p>
                        <div class="read-more-btn">
                            <a class="rbt-btn rbt-switch-btn btn-gradient btn-sm hover-transform-none" href="{{ __('about') }}">
                                <span data-text="About More Us">
                                    About More Us
                                </span>
                            </a>
                        </div>
                    </div>
                </div>

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-1">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-01.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-01.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Online Courses</a></h6>
                                <p class="description">Explore a wide range of high-quality online courses designed to help
                                    you learn new skills and expand your knowledge in different fields.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-4 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-2">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-04.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-04.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Skill Development Programs</a></h6>
                                <p class="description">Our programs focus on practical learning to help you develop
                                    real-world skills that are valuable for your career growth.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-4 col-xxl-4 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-3">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-03.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-03.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Expert Learning Guidance</a></h6>
                                <p class="description">Get guidance and insights from experienced instructors who help you
                                    understand concepts clearly and effectively.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-4 col-xxl-4 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-4">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-02.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-02.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Flexible Learning Experience</a></h6>
                                <p class="description">Learn anytime and anywhere with our flexible courses that allow you
                                    to study at your own pace.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-4 col-xxl-4 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-5">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-05.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-05.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Career-Oriented Learning</a></h6>
                                <p class="description">Our courses are designed to help you gain industry-relevant skills
                                    that prepare you for real job opportunities.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->
            </div>
            <!-- End Card Area -->
        </div>
    </div>





    <div class="home-learning-block d-none">
        <!-- home start -->
        @if(isset($sliders))
            <section id="home-background-slider" class="background-slider-block owl-carousel">
                @foreach($sliders as $slider)
                    @if($slider->status == 1)
                        <div class="lazy item home-slider-img">
                            <div id="home" class="home-main-block"
                                style="background-image: url('{{ asset('images/slider/' . $slider['image']) }}')">
                                <div class="overlay-bg"></div>
                                <div class="container-xl">
                                    <div class="row">
                                        <div
                                            class="col-lg-12 {{$slider['left'] == 1 ? 'col-md-offset-6 col-sm-offset-6 col-sm-12 col-md-12 text-right' : ''}}">
                                            <div class="home-dtl">
                                                <div class="home-heading">{{ $slider['heading'] }}</div>
                                                <div class="home-sub-heading btm-20">{{ $slider['sub_heading'] }}</div>
                                                <p class="btm-20">{{ $slider['detail'] }}</p>
                                            </div>

                                            @if($slider->search_enable == 1)
                                                <div class="home-search">
                                                    <form method="GET" id="searchform" action="{{ route('search') }}">
                                                        <div class="search">
                                                            <input type="text" name="searchTerm" class="searchTerm"
                                                                placeholder="{{ __('Search Courses')}}">
                                                            <button type="submit" class="searchButton">{{ __('Search')}}
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            </section>
        @endif
        @if(isset($facts))
            <section id="learning-work" class="learning-work-main-block">
                <div class="container-xl">
                    <div class="learning-work-bg-block">
                        <div class="row">
                            @foreach($facts as $fact)
                                <div class="col-lg-4 col-md-4">
                                    <div class="learning-work-block">
                                        <div class="row">
                                            <div class="col-lg-3 col-md-12">
                                                <div class="learning-work-icon">
                                                    <i class="fa {{ $fact['icon'] }}"></i>
                                                </div>
                                            </div>
                                            <div class="col-lg-9 col-md-12">
                                                <div class="learning-work-dtl">
                                                    <div class="work-heading">{{ $fact['heading'] }}</div>
                                                    <p>{{ $fact['sub_heading'] }}</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </section>
        @endif
    </div>
    @if($hsetting->fact_enable == 1 && isset($factsetting) && !$factsetting->isEmpty())
        <section id="facts" class="fact-main-block">
            <div class="container-xl">
                <div class="row">
                    @foreach($factsetting as $factset)
                        <div class="col-lg-3 col-md-6 col-12">
                            <div class="facts-block text-center">
                                <div class="facts-block-one">
                                    <div class="facts-block-img">
                                        @php
                                            $image = $factset['image'] !== NULL && $factset['image'] !== '' ? url('/images/facts/' . $factset->image) : Avatar::create($factset->title)->toBase64();
                                        @endphp
                                        <img src="{{ $image }}" class="img-fluid" alt="{{ $factset->title }}" />
                                        <div class="facts-count counter" data-count="{{ $factset->number }}">{{ $factset->number }}
                                        </div>
                                    </div>
                                    <h5 class="facts-title"><a href="javascript:void(0)"
                                            title="{{ $factset->title }}">{{ $factset->title }}</a></h5>
                                    <p>{{ $factset->description }}</p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    @if(isset($advs))
        @foreach($advs as $adv)
            @if($adv->position == 'belowslider')
                <br>
                <section id="student" class="student-main-block top-40">
                    <div class="container-xl">
                        <a href="{{ $adv->url1 }}" title="{{ __('Click to visit') }}">
                        </a>
                    </div>
                </section>
            @endif
        @endforeach
    @endif
    @if($hsetting->discount_enable == 1 && isset($discountcourse) && count($discountcourse) > 0)

        <div class="rbt-course-area bg-color-white">
            <div class="container">
                <div class="row mb-5 g-5 align-items-end">
                    <div class="col-lg-6 col-md-6 col-12">
                        <div class="section-title text-start">
                            <span class="subtitle bg-pink-opacity">Top Popular Course</span>
                            <h2 class="title">Top Discounted <span class="color-primary">Courses</span></h2>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-12">
                        <div class="load-more-btn text-start text-md-end">
                            <a class="rbt-btn rbt-switch-btn bg-primary-opacity" href="{{url('discount-courses')}}">
                                <span data-text="View All Course">View All Course</span>
                            </a>
                        </div>
                    </div>
                </div>


                <div class="row g-5">
                    @foreach($discountcourse as $discount)
                        @if($discount->status == 1 && $discount->featured == 1)
                            <div class="col-lg-4 col-md-6 col-sm-12 col-12 sal-animate">
                                <div class="item student-view-block student-view-block-1">
                                    <div class="genre-slide-image @if($gsetting['course_hover'] == 1) protip @endif"
                                        data-pt-placement="outside" data-pt-interactive="false"
                                        data-pt-title="#prime-next-item-description-block{{$discount->id}}">
                                        <div class="view-block">
                                            <div class="view-img">
                                                @if($discount['preview_image'] !== NULL && $discount['preview_image'] !== '')
                                                    <a href="{{ route('user.course.show', ['slug' => $discount->slug]) }}"><img
                                                            data-src="{{ asset('images/course/' . $discount['preview_image']) }}"
                                                            alt="course" class="img-fluid owl-lazy"></a>
                                                @else
                                                    <a href="{{ route('user.course.show', ['slug' => $discount->slug]) }}"><img
                                                            data-src="{{ Avatar::create($discount->title)->toBase64() }}" alt="course"
                                                            class="img-fluid owl-lazy"></a>
                                                @endif
                                            </div>
                                            @php
                                                $badgeMap = [
                                                    'trending' => ['badge bg-warning', __('Trending')],
                                                    'featured' => ['badge bg-danger', __('Featured')],
                                                    'new' => ['badge bg-success', __('New')],
                                                    'onsale' => ['badge bg-info', __('On-sale')],
                                                    'bestseller' => ['badge bg-success', __('Bestseller')],
                                                    'beginner' => ['badge bg-primary', __('Beginner')],
                                                    'intermediate' => ['badge bg-secondary', __('Intermediate')]
                                                ];
                                            @endphp
                                            @if(isset($badgeMap[$discount['level_tags']]))
                                                <div class="advance-badge">
                                                    <span
                                                        class="{{ $badgeMap[$discount['level_tags']][0] }}">{{ $badgeMap[$discount['level_tags']][1] }}</span>
                                                </div>
                                            @endif
                                            <div class="view-user-img">
                                                @if(optional($discount->user)['user_img'] !== NULL && optional($discount->user)['user_img'] !== '')
                                                    <a href="{{ route('all/profile', $discount->user->id) }}"
                                                        title="{{$discount->title}}"><img
                                                            src="{{ asset('images/user_img/' . $discount->user['user_img']) }}"
                                                            class="img-fluid user-img-one" alt="{{$discount->title}}"></a>
                                                @else
                                                    <a href="{{  route('all/profile', $discount->id)  }}"
                                                        title=" {{$discount->title}} "><img src="{{ asset('images/default/user.png') }}"
                                                            class="img-fluid user-img-one" alt="{{$discount->title}}"></a>
                                                @endif
                                            </div>
                                            @if(isset($discount->user->id))

                                                <div class="view-dtl">
                                                    <div class="row align-items-end">
                                                        <div class="user-name col-lg-6">
                                                            <h6 class="mb-0"><span><a
                                                                        href="{{ route('all/profile', $discount->user->id) }}">
                                                                        {{ optional($discount->user)['fname'] }}</a></span></h6>
                                                        </div>
                                                        <div class="col-lg-6 text-end">
                                                            @include('ratings.discountratings', ['courseId' => $discount->id])
                                                        </div>
                                                    </div>
                                                    <div class="view-heading"><a
                                                            href="{{ route('user.course.show', ['slug' => $discount->slug]) }}">{{ str_limit($discount->title, $limit = 30, $end = '...') }}</a>
                                                    </div>


                                                    <div class="w-100">
                                                        <div class="rate">
                                                            <ul>
                                                                @if($discount->type == 1)
                                                                    @if($discount->discount_price != NULL)
                                                                        <li><a><b>{{ $gcurrency->currency_symbol }}{{ $discount['discount_price'] }}/-</b></a>
                                                                        </li>
                                                                        <li><a><b><strike>{{ $gcurrency->currency_symbol }}{{ $discount['price'] }}</strike></b></a>
                                                                        </li>
                                                                    @elseif($c->price != NULL)
                                                                        <li><a><b>{{ $gcurrency->currency_symbol }}{{ $discount['price'] }}/-</a>
                                                                        </li>
                                                                    @endif
                                                                @else
                                                                    <li><a><b>{{ __('Free') }}</b></a></li>
                                                                @endif
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="row">

                                                        <div class="col-lg-6">
                                                            <div class="rbt-badge-3 bg-white">
                                                                <span>