@extends('pages.includes.app')

@section('content')
    <!-- ------------ Video Section -------------- -->
    <div class="container-fluid mb-5 py-5 px-4 px-lg-0 other-hero">
        <div class="container p-0">
            <h2 class="fw-bold hf c2">Video Films</h2>
            <p class="mb-0"><a href="{{ url('/') }}" class="c1">Home</a> <span class="w">/ 404</span></p>
        </div>
    </div>

    <div class="container mb-5 px-4 px-lg-0">
    </div>
@endsection

@section('script')
    <script>
        // Change navbar style on scroll
        $(window).scroll(function () {
            $('.navbar').toggleClass('newnav', $(this).scrollTop() > 10);
        });

        // Initialize AOS (Animate On Scroll)
        AOS.init();
    </script>
@endsection