<?php $this->load->view('website/partials/header'); ?>

        <!--Start Breadcrumb Area-->
        <section class="breadcrumb-area">
            <div class="breadcrumb-area-bg" style="background-image: url(<?php echo base_url('assets/website/assets/images/backgrounds/breadcrumb-area-bg.jpg'); ?>);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="inner-content">
                            <div class="title" data-aos="fade-right" data-aos-easing="linear" data-aos-duration="500">
                                <h2>About Us</h2>
                            </div>
                            <div class="breadcrumb-menu" data-aos="fade-left" data-aos-easing="linear" data-aos-duration="500">
                                <ul>
                                    <li><a href="<?php echo site_url(); ?>">Home</a></li>
                                    <li class="active">About Us</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Breadcrumb Area-->


        <!--Start Intro Style1 Area-->
        <section class="intro-style1-area">
            <div class="container">
                <div class="row">

                    <div class="col-xl-6">
                        <div class="intro-style1-video-gallery">
                            <div class="intro-style1-video-gallery-bg"
                                style="background-image: url(<?php echo base_url('assets/website/assets/images/resources/intro-style1-video-gallery.jpg'); ?>);">
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-6">
                        <div class="intro-style1-content-box">
                            <div class="sec-title">
                                <h2>Building the Future<br> of Digital Banking</h2>
                            </div>
                            <div class="text">
                                <p><?php echo $app_name; ?> was founded with a simple mission: to make banking accessible, secure, and convenient for everyone. We believe that managing your money should be effortless, not a chore.</p>

                                <p>Over the past decade, we've grown from a small fintech startup to a trusted financial partner for over 50,000 customers. Our commitment to innovation and customer satisfaction drives everything we do.</p>
                            </div>

                            <div class="row">
                                <!--Start Intro Style1 Single Box-->
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="intro-style1-single-box">
                                        <div class="title-box">
                                            <h3><a href="#">Our Vision</a></h3>
                                            <p>To be the most customer-centric digital bank, where people can access all their financial needs seamlessly.</p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Intro Style1 Single Box-->
                                <!--Start Intro Style1 Single Box-->
                                <div class="col-xl-6 col-lg-6 col-md-6">
                                    <div class="intro-style1-single-box">
                                        <div class="title-box">
                                            <h3><a href="#">Our Mission</a></h3>
                                            <p>To empower individuals with innovative financial tools that simplify money management.</p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Intro Style1 Single Box-->
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!--End Intro Style1 Area-->


        <!--Start Facts Area-->
        <section class="facts-area">
            <div class="facts-area-bg" style="background-image: url(<?php echo base_url('assets/website/assets/images/backgrounds/facts-area-bg.jpg'); ?>);">
            </div>
            <div class="container">
                <div class="sec-title text-center">
                    <h2><?php echo $app_name; ?> by the Numbers</h2>
                    <div class="sub-title">
                        <p>A snapshot of our growth and impact over the years.</p>
                    </div>
                </div>
                <div class="row">
                    <!--Start Single Fact Box-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-fact-box">
                            <div class="icon">
                                <span class="icon-expert"><span class="path1"></span><span class="path2"></span></span>
                            </div>
                            <div class="text">
                                <h3>Active Users</h3>
                                <p>50,000+ customers trust us</p>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fact Box-->

                    <!--Start Single Fact Box-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-fact-box">
                            <div class="icon">
                                <span class="icon-bank"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span><span class="path15"></span><span class="path16"></span></span>
                            </div>
                            <div class="text">
                                <h3>Years in Business</h3>
                                <p>10+ years of excellence</p>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fact Box-->

                    <!--Start Single Fact Box-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-fact-box">
                            <div class="icon">
                                <span class="icon-human"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span><span class="path15"></span></span>
                            </div>
                            <div class="text">
                                <h3>Team Members</h3>
                                <p>150+ dedicated professionals</p>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fact Box-->

                    <!--Start Single Fact Box-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="single-fact-box">
                            <div class="icon">
                                <span class="icon-money-bag"><span class="path1"></span><span class="path2"></span></span>
                            </div>
                            <div class="text">
                                <h3>Industry Awards</h3>
                                <p>15+ recognition awards</p>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fact Box-->

                </div>
            </div>
        </section>
        <!--End Facts Area-->


        <!--Start Our Values-->
        <section style="padding: 80px 0; background: #f8f9fa;">
            <div class="container">
                <div class="text-center mb-5">
                    <p style="color: #667eea; font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px;">Our Values</p>
                    <h2 style="font-size: 36px; font-weight: 700; margin-bottom: 15px;">What We Stand For</h2>
                </div>
                <div class="row justify-content-center">
                    <!--Start Single Value-->
                    <div class="col-xl-4 col-lg-4 col-md-6 mb-4">
                        <div class="text-center" style="padding: 40px 25px; background: white; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.08); transition: all 0.3s;">
                            <div style="width: 80px; height: 80px; margin: 0 auto 25px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;">
                                <svg width="40" height="40" fill="white" viewBox="0 0 24 24">
                                    <path d="M3.783 2.826L12 1l8.217 1.826a1 1 0 0 1 .783.976v9.987a6 6 0 0 1-2.672 4.992L12 23l-6.328-4.219A6 6 0 0 1 3 13.79V3.802a1 1 0 0 1 .783-.976zM5 4.604v9.185a4 4 0 0 0 1.781 3.328L12 20.597l5.219-3.48A4 4 0 0 0 19 13.79V4.604L12 3.05 5 4.604z"/>
                                </svg>
                            </div>
                            <h3 style="font-size: 22px; font-weight: 600; margin-bottom: 15px; color: #2d3748;">Trust & Security</h3>
                            <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">Your trust is our foundation. We invest heavily in security measures to ensure your money and data are always protected.</p>
                        </div>
                    </div>
                    <!--End Single Value-->

                    <!--Start Single Value-->
                    <div class="col-xl-4 col-lg-4 col-md-6 mb-4">
                        <div class="text-center" style="padding: 40px 25px; background: white; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.08); transition: all 0.3s;">
                            <div style="width: 80px; height: 80px; margin: 0 auto 25px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;">
                                <svg width="40" height="40" fill="white" viewBox="0 0 24 24">
                                    <path d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10-8a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm1 12V8l-4 4 4 4z"/>
                                </svg>
                            </div>
                            <h3 style="font-size: 22px; font-weight: 600; margin-bottom: 15px; color: #2d3748;">Innovation</h3>
                            <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">We continuously push boundaries to bring you the latest in banking technology, making your financial life easier every day.</p>
                        </div>
                    </div>
                    <!--End Single Value-->

                    <!--Start Single Value-->
                    <div class="col-xl-4 col-lg-4 col-md-6 mb-4">
                        <div class="text-center" style="padding: 40px 25px; background: white; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.08); transition: all 0.3s;">
                            <div style="width: 80px; height: 80px; margin: 0 auto 25px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;">
                                <svg width="40" height="40" fill="white" viewBox="0 0 24 24">
                                    <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.008 8.008 0 0 0 5.648 6.667zM10.03 13c.151 2.439.848 4.73 1.97 6.752A15.905 15.905 0 0 0 13.97 13h-3.94zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13zM4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333 8.008 8.008 0 0 0 4.062 11zm5.969 0h3.938A15.905 15.905 0 0 0 12 4.248 15.905 15.905 0 0 0 10.03 11zm4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667z"/>
                                </svg>
                            </div>
                            <h3 style="font-size: 22px; font-weight: 600; margin-bottom: 15px; color: #2d3748;">Transparency</h3>
                            <p style="color: #6c757d; font-size: 15px; line-height: 1.6;">No hidden fees, no surprises. We believe in clear communication and honest pricing for all our services.</p>
                        </div>
                    </div>
                    <!--End Single Value-->
                </div>
            </div>
        </section>
        <!--End Our Values-->


        <!--Start Slogan Content Box-->
        <section class="slogan-area">
            <div class="container">
                <div class="slogan-content-box">
                    <div class="slogan-content-box-bg"
                        style="background-image: url(<?php echo base_url('assets/website/assets/images/backgrounds/slogan-content-box-bg.jpg'); ?>);"></div>
                    <div class="inner-title">
                        <h2>Ready to Experience <?php echo $app_name; ?>?</h2>
                        <p>Join thousands of satisfied customers who trust us with their banking needs.</p>
                    </div>
                    <div class="btn-box">
                        <a class="btn-one" href="<?php echo site_url('auth/login'); ?>">
                            <span class="txt">Login to Your Account</span>
                        </a>
                    </div>
                </div>
            </div>
        </section>
        <!--End Slogan Content Box-->

<?php $this->load->view('website/partials/footer'); ?>
