@extends('frontend.theme1.index', ['title' => 'Tentang Kami - Fitness Plus Indonesia', 'count' => $count ?? 0])
@section('css')
    <link rel="stylesheet" href="{{ asset('themes1/css/leaflet.css') }}" />
    <link rel="stylesheet" href="{{ asset('themes1/css/markercluster.css') }}" />
@endsection
@section('js')
    <script src="{{ asset('themes1/js/leaflet.js') }}"></script>
    <script src="{{ asset('themes1/js/leaflet.markercluster.js') }}"></script>
    <script>
        window.fitnessPlusLocations = @json($mapLocations ?? []);
    </script>
    <script src="{{ asset('themes1/js/maps.js') }}"></script>
@endsection
@section('content')
    <div class="tentang-page-root">
        <section class="tentang-location" style="background: linear-gradient(180deg, rgba(35, 30, 26, 0.14) 0%, rgba(0, 0, 0, 0.88) 180%),
    url('/themes1/images/hero/lokasi.png') no-repeat center center/cover;">
            <div class="container tentang-location-inner">
                <h1 class="hero-title-profile" data-text="Lokasi&#10;Cabang">Lokasi<br>Cabang</h1>
                <a class="tentang-scroll-indicator tentang-scroll-indicator--hint" href="#location" aria-label="Scroll for more">
                    <span class="tentang-scroll-indicator-badge" aria-hidden="true">&#8595;</span>
                    <span class="tentang-scroll-indicator-text">Scroll for more</span>
                </a>
            </div>
        </section>

        @include('frontend.theme1.partials.marker')
        @include('frontend.theme1.partials.locationbranch')
    </div>
@endsection