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

    <!-- Solutions Business In start -->
    <section class="solutions-business">
        <div class="overlay pt-120">
            <div class="container wow fadeInUp">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-header text-center">
                            <h5 class="sub-title">Banking Solutions for Every Business Need</h5>
                            <h2 class="title">Streamline Your Business Finances with Our Innovative Online Banking</h2>
                            <p>Get complete control over your company's financial activities with our secure, accessible,
                                and
                                feature-rich online banking solutions designed to support growth and flexibility.</p>
                        </div>
                    </div>
                </div>
                <div class="row cus-mar">
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box text-center">
                            <div class="thumb d-flex justify-content-center align-items-center">
                                <img src="/frontend/assets/images/icon/checking.png" alt="checking">
                            </div>
                            <div class="content">
                                <h5>Borderless Business Banking</h5>
                                <p>Break free from geographical constraints and manage your business finances from anywhere
                                    in the world. Our online banking solutions are designed to support your global financial
                                    goals.</p>
                                <a href="{{ route('register') }}" class="btn-arrow">Learn More
                                    <img src="/frontend/assets/images/icon/arrow-right.png" alt="arrow">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box text-center">
                            <div class="thumb d-flex justify-content-center align-items-center">
                                <img src="/frontend/assets/images/icon/savings.png" alt="savings">
                            </div>
                            <div class="content">
                                <h5>Expert Financial Guidance</h5>
                                <p>Our dedicated team of financial experts is here to provide you with personalized
                                    financial guidance and support. Get expert advice on managing your finances,
                                    investing, and achieving your long-term financial goals.</p>
                                <a href="{{ route('register') }}" class="btn-arrow">Get Started
                                    <img src="/frontend/assets/images/icon/arrow-right.png" alt="arrow">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-box text-center">
                            <div class="thumb d-flex justify-content-center align-items-center">
                                <img src="/frontend/assets/images/icon/business.png" alt="business">
                            </div>
                            <div class="content">
                                <h5>Business Banking Solutions</h5>
                                <p>Streamline your business finances with dedicated features like virtual cards, team
                                    management, and tailored banking services. Manage your company's financial activities
                                    with ease from our online banking platform.</p>
                                <a href="{{ route('register') }}" class="btn-arrow">Open Account
                                    <img src="/frontend/assets/images/icon/arrow-right.png" alt="arrow">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Solutions Business In end -->

    <!-- Call to action In start -->
    <section class="call-action">
        <div class="overlay pt-120">
            <div class="container wow fadeInUp">
                <div class="row d-flex justify-content-center">
                    <div class="col-lg-10">
                        <div class="main-content">
                            <div class="section-header text-center">
                                <h2 class="title"><span>Ready to take control of your finances?</span> Start today.</h2>
                            </div>
                            <div class="bottom-area text-center">
                                <a href="{{ route('register') }}" class="cmn-btn">Open an Account</a>
                                <a href="{{ route('contact') }}" class="cmn-btn second">Contact Us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Call to action In end -->

    <!-- Personalized In start -->
    <section class="personalized">
        <div class="overlay">
            <div class="container wow fadeInUp">
                <div class="row d-flex justify-content-between">
                    <div class="col-lg-6 col-xl-5 d-flex align-items-center justify-content-end">
                        <div class="img-area">
                            <img src="/frontend/assets/images/personalized.png" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-5 pt-120 pb-120">
                        <div class="section-text">
                            <h3 class="title">Looking for a Personalized Solution?</h3>
                            <p>Connect with us and we’ll help you create the right option tailored to your personal or
                                business needs.</p>
                        </div>
                        <a href="{{ route('register') }}" class="cmn-btn">Apply for a Loan</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Personalized In end -->
@endsection
