@extends('layouts.app')

@section('title', 'Partner | ' . config('app.name'))

@push('styles')
    @vite('resources/css/pages/about.css')
@endpush

@section('content')

  <!--==================================================
ABOUT HERO
===================================================-->

<section class="about-hero">

    <div class="about-banner">

        <img
            src="{{ asset('images/pages/about-us-header.jpg') }}"
            class="about-banner-image"
            alt="About Us">

        <div class="about-banner-overlay">

            <div class="container">

                <h1>About Us</h1>

            </div>

        </div>

    </div>

</section>

<!--==================================================
ABOUT INTRO
===================================================-->

<section class="about-intro">

    <img
        src="{{ asset('images/mesh/mesh-left-green.png') }}"
        class="about-mesh-left"
        alt="">

    <img
        src="{{ asset('images/mesh/mesh-right-green.png') }}"
        class="about-mesh-right"
        alt="">


    <div class="container">

        <div class="about-content">

            <h2>

                Proactive Resilience.<br>

                Not Reactive

                <span>Defense.</span>

            </h2>


            <p>

                We empower organizations to stay ahead of cyber threats
                with Continuous Threat Exposure Management —
                delivering real-time risk prioritization and
                actionable intelligence across your entire
                digital ecosystem.

            </p>

        </div>


        <!-- STATS -->

        <div class="about-stats">

             <div class="about-stat">

                <h3 class="counter" data-count="100">

                    0

                </h3>

                <span>

                    Continuous<br>
                    Visibility

                </span>

            </div>


            <div class="about-stat">

                <h3 class="counter" data-count="24">

                    0

                </h3>

                <span>

                    Active<br>
                    Monitoring

                </span>

            </div>


            <div class="about-stat">

                <h3 class="counter" data-count="12">

                    0

                </h3>

                <span>

                    Threat<br>
                    Detection

                </span>

            </div>

        </div>

    </div>

</section>

@endsection


@push('scripts')
    @vite('resources/js/about.js')
@endpush