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

    <!-- FAQs In start -->
    <section class="faqs-section">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp">
                <div class="row d-flex justify-content-center">
                    <div class="col-lg-6">
                        <div class="section-header text-center">
                            <h5 class="sub-title">Have a question? We’ve got answers.</h5>
                            <h2 class="title">Frequently Asked Questions</h2>
                            <p>Find quick answers to common questions about managing your account, using digital banking,
                                and keeping your finances secure.
                                <a href="{{ route('faqs') }}">See all questions here</a>.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="row d-flex justify-content-center">
                    <div class="col-xl-8">
                        <div class="faq-box wow fadeInUp">
                            <div class="accordion" id="accordionExample">

                                <!-- Branch & ATM -->
                                <div class="accordion-item">
                                    <h5 class="accordion-header" id="headingTwo">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                            Is Opening an account free?
                                        </button>
                                    </h5>
                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Yes, we don't take any fees to open an account.
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Lost Card -->
                                <div class="accordion-item">
                                    <h5 class="accordion-header" id="headingThree">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseThree" aria-expanded="false"
                                            aria-controls="collapseThree">
                                            Is it possible to send money from {{ env('APP_NAME') }} to another bank?
                                        </button>
                                    </h5>
                                    <div id="collapseThree" class="accordion-collapse collapse"
                                        aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Yes, you can send money from {{ env('APP_NAME') }} to another bank?</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Customer Service -->
                                <div class="accordion-item">
                                    <h5 class="accordion-header" id="headingFour">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseFour" aria-expanded="false"
                                            aria-controls="collapseFour">
                                            How to open an account?
                                        </button>
                                    </h5>
                                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>Get the registration form by clicking on the Open Account button on the top
                                                bar.
                                                Provide all information and click on the submit button.</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- PIN Reset -->
                                <div class="accordion-item">
                                    <h5 class="accordion-header" id="headingFive">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseFive" aria-expanded="false"
                                            aria-controls="collapseFive">
                                            Does {{ env('APP_NAME') }} share our information for advertisement?
                                        </button>
                                    </h5>
                                    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>No, we don't provide our account holder's information to any third-party
                                                organization.</p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Requirements -->
                                <div class="accordion-item">
                                    <h5 class="accordion-header" id="headingSix">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                            How to take a loan?
                                        </button>
                                    </h5>
                                    <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix"
                                        data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>
                                                First, you need to register, then go to the application page, fill the form
                                                and submit it. After submitting the form, our team will review your
                                                application and will contact you soon.
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <!-- Security -->
                                <div class="accordion-item">
                                    <h5 class="accordion-header" id="headingSeven">
                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                            data-bs-target="#collapseSeven" aria-expanded="false"
                                            aria-controls="collapseSeven">
                                            How secure is my data?
                                        </button>
                                    </h5>
                                    <div id="collapseSeven" class="accordion-collapse collapse"
                                        aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
                                        <div class="accordion-body">
                                            <p>We take the security of your data seriously. We use advanced encryption,
                                                multi-factor authentication, and real-time fraud monitoring to protect
                                                your information and keep your transactions safe.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQs In 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 -->

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