@extends('frontend.layouts.app')

@section('title', 'Broker Statement - ' . $siteName)

@section('content')

    <section class="breadcrumb-section">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-8 col-xl-8 text-center section-space-y">
                    <div class="d-inline-flex align-items-center py-2 px-4 bg-info-10 bg-opacity-3 rounded-1">
                        <a href="{{ route('frontend.home') }}" class="link fs-12 clr-white">Home</a>
                        <span class="fs-12 clr-white">-</span>
                        <span class="fs-12 clr-white">Statements </span>
                    </div>
                    <h2 class="h3 fw-bold clr-neutral-90 mt-4 max-text-32 ms-auto me-auto">Broker Statement Report</h2>
                    <p class="clr-neutral-90">Have a peek of our past profit reports and payouts from some of our top
                        traders.</p>
                </div>
            </div>
        </div>
        <img src="/frontend/frontend/resources/landing/assets/img/breadcrumb-shape-top.png" alt="image"
            class="img-fluid breadcrumb-shape breadcrumb-shape-top">
        <img src="/frontend/frontend/resources/landing/assets/img/breadcrumb-shape-left.png" alt="image"
            class="img-fluid breadcrumb-shape breadcrumb-shape-left">
        <img src="/frontend/frontend/resources/landing/assets/img/breadcrumb-shape-right.png" alt="image"
            class="img-fluid breadcrumb-shape breadcrumb-shape-right">
        <img src="/frontend/frontend/resources/landing/assets/img/breadcrumb-shape-line-left.png" alt="image"
            class="img-fluid breadcrumb-shape breadcrumb-shape-line-left">
        <img src="/frontend/frontend/resources/landing/assets/img/breadcrumb-shape-line-right.png" alt="image"
            class="img-fluid breadcrumb-shape breadcrumb-shape-line-right">
    </section>

    <div class="use-case-section section-space-sm-bottom">
        <div class="container">
            <div>
                <img src="/frontend/frontend/resources/landing/assets/img/n2022.jpg" alt="Broker Statement 2022"
                    class="img-fluid object-fit-cover">
            </div>
            <div class="mt-10">
                <img src="/frontend/frontend/resources/landing/assets/img/o2021.jpg" alt="Broker Statement Oct 2021"
                    class="img-fluid object-fit-cover">
            </div>
            <div class="mt-10">
                <img src="/frontend/frontend/resources/landing/assets/img/s2021.jpg" alt="Broker Statement Sep 2021"
                    class="img-fluid object-fit-cover">
            </div>
            <div class="mt-10">
                <img src="/frontend/frontend/resources/landing/assets/img/a2021.png" alt="Broker Statement Aug 2021"
                    class="img-fluid object-fit-cover">
            </div>
        </div>
    </div>

@endsection