<!DOCTYPE html>
<html lang="en">

<?php include 'includes/styles.php'; ?>
<title>Home | School Portal Nigeria | Empowering Schools</title>

<body>
<?php include 'includes/header.php';?>

<section class="hero">
    <h1 data-aos="fade-up">Schools Result Portal + CBT Web App</h1>
    <p data-aos="fade-up" data-aos-delay="100">Empowering Primary & Secondary Schools With Next-Gen Result Management & Computer Based Testing</p>
</section>

<section class="features" id="features">
    <h2 data-aos="fade-up">Application Features</h2>
    <div class="feature-grid">
        <div class="feature-card" data-aos="fade-up" data-aos-delay="100">Intuitive Dashboard</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="150">Comprehensive Teacher, Student, Class & Subject Management</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="200">Multiple Admins & Role Privileges</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="250">Grading, Positioning & Mark Distribution Settings</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="300">Result Checking Pins: Generation, Expiry, & Tracking</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="350">Terminal & Cumulative Report Generation</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="400">Psychomotor & Cognitive Activity Assessment</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="450">Customizable Comments by Teachers & Principals</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="500">Exam Attendance Tracking</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="550">CBT Tools for Online Exams</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="600">Multi-User Access: Super Admin, Admin, Teacher, Student</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="650">Returning Students Access Reports Without Login</div>
        <div class="feature-card" data-aos="fade-up" data-aos-delay="650">And many more...</div>
    </div>
</section>

<section class="testimonials" id="testimonials">
    <h2 data-aos="fade-up">What Our Users Say</h2>
    <div class="testimonial" data-aos="fade-up" data-aos-delay="100">
        <p>"This platform has streamlined result processing for our entire school system. Teachers love the interface!"</p>
        <strong>- Mr. Ade, Principal</strong>
    </div>
    <div class="testimonial" data-aos="fade-up" data-aos-delay="200">
        <p>"As a student, checking my results online has never been this easy. Thank you!"</p>
        <strong>- Chidinma, SS2 Student</strong>
    </div>
    <div class="testimonial" data-aos="fade-up" data-aos-delay="300">
        <p>"We use the CBT features for our internal exams and it's been very reliable. Highly recommended!"</p>
        <strong>- Mr. John, ICT Teacher</strong>
    </div>
</section>

<section class="demo-video" id="demo">
    <h2 data-aos="fade-up">Watch Demo Video</h2>
    <video
            data-aos="fade-up"
            data-aos-delay="100"
            controls
            poster="./resultapp-demo-image.jpg"
            width="100%"
            style="max-width: 800px; display: block; margin: auto; border-radius: 10px;"
    >
        <source src="https://result-portal.kelseywebsolutionsacademy.com.ng/Kelsweywebsolutions-Academy-CBT-Web-App-Demo.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</section>



<section id="login" class="features">
    <h2 data-aos="fade-up">Portal Login</h2>
    <div class="login-links" data-aos="fade-up" data-aos-delay="100">
        <a href="/admin/login">Admin Login</a>
        <a href="/teacher/login">Teacher Login</a>
        <a href="/student/login">Student Login</a>
    </div>
</section>

<?php include 'includes/footer.php'; ?>
</body>

</html>