@extends('frontend.layout.main')

@section('title')
    About us
@endsection

@section('styles')
    
@endsection

@section('content')
<div class="content-wrapper">

    <!-- Breadcrumb Start -->
    <div class="breadcrumb-wrap bg-spring">
        <img src="assets/img/breadcrumb/br-shape-1.png" alt="Image" class="br-shape-one xs-none">
        <img src="assets/img/breadcrumb/br-shape-2.png" alt="Image" class="br-shape-two xs-none">
        <img src="assets/img/breadcrumb/br-shape-3.png" alt="Image" class="br-shape-three moveHorizontal sm-none">
        <img src="assets/img/breadcrumb/br-shape-4.png" alt="Image" class="br-shape-four moveVertical sm-none">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7 col-md-8 col-sm-8">
                    <div class="breadcrumb-title">
                        <h2>About Us</h2>
                        <ul class="breadcrumb-menu list-style">
                            <li><a href="index.html">Home </a></li>
                            <li>About Us</li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-5 col-md-4 col-sm-4 xs-none">
                    <div class="breadcrumb-img">
                        <img src="assets/img/breadcrumb/br-shape-5.png" alt="Image" class="br-shape-five animationFramesTwo">
                        <img src="assets/img/breadcrumb/br-shape-6.png" alt="Image" class="br-shape-six bounce">
                        <img src="assets/img/breadcrumb/breadcrumb-1.png" alt="Image">
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!-- Breadcrumb End -->

    <!-- About Section Start -->
    <section class="about-wrap style1 ptb-100">
        <div class="container">
            <div class="row gx-5 align-items-center">
                <div class="col-lg-6">
                    <div class="about-img-wrap">
                        {{-- <img src="assets/img/about/about-shape-1.png" alt="Image" class="about-shape-one bounce">
                        <img src="assets/img/about/about-shape-2.png" alt="Image" class="about-shape-two moveHorizontal"> --}}
                        <img src="{{ asset('images/'.$about->picture) }}" alt="Image" class="about-img">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="about-content">
                        <img src="assets/img/about/about-shape-3.png" alt="Image" class="about-shape-three">
                        <div class="content-title style1">
                            {{-- <span>Smart Banking</span> --}}
                            <h2>About Us</h2>
                            {!! $about->aboutus !!}
                        </div>
                     
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- About Section End -->

 
    <!-- Online Shopping Section End -->

    <!-- App Section Start -->
    <section class="app-wrap  ptb-100 bg-rock">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-7 col-md-8">
                    <div class="app-content sm-center">
                        <div class="content-title style2">
                            <h2>You Can Find All Things You Need In Our App</h2>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-md-4 text-md-end sm-center">
                    <div class="app-btn">
                        <a href="https://play.google.com/store/apps" target="_blank"><img src="assets/img/play-store.png" alt="Image"></a>
                        <a href="https://www.apple.com/app-store/" target="_blank"><img src="assets/img/apple-store.png" alt="Image"></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- App Section End -->

  
    <!-- Goal Section End -->

 
    <!-- Testimonial Section End -->

 
    <!-- Security Section End -->

</div>
@endsection

@section('scripts')
    
@endsection