@extends('frontal.layouts.app')

@section('content')
    <!-- page-title -->
    <section class="page-title centred">
        <div class="bg-layer" style="background-image: url(../../assets/images/background/page-title.jpg);"></div>
        <div class="pattern-layer">
            <div class="pattern-1" style="background-image: url(../../assets/images/shape/shape-18.png);"></div>
            <div class="pattern-2" style="background-image: url(../../assets/images/shape/shape-17.png);"></div>
        </div>
        <div class="auto-container">
            <div class="content-box">
                <h1>Mobile & Web Banking</h1>
                <ul class="bread-crumb clearfix">
                    <li><a href="{{ route('index') }}">Home</a></li>
                    <li>Mobile & Web Banking</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- page-title end -->


    <!-- about-style-two -->
    <section class="about-style-two pt_120 pb_120">
        <div class="auto-container">
            <div class="row align-items-center">
                <!-- Content Column -->
                <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                    <div class="content_block_three">
                        <div class="content-box mr_110">
                            <div class="sec-title mb_20">
                                <h6>Mobile & Web Banking</h6>
                                <h2>Your Guide to Mobile & Web Banking</h2>
                            </div>
                            <div class="text-box mb_40">
                                <p>We provide a secure and seamless banking experience for all stages of life. With cutting-edge technology and a focus on user convenience, we ensure you can manage your finances anytime, anywhere.</p>
                                <ul class="list-style-one clearfix">
                                    <li>Secure and reliable banking solutions</li>
                                    <li>24/7 access to your accounts</li>
                                    <li>Community-driven innovations</li>
                                </ul>
                            </div>
                            <div class="btn-box">
                                <a href="{{ route('register') }}" class="theme-btn btn-one">Open an Account</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Image Column -->
                <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                    <div class="image_block_two">
                        <div class="image-box">
                            <div class="image-shape">
                                <div class="shape-3" style="background-image: url(../../assets/images/shape/shape-11.png);"></div>
                                <div class="shape-4" style="background-image: url(../../assets/images/shape/shape-3.png);"></div>
                            </div>
                            <figure class="image"><img src="../../assets/images/resource/about-5.jpg" alt="Mobile and Web Banking"></figure>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- about-style-two end -->


    <!-- process-section -->
    <section class="process-section centred pt_120 pb_90">
        <div class="bg-layer" style="background-image: url(../../assets/images/background/process-bg.jpg);"></div>
        <div class="auto-container">
            <div class="sec-title mb_110"> 
                <h6>Our Process</h6>
                <h2>Open Bank Accounts Easily Online</h2>
            </div>
            <div class="inner-container">
                <!-- Step 1 -->
                <div class="processing-block-one">
                    <div class="arrow-shape" style="background-image: url(../../assets/images/shape/shape-12.png);"></div>
                    <div class="inner-box">
                        <span class="count-text">01 <br>Step</span>
                        <h3>Fill In The <br>Required Form</h3>
                        <p>Start by completing the online form with your personal details. It's quick and easy!</p>
                    </div>
                </div>
                <!-- Step 2 -->
                <div class="processing-block-one">
                    <div class="arrow-shape" style="background-image: url(../../assets/images/shape/shape-13.png);"></div>
                    <div class="inner-box">
                        <span class="count-text">02 <br>Step</span>
                        <h3>Submit All <br>Your Documents</h3>
                        <p>Upload necessary documents securely through our mobile app or website for verification.</p>
                    </div>
                </div>
                <!-- Step 3 -->
                <div class="processing-block-one">
                    <div class="inner-box">
                        <span class="count-text">03 <br>Step</span>
                        <h3>Get Your <br>Desired Account</h3>
                        <p>Once verified, your account will be activated, and you'll have full access to mobile and web banking.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- process-sectione end -->


    <!-- requirements-section -->
    <section class="requirements-section centred pt_120 pb_90">
        <div class="auto-container">
            <div class="sec-title mb_70">
                <h6>Requirements</h6>
                <h2>Required Documents</h2>
            </div>
            <div class="row clearfix">
                <!-- Documents Section -->
                <div class="col-lg-4 col-md-6 col-sm-12 requirements-block">
                    <div class="requirements-block-one">
                        <div class="inner-box">
                            <h4>Documents</h4>
                            <ul class="list-item clearfix">
                                <li>NID/Birth Certificate/Passport</li>
                                <li>Two Passport-Sized Photographs</li>
                                <li>Nominee's Photograph (1 Copy)</li>
                                <li>Nominee's NID/Birth Certificate/Passport</li>
                                <li>Proof of Income Source</li>
                                <li>E-TIN Certificate</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Features Section -->
                <div class="col-lg-4 col-md-6 col-sm-12 requirements-block">
                    <div class="requirements-block-one">
                        <div class="inner-box">
                            <h4>Features</h4>
                            <ul class="list-item clearfix">
                                <li>Cheque Book Facility</li>
                                <li>Debit Card for ATM Cash Withdrawals</li>
                                <li>Interest on Monthly Average Balance</li>
                                <li>Higher ATM Withdrawal Limits</li>
                                <li>Utility Bill Payment Service</li>
                                <li>Online Banking via Mobile App</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Eligibility Section -->
                <div class="col-lg-4 col-md-6 col-sm-12 requirements-block">
                    <div class="requirements-block-one">
                        <div class="inner-box">
                            <h4>Eligibility</h4>
                            <ul class="list-item clearfix">
                                <li>Minimum Age: 18 Years</li>
                                <li>Nationality: All Country</li>
                                <li>Employed in a Full-Time Job</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- requirements-section end -->
@endsection
