@extends('frontend.layouts.master')
@section('content')
    <!-- banner-section start -->
    @include('frontend.pages.components.banner', ['pageTitle' => 'About Us'])
    <!-- banner-section end -->

    <!-- About Us Section -->
    <section class="about-section">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <div class="text-area">
                            <h5 class="sub-title">About Us</h5>
                            <h2 class="title">Seamless Banking for a Connected World</h2>
                            <p>At {{ env('APP_NAME') }}, we empower you with secure, accessible, and innovative financial
                                solutions. From virtual and physical debit cards to instant global transfers, our platform
                                simplifies your financial life, no matter where you are.</p>
                        </div>
                        <div class="row cus-mar">
                            <div class="col-xl-4 col-md-4">
                                <div class="count-content text-center">
                                    <div class="count-number">
                                        <h4 class="counter">99</h4>
                                        <h4 class="static">%</h4>
                                    </div>
                                    <p>Uptime Reliability</p>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-4">
                                <div class="count-content text-center">
                                    <div class="count-number">
                                        <h4 class="counter">50</h4>
                                        <h4 class="static">K</h4>
                                    </div>
                                    <p>Daily Transactions</p>
                                </div>
                            </div>
                            <div class="col-xl-4 col-md-4">
                                <div class="count-content text-center">
                                    <div class="count-number">
                                        <h4 class="counter">10</h4>
                                        <h4 class="static">K</h4>
                                    </div>
                                    <p>New Cards Issued Monthly</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Core Values Section -->
    <section class="our-core-values">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-9">
                        <div class="section-header text-center">
                            <h5 class="sub-title">Our Core Values</h5>
                            <h2 class="title">Building Trust Through Innovation</h2>
                            <p>We’re committed to delivering secure, user-focused banking solutions that empower you to
                                manage your finances with confidence.</p>
                        </div>
                    </div>
                </div>
                <div class="row cus-mar">
                    <div class="col-xl-4 col-md-4">
                        <div class="single-box">
                            <div class="icon">
                                <i class="ti ti-shield-lock text-primary fs-1"></i>
                            </div>
                            <div class="text-area">
                                <h5>Uncompromising Security</h5>
                                <p>Your data and transactions are protected with industry-leading encryption, ensuring peace
                                    of mind.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-4">
                        <div class="single-box">
                            <div class="icon">
                                <i class="ti ti-wallet text-primary fs-1"></i>
                            </div>
                            <div class="text-area">
                                <h5>Empowering Wealth Creation</h5>
                                <p>From instant transfers to multi-currency accounts, we provide tools to grow your
                                    financial future.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-md-4">
                        <div class="single-box">
                            <div class="icon">
                                <i class="ti ti-world text-primary fs-1"></i>
                            </div>
                            <div class="text-area">
                                <h5>Global Accessibility</h5>
                                <p>Bank anywhere, anytime with our digital-first platform, supporting seamless cross-border
                                    transactions.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Get Start In start -->
    <section class="get-start wow fadeInUp">
        <div class="overlay">
            <div class="container">
                <div class="col-12">
                    <div class="get-content text-center">
                        <div class="section-text">
                            <h3 class="title">Start Banking Smarter</h3>
                            <p>Join thousands who trust {{ env('APP_NAME') }}. Create your free account in just minutes.
                            </p>
                        </div>
                        <a href="{{ route('register') }}" class="cmn-btn">Create Free Account</a>
                        <div class="img-area mt-4">
                            <img src="/frontend/assets/images/get-start.png" alt="banking illustration" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Get Start In end -->
@endsection