@extends('layouts.app')

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


@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 pt-0">

    <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 d-none"
               data-bs-toggle="modal"
               data-bs-target="#datasheetModal"
               data-pdf="{{ asset('downloads/datasheets/SecurX-Flyer-2026.pdf') }}"
               >
                Download Datasheet

            </a>

        </div>

    </div>

</section>



@endsection