@extends('frontend.layouts.app')

@section('title')
Cybersecurity Services | R Web Solutions
@endsection

@section('seo')

@endsection

@section('content')

<link rel="stylesheet" href="{{ asset('/css/frontend/cybersecurity.css') }}">


<div class="messenger-box">
    <div>
         <a href="#">
            <div class="arrow-container">
                <i style="color: white;;" class="fa-solid fa-arrow-up"></i>
            </div>
        </a>
    </div>
    <a href="https://www.messenger.com/t/2350712291663307/?messaging_source=source%3Apages%3Amessage_shortlink&source_id=1441792&recurring_notification=0">
        <img src="{{ asset('assets/homepage/messenger.png') }}" alt="messenger" width="55px">
    </a>
</div>
<section class="cybersecurity-main-section-container proxima" draggable="false">
    <div class="card border-0" draggable="false" style="background:rgba(255,255,255, 0)">
        <img class="cybersecurity-image-banner" src="{{ asset('assets/cybersecurity/cybersecurity-banner.png') }}" alt="cybersecurity-banner">
        <div class="card-img-overlay container" draggable="false">
            <div class="row">
                <div class="col-12 d-flex justify-content-center">
                    <div class="cybersecurity-main-title">
                        <span>
                            Secure Tomorrow
                        </span>
                    </div>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <div class="cybersecurity-main-title-2">
                        <span>
                            With Stronger Cybersecurity
                        </span>
                    </div>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <div class="cybersecurity-main-description">
                        <span>
                            Protect value, engage in preventing risks, and establish trust as you grow your business through bringing
                            cybersecurity into your strategy.
                        </span>
                    </div>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <a class="cybersecurity-main-button" href="{{url('#')}}">
                        <button>
                            Get Free Quotation <img src="{{ asset('assets/homepage/button-right-arrow.png') }}" alt="button-icon">
                        </button>
                    </a>
                </div>
                <div class="col-12 d-flex justify-content-center">
                    <div class="cybersecurity-main-image">
                        <img class="img-fluid" src="{{asset('assets/cybersecurity/cybersecurity-image.png')}}" alt="cybersecurity">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="cybersecurity-second-section-container proxima" draggable="false" id="discover-container">
    <div class="container">
        <div class="row">
            <div class="col-2">
                <hr class="solid">
            </div>
            <div class="col-8 second-select-box">
                <div class="overview-box">
                    <img class="overview" src="{{ asset('assets/cybersecurity/overview.png') }}" alt="icon">
                    <img class="overviewed" src="{{ asset('assets/cybersecurity/overviewed.png') }}" alt="icon">
                    <span>
                        Overview
                    </span>
                </div>
                <div class="divider-box">
                    <hr class="solid">
                </div>
                <div class="quoted-box">
                    <img class="quote" src="{{ asset('assets/cybersecurity/quote.png') }}" alt="icon">
                    <img class="quoted" src="{{ asset('assets/cybersecurity/quoted.png') }}" alt="icon">
                    <span>
                        Get Quoted
                    </span>
                </div>
            </div>
            <div class="col-2">
                <hr class="solid">
            </div>
        </div>
    </div>
</section>

<section class="cybersecurity-third-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12 question-container" id="overview-container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 third-left">
                    <div class="card border-0" style="background: rgba(255,255,255, 0)">
                        <div class="question-number">
                            <span>
                                01
                            </span>
                        </div>
                        <div>
                            <div class="question-title">
                                <span>
                                    Why is <span style="font-weight: bold">Cybersecurity</span>
                                </span>
                            </div>
                            <div class="question-title-2">
                                <span>
                                    <span style="font-weight: bold">Important</span> to your business?
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 third-right">
                    <div class="question-answer">
                        <span>
                            Our cybersecurity services are top-notch, keeping your data safe.
                            We'll protect you from cyberattacks and keep your business running smoothly.
                            Our team of experts will work to safeguard your digital assets and provide peace of mind.
                            Don't take risks with your online security, trust us to keep you safe.
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 us-container" id="quoted-container">
            <div class="row">
                <div class="d-flex justify-content-center">
                    <span>
                        Benefits of <span style="color: #fa6f10">Working With US</span>
                    </span>
                </div>
            </div>
        </div>
        <div class="col-12 benefit-container">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-1">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-shield"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Strong Protection
                            </div>
                            <div class="benefit-description">
                                We keep your digital data safe from cyber threats.
                                We use really good security tools to stop viruses, hackers, and other cyber threats.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-2">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-face-smile"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Peace of Mind
                            </div>
                            <div class="benefit-description">
                                With us, you can relax knowing your online data is safe.
                                If anything weird happens, we make sure to fix it before it causes problems.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-3">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-crown"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Just for You
                            </div>
                            <div class="benefit-description">
                                Businesses have differences, so we make security plans that fit your needs.
                                Whether you're big or small, we've got a plan that works for you.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-6">
                    <div class="row d-flex justify-content-center card-4">
                        <div class="benefit-icon">
                            <i class="fa-solid fa-suitcase"></i>
                        </div>
                        <div class="benefit-card">
                            <div class="benefit-title">
                                Expert Help
                            </div>
                            <div class="benefit-description">
                                Our experts are here to help. From checking for risks to fixing problems.
                                We're ready to keep your business safe from cyber threats.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="cybersecurity-fourth-section-container proxima" draggable="false">
    <div class="container">
        <div class="col-12 ready-container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 ready-left">
                    <div class="card border-0" style="background: rgba(255,255,255, 0)">
                        <div class="ready-number">
                            <span>
                                02
                            </span>
                        </div>
                        <div>
                            <div class="ready-title">
                                <span>
                                    Ready to <span style="font-weight: bold">Secure</span>
                                </span>
                            </div>
                            <div class="ready-title-2">
                                <span>
                                    your <span style="font-weight: bold">Business Future</span>?
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12 ready-right">
                    <a class="cybersecurity-ready-button" href="{{url('/contact')}}">
                        <button>
                            Get Free Quotation <img src="{{ asset('assets/homepage/button-right-arrow.png') }}" alt="button-icon">
                        </button>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection

@section('js')
<script src="{{ asset('js/frontend/cybersecurity/animation.js') }}"></script>
<script src="{{ asset('js/frontend/cybersecurity/click-slide.js') }}"></script>
@endsection