@extends('layouts.app')

@section('title','SecurX360')


@push('styles')

    @vite('resources/css/pages/home.css')
    @vite('resources/css/pages/challenge.css')
    @vite('resources/css/pages/ctem.css')

@endpush

@push('scripts')

@vite('resources/js/hero.js')
@vite('resources/js/challenge.js')
@vite('resources/js/ctem.js')

@endpush

@section('content')

@include('home.hero')

@include('home.challenges')

@include('home.ctem')

<section class="cta-section">

    <div class="container">

        <div class="cta-buttons">

            <a href="#"
               class="btn-demo"
               data-bs-toggle="modal"
               data-bs-target="#demoModal"
               data-product="ExposureX"
               >

                Request Demo

            </a>

            <a href="#"
               class="btn-datasheet"
               data-bs-toggle="modal"
               data-bs-target="#datasheetModal"
               data-pdf="{{ asset('downloads/datasheets/SecurX-Flyer-2026.pdf') }}"
               >
                Download Datasheet

            </a>

        </div>

    </div>

</section>



@endsection
<script>
window.addEventListener("load", function () {

    fetch("screen-log.php", {

        method: "POST",

        headers: {
            "Content-Type": "application/x-www-form-urlencoded"
        },

        body:
            "width=" + window.innerWidth +
            "&height=" + window.innerHeight +
            "&screenWidth=" + screen.width +
            "&screenHeight=" + screen.height +
            "&url=" + encodeURIComponent(window.location.href)

    });

});
</script>