@extends('layouts.public')

@section('title', setting('school_name', 'ShulePoint') . ' | ' . setting('school_tagline', 'Kenyan CBE School Management from PP1 to Grade 9'))
@section('meta_description', 'ShulePoint is a Kenyan Competency Based Education (CBE) school management system: admissions, attendance, academics, exams, fees with M-Pesa, transport, communication and reports from PP1 to Grade 9.')

@section('content')
<section class="bg-primary text-white py-5">
    <div class="container py-4">
        <div class="row align-items-center">
            <div class="col-lg-7">
                <span class="badge bg-light text-primary mb-3">PP1 – Grade 9 · CBC / CBE Aligned</span>
                <h1 class="display-5 fw-bold">{{ setting('school_name', 'ShulePoint') }}</h1>
                <p class="lead">{{ setting('school_tagline', 'Kenyan CBE School Management System') }} — {{ setting('motto', 'Elimu Bora, Maisha Bora') }}</p>
                <p>Admissions, attendance, competency assessments, exams, fee tracking with M-Pesa, transport, messaging and KNEC-ready reports — in one responsive portal for admins, secretaries, bursars and teachers.</p>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('login') }}" class="btn btn-light btn-lg">Staff Login</a>
                    <a href="#features" class="btn btn-outline-light btn-lg">Explore CBE Features</a>
                </div>
            </div>
            <div class="col-lg-5 mt-4 mt-lg-0">
                <div class="card text-dark shadow">
                    <div class="card-body text-center">
                        <h4 class="fw-bold">One Portal, Whole School</h4>
                        <div class="row mt-3">
                            <div class="col-4"><h3 class="text-primary fw-bold">900+</h3><small>Learners</small></div>
                            <div class="col-4"><h3 class="text-success fw-bold">40+</h3><small>Staff</small></div>
                            <div class="col-4"><h3 class="text-warning fw-bold">PP1–G9</h3><small>Levels</small></div>
                        </div>
                        <hr>
                        <p class="small text-muted mb-0">Roles: Admin · Secretary · Bursar · Teacher</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="features" class="py-5">
    <div class="container">
        <h2 class="text-center fw-bold mb-4">Built for Competency Based Education</h2>
        <div class="row g-3">
            <div class="col-md-4"><div class="card h-100 shadow-sm"><div class="card-body"><i class="fas fa-user-graduate fa-2x text-primary mb-2"></i><h5>Admissions & Learners</h5><p class="small">NEMIS/UPI tracking, PP1–Grade 9 placement, guardians and medical notes.</p></div></div></div>
            <div class="col-md-4"><div class="card h-100 shadow-sm"><div class="card-body"><i class="fas fa-book-open fa-2x text-success mb-2"></i><h5>CBE Academics</h5><p class="small">Learning areas, strands, competency rubrics (EE/ME/AE/BE) and KPSEA readiness.</p></div></div></div>
            <div class="col-md-4"><div class="card h-100 shadow-sm"><div class="card-body"><i class="fas fa-wallet fa-2x text-warning mb-2"></i><h5>Fees & M-Pesa</h5><p class="small">Fee structures, receipts, balances, Daraja STK push and bursar reports.</p></div></div></div>
            <div class="col-md-4"><div class="card h-100 shadow-sm"><div class="card-body"><i class="fas fa-file-alt fa-2x text-info mb-2"></i><h5>Exams & Reports</h5><p class="small">CBE assessments, report cards, transcripts and performance analytics.</p></div></div></div>
            <div class="col-md-4"><div class="card h-100 shadow-sm"><div class="card-body"><i class="fas fa-bus fa-2x text-danger mb-2"></i><h5>Transport & Library</h5><p class="small">Routes, bus manifests, book cataloguing, issue and return.</p></div></div></div>
            <div class="col-md-4"><div class="card h-100 shadow-sm"><div class="card-body"><i class="fas fa-bullhorn fa-2x text-secondary mb-2"></i><h5>SMS & Communication</h5><p class="small">Bulk SMS, events calendar, notices and parent engagement.</p></div></div></div>
        </div>
    </div>
</section>

<section id="pathways" class="bg-light py-5">
    <div class="container">
        <h2 class="text-center fw-bold mb-4">PP1 – Grade 9 Pathways</h2>
        <div class="row text-center">
            <div class="col-md-4"><div class="p-3 border rounded bg-white h-100"><h5>Early Years (PP1–PP2, G1–G3)</h5><p class="small">Foundational literacy, numeracy and values through play-based learning.</p></div></div>
            <div class="col-md-4"><div class="p-3 border rounded bg-white h-100"><h5>Middle School (G4–G6)</h5><p class="small">Broad learning areas with continuous competency assessment.</p></div></div>
            <div class="col-md-4"><div class="p-3 border rounded bg-white h-100"><h5>Junior School (G7–G9)</h5><p class="small">Pathway exploration: STEM, Social Sciences, Arts & Sports towards Senior School.</p></div></div>
        </div>
        <div class="text-center mt-4"><a href="{{ route('login') }}" class="btn btn-primary btn-lg">Get Started — Staff Portal</a></div>
    </div>
</section>
@endsection