<?= $this->extend('frontend/layout/main'); ?>
<?= $this->section('css'); ?>
<link rel="stylesheet" type="text/css" href="<?= base_url() ?>assets/common/lightbox/css/lightbox.min.css">
<?= $this->endSection(); ?>
<?= $this->section('title') ?>Home Page<?= $this->endSection(); ?>
<?= $this->section('content') ?>
<!-- Hero Section -->
<section id="hero" class="hero section dark-background">

    <img src="assets/frontend/img/hero-bg-2.jpg" alt="" data-aos="fade-in">

    <div class="container">
        <?= view_cell('AlertCell') ?>

        <div class="row justify-content-center text-center" data-aos="fade-up" data-aos-delay="100">
            <div class="col-xl-6 col-lg-8">
                <h2>BetPawa<br> <?= env('APP_NAME') ?> </h2>
                <p>Welcome to our office</p>
            </div>
        </div>

        <div class="row gy-4 mt-5 justify-content-center" data-aos="fade-up" data-aos-delay="200">
            <div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="300">
                <div class="icon-box">
                    <a href="<?= url_to('signin') ?>">
                        <i class="bi bi-box-arrow-in-right"></i>
                    </a>
                    <h3><a href="<?= url_to('signin') ?>">Sign In</a></h3>
                </div>
            </div>
            <div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="400">
                <div class="icon-box">
                    <a href="<?= url_to('signout') ?>">
                        <i class="bi bi-box-arrow-right"></i>
                    </a>
                    <h3><a href="<?= url_to('signout') ?>">Sign Out</a></h3>
                </div>
            </div>
            <div class="col-xl-2 col-md-4" data-aos="fade-up" data-aos-delay="500">
                <div class="icon-box">
                    <a href="<?= base_url('assets/common/images/qr-code.png') ?>">
                    <i class="bi bi-qr-code-scan"></i>
                    </a>
                    <h3>
                        <a href="<?= base_url('assets/common/images/qr-code.png') ?>" data-title="Scan using your mobile device" data-lightbox="qr.png" data-alt="Scan using your mobile device">
                            Sign In By QR
                        </a>
                    </h3>

                </div>
            </div>

        </div>

    </div>

</section><!-- /Hero Section -->




<?= $this->endSection(); ?>

<?= $this->section('js'); ?>

<script src="<?= base_url() ?>assets/common/lightbox/js/lightbox-plus-jquery.min.js"></script>
<?= $this->endSection(); ?>