@extends('layouts.website.app')
    @section('content')
        <main class="main">
            <div class="site-breadcrumb" style="background: url({{ url('website/img/breadcrumb/01.jpg') }})">
                <div class="container">
                    <h2 class="breadcrumb-title"> Our Features </h2>
                    <ul class="breadcrumb-menu">
                        <li> <a href="{{ url('/') }}"> Home </a> </li>
                        <li class="active"> Our Features </li>
                    </ul>
                </div>
            </div>

            <div class="about-area pd-50">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 mx-auto">
                            <div class="site-heading text-center">
                                <h2 class="site-title"> Our Outstanding <span> Features </span></h2>
                            </div>
                        </div>
                    </div>

                    <div class="row owl-theme">

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"> <a href="javascript:;"> Staff Management </a> </h5>
                                    <p class="course-text"> Control what your staff can see and handle, ensuring smooth and secure operations. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Bulk Messaging </a></h5>
                                    <p> Reach all your customers with a single click via SMS or in-app messages. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Receiving Account Selection </a></h5>
                                    <p> Choose the specific account that will receive customer payments, easily and securely. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"> <a href="javascript:;"> Customer Management </a></h5>
                                    <p> Easily manage your customers—PPPoE, Hotspot, and dedicated clients—all in one place. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Router Management </a></h5>
                                    <p> Professionally manage all your Mikrotik routers from one account—no switching between systems. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> WhatsApp Integration </a></h5>
                                    <p> Send messages to your customers on WhatsApp at no extra cost by simply scanning a QR code. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Company Management </a></h5>
                                    <p> Upload your logo, customize company details, and manage your business brand with ease. <br> &nbsp; </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"> <a href="javascript:;"> Internet Plans </a> </h5>
                                    <p> Create, edit, and organize your internet packages (PPPoE, Hotspot, and dedicated clients) with ease. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Prepaid Vouchers </a></h5>
                                    <p> Generate prepaid vouchers and let customers connect instantly. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Invoice Management </a></h5>
                                    <p> Track both paid and pending invoices effortlessly. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Asset Management </a></h5>
                                    <p> Monitor and manage your assets—know exactly where they are and their current status. </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-3">
                            <div class="course-item">
                                <div class="course-content">
                                    <h5 class="course-title"><a href="javascript:;"> Payments (Kenya, Tanzania & Uganda) </a></h5>
                                    <p> Accept and track payments from Kenya (M-PESA), Tanzania (M-PESA, Tigo Pesa, Airtel Money, Halopesa), and Uganda (MTN Mobile Money, Airtel Money)—all from one account. Quickly search and filter transactions. </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    @endsection