@extends('frontend.maintemplate.maintemplate')

@section('content')





<!-- Home Hero Slider Section  -->
<div class="home-hero-slider-section">
  <div id="carouselExampleDark" class="carousel carousel-dark slide hero-slider" data-bs-ride="carousel">
    <div class="carousel-inner">
      @foreach($sliderDetails as $index => $sliderDetail)
        <div class="carousel-item {{ $index == 0 ? 'active' : '' }}" data-bs-interval="5000">
          <img src="{{ asset('storage/sliders/' . $sliderDetail->image) }}" class="d-block w-100" alt="{{ $sliderDetail->title }}">
          <div class="container-fluid">
            <div class="carousel-caption">
              <h2>{{ $sliderDetail->title }}</h2>
              <p>{{ $sliderDetail->sub_title }}</p>
              <div class="link-wrapper">

                @if($sliderDetail->button_type == 'link')

                <a href="{{ $sliderDetail->button_link }}">{{ $sliderDetail->button_text }}</a>

                @elseif($sliderDetail->button_type == 'popup_model')

                <a href="#"  data-bs-toggle="modal" data-bs-target="#inquiryModal">{{ $sliderDetail->button_text }}</a>

                @endif
              </div>
            </div>
          </div>
        </div>
      @endforeach
    </div>
  </div>
</div>
<!-- Home Hero Slider Section  -->


