<?php
// ini_set('display_errors',1);
include("admin/opendb.php");

$sql = "SELECT * FROM course";
$result = mysqli_query($conn,$sql);
$courses = mysqli_fetch_all($result, MYSQLI_ASSOC);

$noti_sql = "SELECT * FROM notification";
$noti_result = mysqli_query($conn,$noti_sql);
$notifications = mysqli_fetch_all($noti_result, MYSQLI_ASSOC);

  $pageTitle = "Home - PSN MENTOR";
  $activeMenu = "index";
  include("parts/header.php");
?>

  <main class="main">

    <!-- Hero Section -->
    <section id="hero" class="hero section dark-background">

      <img src="assets/img/banner_new_1.png" alt="PSNMentor brand strategy workshop" data-aos="fade-in">

      <div class="container">
        <h2 data-aos="fade-up" data-aos-delay="100">Shaping Careers,<br>Empowering Businesses</h2>
        <p data-aos="fade-up" data-aos-delay="200" style="max-width: 650px;">Connecting top talent with opportunities and empowering youth with
          skills for a brighter future.</p>
        <div class="d-flex mt-4" data-aos="fade-up" data-aos-delay="300">
          <a href="contact.php" class="btn-get-started">Get Started</a>
        </div>
      </div>

    </section>
    <div class="news_container"> 
      <div class="headertext">Notification</div> 
      <div>
        <marquee style="width:100%;color:red;" onmouseover="this.stop();" onmouseout="this.start();" direction="left" behavior="scroll" scrollamount="7">
          <?php foreach($notifications as $notification){ ?>
            <a href="/enquiry" style="color:red; text-decoration:none;">
              <?= $notification['title']  ?>
            </a> &nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;
          <?php } ?>

          <!--<a href="news2.php" style="color:red; text-decoration:none;">-->
          <!--  Breaking News: Event 2 Coming Soon-->
          <!--</a> &nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;-->

          <!--<a href="news3.php" style="color:red; text-decoration:none;">-->
          <!--  Breaking News: Important Update-->
          <!--</a>-->
        </marquee>
      </div>
    </div> 
    <!-- /Hero Section -->

    <!-- About Section -->
    <section id="about" class="about section">
      <div class="container">
        <div class="row gy-4">
          <div class="col-lg-6 order-1 order-lg-2" data-aos="fade-up" data-aos-delay="100" style="display: flex;">
            <img src="assets/img/about_1.jpg" class="img-fluid" alt="PSNMentor brand strategy workshop" style="object-fit: cover; border-radius: 10px;">
          </div>

          <div class="col-lg-6 order-2 order-lg-1 content" data-aos="fade-up" data-aos-delay="200">
            <h3>Who We Are</h3>
            <p>
              At PSN Mentor & Career, we are committed to shaping careers and empowering businesses to thrive 
              in today's competitive landscape. With expertise in both HR solutions and career training, 
              we bridge the gap between talent and opportunity.
            </p>
            <h4>Training & Placement</h4>
            <p>
              We provide job-oriented training with 100% placement support 
              to help unemployed youth build successful careers...
            </p>
            <a href="/training-and-placement" class="read-more">
              <span>Read More</span><i class="bi bi-arrow-right"></i>
            </a>

            <h4 class="mt-4">HR Solutions</h4>
            <p>
              From recruitment to payroll outsourcing, we deliver end-to-end HR solutions 
              tailored to your business needs...
            </p>
            <a href="/hr-solutions" class="read-more">
              <span>Read More</span><i class="bi bi-arrow-right"></i>
            </a>
            
            <!-- <a href="about.php" class="read-more"><span>Read More</span><i class="bi bi-arrow-right"></i></a> -->
          </div>
        </div>
      </div>
    </section>
    <!-- /About Section -->

    <!-- Counts Section -->
    <section id="counts" class="section counts">
      <div class="container" data-aos="fade-up" data-aos-delay="100" style="background-color: #f7f7f7; border-radius: 25px; margin-top: 25px;">
        <div class="row gy-4">
          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="3000" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Students</p>
            </div>
          </div><!-- End Stats Item -->
          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="11" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Courses</p>
            </div>
          </div><!-- End Stats Item -->
          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Partners</p>
            </div>
          </div><!-- End Stats Item -->
          <div class="col-lg-3 col-md-6">
            <div class="stats-item text-center w-100 h-100">
              <span data-purecounter-start="0" data-purecounter-end="10" data-purecounter-duration="1"
                class="purecounter"></span>
              <p>Years of Experience</p>
            </div>
          </div><!-- End Stats Item -->
        </div>
      </div>
    </section>
    <!-- /Counts Section -->

    <!-- Why Us Section -->
    <section id="why-us" class="section why-us">
      <div class="container">
        <div class="row gy-4" style="background-color: #f7f7f7; border-radius: 10px;">
          <div class="col-lg-4" data-aos="fade-up" data-aos-delay="100" style="margin-bottom: 1.5rem;">
            <div class="why-box">
              <h3>Why Choose Us?</h3>
              <p>With a proven track record of 3000+ students trained and 2,500+ successful placements,
                 PSN Mentor & Career stands as one of Kerala's top-performing training and HR service providers.
                 Backed by industry expertise, a tailored approach, and a client-first mindset,
                 we deliver reliable HR solutions and impactful training programs that create real opportunities
                 and measurable results.
              </p>
              <div class="text-center">
                <a href="about.php#why_us" class="more-btn"><span>Learn More</span> <i class="bi bi-chevron-right"></i></a>
              </div>
            </div>
          </div>

          <div class="col-lg-8 d-flex align-items-stretch">
            <div class="row gy-4" data-aos="fade-up" data-aos-delay="200" style="margin-bottom: 1.5rem;">
              <div class="col-xl-4">
                <div class="icon-box d-flex flex-column justify-content-center align-items-center" style="border-radius: 10px;">
                  <i class="bi bi-clipboard-data"></i>
                  <h4>Proven Expertise</h4>
                  <p>Over 3000 students trained and 2,500+ successful placements, making us one of Kerala's top-performing agencies.</p>
                </div>
              </div>

              <div class="col-xl-4" data-aos="fade-up" data-aos-delay="300">
                <div class="icon-box d-flex flex-column justify-content-center align-items-center"  style="border-radius: 10px;">
                  <i class="bi bi-inboxes"></i>
                  <h4>Tailored Solutions</h4>
                  <p>From HR support to career training, we design services that meet the unique needs of both businesses and individuals.</p>
                </div>
              </div>

              <div class="col-xl-4" data-aos="fade-up" data-aos-delay="400">
                <div class="icon-box d-flex flex-column justify-content-center align-items-center"  style="border-radius: 10px;">
                  <i class="bi bi-gem"></i>
                  <h4>Trusted Legacy</h4>
                  <p>Built on excellence, reliability, and a client-first approach, we empower growth for organizations and youth alike.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- /Why Us Section -->

    <!-- Features Section -->
    <section id="features" class="features section">
      <div class="container section-title" data-aos="fade-up">
        <h2>Partners</h2>
        <p>Our Placement Partners</p>
      </div>
      <div class="container">

        <div class="row gy-4">
          

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="100">
            <div class="features-item">
              <img src="assets/img/partners/teleperformance.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="200">
            <div class="features-item">
              <img src="assets/img/partners/exl.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="300">
            <div class="features-item">
              <img src="assets/img/partners/cognizant.jfif" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="400">
            <div class="features-item">
              <img src="assets/img/partners/CONDUENT.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="500">
            <div class="features-item">
              <img src="assets/img/partners/infosys.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="600">
            <div class="features-item">
              <img src="assets/img/partners/sutherland.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="700">
            <div class="features-item">
              <img src="assets/img/partners/alight.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="800">
            <div class="features-item">
              <img src="assets/img/partners/wipro.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="900">
            <div class="features-item">
              <img src="assets/img/partners/sbicard.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1000">
            <div class="features-item">
              <img src="assets/img/partners/indusland_bank.jpg" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1100">
            <div class="features-item">
              <img src="assets/img/partners/south_indian_bank.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1200">
            <div class="features-item">
              <img src="assets/img/partners/vfs_global.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->
          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="900">
            <div class="features-item">
              <img src="assets/img/partners/lulu.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1000">
            <div class="features-item">
              <img src="assets/img/partners/kitex.jpg" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1100">
            <div class="features-item">
              <img src="assets/img/partners/rane.png" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->

          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="1200">
            <div class="features-item">
              <img src="assets/img/partners/oen_india.jpg" alt=""  class="stretched-link">
            </div>
          </div><!-- End Feature Item -->
          <div class="col-lg-3 col-md-4" data-aos="fade-up" data-aos-delay="900">
            <div class="features-item">
              <img src="assets/img/partners/randstad.png" alt=""  class="stretched-link">
            </div>
          </div>

        </div>

      </div>

    </section><!-- /Features Section -->

    <!-- Courses Section -->
     
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

    <section id="courses" class="courses section">
      <!-- Section Title -->
      <div class="container section-title" data-aos="fade-up">
        <h2>Courses</h2>
        <p>Popular Courses</p>
      </div>
      
      <div class="container">
        <!-- Swiper -->
        <div class="swiper myCoursesSwiper" data-aos="zoom-in">
          <div class="swiper-wrapper">
            <?php foreach($courses as $row) { ?>
            <div class="swiper-slide">
              <div class="course-item">
                <img src="admin/uploads/<?= $row['image'] ?>" class="img-fluid" alt="PSNMentor brand strategy workshop" style="border-radius:10px;">
                <div class="course-content">
                  <div class="d-flex justify-content-between align-items-center mb-3">
                    <p class="category"><?= $row['category'] ?></p>
                  </div>
                  <h3><?= $row['title'] ?></h3>
                  <p class="description"><?= substr(strip_tags($row['description']), 0, 100) ?>...</p>
                  <a href="/courses/<?= $row['slug'] ?>" class="read-more">
                    <span>Read More</span><i class="bi bi-arrow-right"></i>
                  </a>
                </div>
              </div>
            </div>
            <?php } ?>
          </div>
        </div>
      </div>
    </section>
    
    <!-- Swiper JS -->
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <script>
      var swiper = new Swiper(".myCoursesSwiper", {
        slidesPerView: 3,
        spaceBetween: 30,
        loop: true,
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
        breakpoints: {
          320: { slidesPerView: 1 },
          768: { slidesPerView: 2 },
          1024: { slidesPerView: 3 }
        }
      });
    </script>
    <!-- /Courses Section -->
    
    <!-- Testimonials Section -->
    <!--<section id="testimonials" class="testimonials section">-->

      <!-- Section Title -->
    <!--  <div class="container section-title d-none" data-aos="fade-up">-->
    <!--    <h2>Testimonials</h2>-->
    <!--    <p>What are they saying</p>-->
    <!--  </div>-->

    <!--  <div class="container" data-aos="fade-up" data-aos-delay="100">-->

    <!--    <div class="swiper init-swiper">-->
    <!--      <script type="application/json" class="swiper-config">-->
    <!--        {-->
    <!--          "loop": true,-->
    <!--          "speed": 600,-->
    <!--          "autoplay": {-->
    <!--            "delay": 5000-->
    <!--          },-->
    <!--          "slidesPerView": "auto",-->
    <!--          "pagination": {-->
    <!--            "el": ".swiper-pagination",-->
    <!--            "type": "bullets",-->
    <!--            "clickable": true-->
    <!--          },-->
    <!--          "breakpoints": {-->
    <!--            "320": {-->
    <!--              "slidesPerView": 1,-->
    <!--              "spaceBetween": 40-->
    <!--            },-->
    <!--            "1200": {-->
    <!--              "slidesPerView": 2,-->
    <!--              "spaceBetween": 20-->
    <!--            }-->
    <!--          }-->
    <!--        }-->
    <!--      </script>-->
    <!--      <div class="swiper-wrapper">-->

    <!--        <div class="swiper-slide">-->
    <!--          <div class="testimonial-wrap">-->
    <!--            <div class="testimonial-item">-->
    <!--              <img src="assets/img/person/person-m-9.webp" class="testimonial-img" alt="">-->
    <!--              <h3>Saul Goodman</h3>-->
    <!--              <h4>Ceo &amp; Founder</h4>-->
    <!--              <div class="stars">-->
    <!--                <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
    <!--              </div>-->
    <!--              <p>-->
    <!--                <i class="bi bi-quote quote-icon-left"></i>-->
    <!--                <span>Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper.</span>-->
    <!--                <i class="bi bi-quote quote-icon-right"></i>-->
    <!--              </p>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->

    <!--        <div class="swiper-slide">-->
    <!--          <div class="testimonial-wrap">-->
    <!--            <div class="testimonial-item">-->
    <!--              <img src="assets/img/person/person-f-5.webp" class="testimonial-img" alt="">-->
    <!--              <h3>Sara Wilsson</h3>-->
    <!--              <h4>Designer</h4>-->
    <!--              <div class="stars">-->
    <!--                <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
    <!--              </div>-->
    <!--              <p>-->
    <!--                <i class="bi bi-quote quote-icon-left"></i>-->
    <!--                <span>Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.</span>-->
    <!--                <i class="bi bi-quote quote-icon-right"></i>-->
    <!--              </p>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->

    <!--        <div class="swiper-slide">-->
    <!--          <div class="testimonial-wrap">-->
    <!--            <div class="testimonial-item">-->
    <!--              <img src="assets/img/person/person-f-12.webp" class="testimonial-img" alt="">-->
    <!--              <h3>Jena Karlis</h3>-->
    <!--              <h4>Store Owner</h4>-->
    <!--              <div class="stars">-->
    <!--                <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
    <!--              </div>-->
    <!--              <p>-->
    <!--                <i class="bi bi-quote quote-icon-left"></i>-->
    <!--                <span>Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.</span>-->
    <!--                <i class="bi bi-quote quote-icon-right"></i>-->
    <!--              </p>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->

    <!--        <div class="swiper-slide">-->
    <!--          <div class="testimonial-wrap">-->
    <!--            <div class="testimonial-item">-->
    <!--              <img src="assets/img/person/person-m-12.webp" class="testimonial-img" alt="">-->
    <!--              <h3>Matt Brandon</h3>-->
    <!--              <h4>Freelancer</h4>-->
    <!--              <div class="stars">-->
    <!--                <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
    <!--              </div>-->
    <!--              <p>-->
    <!--                <i class="bi bi-quote quote-icon-left"></i>-->
    <!--                <span>Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.</span>-->
    <!--                <i class="bi bi-quote quote-icon-right"></i>-->
    <!--              </p>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->

    <!--        <div class="swiper-slide">-->
    <!--          <div class="testimonial-wrap">-->
    <!--            <div class="testimonial-item">-->
    <!--              <img src="assets/img/person/person-m-13.webp" class="testimonial-img" alt="">-->
    <!--              <h3>John Larson</h3>-->
    <!--              <h4>Entrepreneur</h4>-->
    <!--              <div class="stars">-->
    <!--                <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>-->
    <!--              </div>-->
    <!--              <p>-->
    <!--                <i class="bi bi-quote quote-icon-left"></i>-->
    <!--                <span>Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.</span>-->
    <!--                <i class="bi bi-quote quote-icon-right"></i>-->
    <!--              </p>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->

    <!--      </div>-->
    <!--      <div class="swiper-pagination"></div>-->
    <!--    </div>-->

    <!--  </div>-->

    <!--</section>-->
    <!-- /Testimonials Section -->

  </main>

  <?php
  include("parts/footer.php");
  ?>