<!-- Modal Structure for Popup (this will be dynamically generated for each slider) -->

  <div class="modal fade" id="inquiryModal" tabindex="-1" aria-labelledby="inquiryModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">

          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <!-- Inquiry Form or Custom Content -->
          <h4>Inquiry Form</h4>
          <form>
            <div class="mb-3">
              <label for="inquiryName" class="form-label">Your Name</label>
              <input type="text" class="form-control" id="inquiryName">
            </div>
            <div class="mb-3">
              <label for="inquiryEmail" class="form-label">Your Email</label>
              <input type="email" class="form-control" id="inquiryEmail">
            </div>
            <div class="mb-3">
              <label for="inquiryMessage" class="form-label">Your Message</label>
              <textarea class="form-control" id="inquiryMessage" rows="3"></textarea>
            </div>
            <button type="submit" class="btn btn-primary">Submit Inquiry</button>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        </div>
      </div>
    </div>
  </div>



  <!-- Home Why Aesthetics Section  -->
  <div class="why-aesthetics-section">
    <div class="container-fluid">
      <div class="why-aesthetics-inner">
        <div class="top-title">
          <h3>Why Aesthetics as a career?</h3>
        </div>
        <div class="salon-industry-wrapper">
          <div class="left-wrapper">
            <h2>4x</h2>
          </div>
          <div class="right-wrapper">
            <h5>The growth of the <br />Salon Industry</h5>
          </div>
        </div>
        <div class="twox_fourx_wrapper">
          <div class="fourx-wrapper">
            <div class="content-wrapper">
              <p>Income of Experienced <br />Professional is</p>
            </div>
            <div class="x-wrapper">
              <div class="x-inner">
                <h4>4x</h4>
              </div>
            </div>
          </div>
          <div class="twox-wrapper">
            <div class="x-wrapper">
              <div class="x-inner">
                <h4>2x</h4>
              </div>
            </div>
            <div class="content-wrapper">
              <p>More than the professionals in <br />general beauty salon/spa segment.</p>
            </div>
          </div>
          <div class="graphic">
            <img src="frontend/assets/images/home/x-img.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Home Why Aesthetics Section  -->

  <!-- Ageless Job Marketing Section  -->
  <div class="ageless-job-marketing-section">
    <div class="ageless-job-marketing-inner">
      <div class="left-content-section">
        <h5>THERE IS A BIG SHORTAGE OF TALENT IN THE FIELD OF AESTHETICS ACROSS ALL ROLES LIKE <span>DOCTORS</span> EVEN
          BACK Office
          JOBS LIKE <span>MARKETING</span>
          BEING A PART OF A FAST GROWTH INDUSTRY IS ALWAYS EXCITING AND CAN FAST-TRACK YOUR PERSONAL GROWTH </h5>
      </div>
      <div class="right-image-section">
        <img src="frontend/assets/images/home/job-marketing-img.png" alt="">
      </div>
    </div>
    <div class="job-role-section">
      <div class="container-fluid">
        <div class="job-role-inner">
          <h4>No matter what your area of <span>Specialisation</span>/<span>job rele.</span></h4>
        </div>
      </div>
    </div>
  </div>
  <!-- Ageless Job Marketing Section  -->

  <!-- Ageless unique Section  -->
  <div class="ageless-unique-section">
    <div class="container-fluid">
      <div class="ageless-unique-inner">
        <div class="top-title">
          <h3>What Makes us Unique?</h3>
        </div>
        <div class="unique-box-wrapper">
          <div class="unique-box">
            <div class="icon-box">
              <img src="frontend/assets/images/home/practical-training.png" alt="">
            </div>
            <h5>Practical Training</h5>
            <div class="content-wrapper">
              <p>Many training academies teach you theory but that is not enough. To really succeed in this industry you
                need hands on skill & experience.</p>
            </div>
          </div>
          <div class="unique-box">
            <div class="icon-box">
              <img src="frontend/assets/images/home/flying-hours.png" alt="">
            </div>
            <h5>Flying Hours</h5>
            <div class="content-wrapper">
              <p>We have a concept of ‘flying hours’ means hours of one on one training with one our experienced
                practical trainers. </p>
            </div>
          </div>
          <div class="unique-box">
            <div class="icon-box">
              <img src="frontend/assets/images/home/technology-advanced.png" alt="">
            </div>
            <h5>Technologically Advanced</h5>
            <div class="content-wrapper">
              <p>Our training center provides hands-on experience with the latest technologies used in leading aesthetic
                clinics, preparing you for your future career.</p>
            </div>
          </div>
        </div>
        <div class="bottom-message">
          <h4>Practice Makes Perfect.</h4>
        </div>
      </div>
    </div>
  </div>
  <!-- Ageless unique Section  -->

  <!-- Learn From the leaders Section  -->
  <div class="learn-from-the-leaders-section">
    <div class="learn-from-the-leaders-image-wrapper">
      <img src="frontend/assets/images/home/learn-from-the-leaders-img.png" alt="">
    </div>
    <div class="learn-from-the-leaders-outer">
      <div class="container-fluid">
        <div class="learn-from-leaders-inner">
          <div class="top-title">
            <h3>Learn from the Leaders</h3>
          </div>
          <div class="content-para">
            <p>When you want to be a leader in your field it is advisable to find the leader and learn from them.<br />
              <span>AgeLess Clinic has been at the forefront of Aesthetics in India for the last 15 years.</span>
            </p>
          </div>
          <div class="east-west-wrapper">
            <div class="inner-wrapper">
              <div class="left-content">
                <p>First to introduce new technologies, products and treatments from the West and East </p>
              </div>
              <div class="right-image">
                <img src="frontend/assets/images/home/east-west.png" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Learn From the leaders Section  -->

  <!-- Who are our courses section  -->
  <div class="who-are-our-courses-section">
    <div class="container-fluid">
      <div class="who-are-our-courses-inner">
        <div class="top-title-para">
          <h3>Who are our courses for?</h3>
          <p>An investment in Knowledge pays the biggest dividends</p>
        </div>
        <div class="content-para">
          <p>We recommend our courses for anyone working in the Aesthetic field already who may not have a specialised
            formal training for example anyone from a Doctor to a marketing executive will gain a better fundamental
            knowledge of the science, technology and innovations on our industry.</p>
        </div>
        <div class="ageless-home-tabs-section-wrapper">
          <div class="tabs-top-title">
            <h4>We Have Different Courses For:</h4>
          </div>
          <div class="ageless-tabs-inner-wrapper">
            <div class="courses-tabs-wrapper">
              <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
                <li class="nav-item" role="presentation">
                  <button class="nav-link active" id="pills-docros-tab" data-bs-toggle="pill"
                    data-bs-target="#pills-docros" type="button" role="tab" aria-controls="pills-docros"
                    aria-selected="true">
                    <div class="icon-wrapper">
                      <img src="frontend/assets/images/home/doctors.png" alt="">
                    </div>
                    Doctors
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-therapist-tab" data-bs-toggle="pill"
                    data-bs-target="#pills-therapist" type="button" role="tab" aria-controls="pills-therapist"
                    aria-selected="false">
                    <div class="icon-wrapper">
                      <img src="frontend/assets/images/home/therapist.png" alt="">
                    </div>
                    Therapists
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-managerial-tab" data-bs-toggle="pill"
                    data-bs-target="#pills-managerial" type="button" role="tab" aria-controls="pills-managerial"
                    aria-selected="false">
                    <div class="icon-wrapper">
                      <img src="frontend/assets/images/home/managerial.png" alt="">
                    </div>
                    Managerial
                  </button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-nurse-tab" data-bs-toggle="pill" data-bs-target="#pills-nurse"
                    type="button" role="tab" aria-controls="pills-nurse" aria-selected="false">
                    <div class="icon-wrapper">
                      <img src="frontend/assets/images/home/nurse.png" alt="">
                    </div>
                    Nurse
                  </button>
                </li>
              </ul>
              <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="pills-docros" role="tabpanel"
                  aria-labelledby="pills-docros-tab" tabindex="0">
                  <div class="tabs-inner-content-wrapper">
                    <div class="left-side-content">
                      <h4>Our Doctor Courses</h4>
                      <p>This Course offers an advanced-level training in cosmetic dermatology, combining essential
                        principles with hands-on expertise. Key subject areas under Doctor Courses are Trichology, Laser
                        Hair Reduction (LHR), Body Contouring, and Others which consists of Emergency Aid- focusing on
                        reactions to treatments, First Aid, and Biopsies (skin and scalp). The foundation course of this
                        course covers crucial topics in Anatomy, Skincare Ingredients, and Hygiene setting a strong base
                        that is required alongside other specialized courses. Designed for professionals, this course
                        offer the flexibility to choose between Theory only or Theory + Practical learning, ensuring a
                        comprehensive understanding of advanced aesthetic treatment</p>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/doctor-courses') }}">Read More</a>
                      </div>
                    </div>
                    <div class="right-side-content">
                      <div class="image-wrapper">
                        <img src="frontend/assets/images/home/doctors-img.png" alt="">
                      </div>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/doctor-courses') }}">Explore More</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="pills-therapist" role="tabpanel" aria-labelledby="pills-therapist-tab"
                  tabindex="0">
                  <div class="tabs-inner-content-wrapper">
                    <div class="left-side-content">
                      <h4>Our Therapist Courses</h4>
                      <p>This course offers five dynamic package courses, to provide a comprehensive pathway into the
                        beauty and wellness industry. The foundational Facialist course focuses on essential skincare
                        techniques; the Facialist + Technology package, integrates advanced technologies; the Facialist
                        + Technology + LHR course, adds laser hair removal expertise; the specialized Facialist +
                        Technology + LHR + Trichology program, focuses on hair and scalp health; and the ultimate Grand
                        Master Course, which combines all elements for those aspiring to achieve the highest level of
                        expertise. Designed for professionals, these courses offer the flexibility to choose between
                        Theory only or Theory + Practical learning, ensuring a comprehensive understanding of General and
                        advanced aesthetic treatments.</p>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/therapist-courses') }}">Read More</a>
                      </div>
                    </div>
                    <div class="right-side-content">
                      <div class="image-wrapper">
                        <img src="frontend/assets/images/home/therapist-courses.png" alt="">
                      </div>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/therapist-courses') }}">Explore More</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="pills-managerial" role="tabpanel" aria-labelledby="pills-managerial-tab"
                  tabindex="0">
                  <div class="tabs-inner-content-wrapper">
                    <div class="left-side-content">
                      <h4>Our Doctor Courses</h4>
                      <p>This Course offers an advanced-level training in cosmetic dermatology, combining essential
                        principles with hands-on expertise. Key subject areas under Doctor Courses are Trichology, Laser
                        Hair Reduction (LHR), Body Contouring, and Others which consists of Emergency Aid- focusing on
                        reactions to treatments, First Aid, and Biopsies (skin and scalp). The foundation course of this
                        course covers crucial topics in Anatomy, Skincare Ingredients, and Hygiene setting a strong base
                        that is required alongside other specialized courses. Designed for professionals, this course
                        offer the flexibility to choose between Theory only or Theory + Practical learning, ensuring a
                        comprehensive understanding of advanced aesthetic treatment</p>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/therapist-courses') }}">Read More</a>
                      </div>
                    </div>
                    <div class="right-side-content">
                      <div class="image-wrapper">
                        <img src="frontend/assets/images/home/doctors-img.png" alt="">
                      </div>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/therapist-courses') }}">Explore More</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="pills-nurse" role="tabpanel" aria-labelledby="pills-nurse-tab"
                  tabindex="0">
                  <div class="tabs-inner-content-wrapper">
                    <div class="left-side-content">
                      <h4>Our Doctor Courses</h4>
                      <p>This Course offers an advanced-level training in cosmetic dermatology, combining essential
                        principles with hands-on expertise. Key subject areas under Doctor Courses are Trichology, Laser
                        Hair Reduction (LHR), Body Contouring, and Others which consists of Emergency Aid- focusing on
                        reactions to treatments, First Aid, and Biopsies (skin and scalp). The foundation course of this
                        course covers crucial topics in Anatomy, Skincare Ingredients, and Hygiene setting a strong base
                        that is required alongside other specialized courses. Designed for professionals, this course
                        offer the flexibility to choose between Theory only or Theory + Practical learning, ensuring a
                        comprehensive understanding of advanced aesthetic treatment</p>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/therapist-courses') }}">Read More</a>
                      </div>
                    </div>
                    <div class="right-side-content">
                      <div class="image-wrapper">
                        <img src="frontend/assets/images/home/doctors-img.png" alt="">
                      </div>
                      <div class="link-wrapper">
                        <a href="{{ url('course-category-details/therapist-courses') }}">Explore More</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Who are our courses section  -->

  <!-- Placements section  -->
  <div class="placements-section">
    <div class="placements-top-image">
      <img src="frontend/assets/images/home/Placements.png" alt="">
    </div>
    <div class="placements-content-wrapper">
      <div class="container-fluid">
        <div class="placements-content-inner">
          <h4>Placements</h4>
          <p>We Do Not Sell Courses! We Enrich Lives!</p>
        </div>
      </div>
    </div>
  </div>
  <!-- Placements section  -->

  <!-- Meet our career section  -->
  <div class="meet-our-career-section">
    <div class="container-fluid">
      <div class="meet-our-career-inner">
        <h4>Meet our Career Counsellors - your friends for life.</h4>
        <div class="top-content-image-section">
          <div class="left-content-section">
            <p>Our Counsellors start by understanding your current level of experience, your aspirations and help you
              plan how to achieve them.
            </p>
            <p>Be in demand: if you are skilled and experienced getting a job is easy in this industry – finding
              employees with the knowledge skill and experience is difficult! That’s why our training emphasizes hands
              on practice and practical skills, that’s what employers are looking for. Those who can join and start
              working on clients from day one with confidence.</p>
            <h4>We are here to help</h4>
            <p>If you are an outstanding student living in Mumbai, we may have a job for you in our leading chain of
              aesthetic clinics, AgeLess Clinic. If a job at our clinic is not possible our career counsellors are on
              hand to help you with your CV and job search. Once you are part of the AgeLess Institute Alumni we are
              always available to discuss and guide you on your next steps in your career. </p>
          </div>
          <div class="right-image-section">
            <div class="image-wrapper">
              <img src="frontend/assets/images/home/Meet-our-Career-Counsellors.png" alt="">
            </div>
          </div>
        </div>
        <div class="our-seccess-banner-wrapepr">
          <p>For us, our success is based on your success,<br /><span>we will do all we can to make sure you
              excel.</span></p>
        </div>
      </div>
    </div>
  </div>
  <!-- Meet our career section  -->

  @endsection