@extends('layouts.app')
@section('content')
    <section class="zsi-sitemap-hero">
        <img src="{{ asset('frontend/images/sitemap.png') }}" alt="Wildlife and Forest" class="zsi-sitemap-hero-image">
        <div class="container position-relative zsi-sitemap-hero-content">
            <div class="row align-items-end">
                {{-- Title --}}
                <div class="col-lg-8" data-aos="fade-right">
                    <span class="zsi-page-tag">
                        <i class="fas fa-sitemap"></i>
                       {{ fixed('Website Navigation','वेबसाइट नेविगेशन') }}
                    </span>

                    <h1 class="zsi-page-title">
                        {{ fixed('Sitemap','साइट मैप')}}
                    </h1>
                </div>
                {{-- Breadcrumb --}}
                <div class="col-lg-4" data-aos="fade-left">
                    <nav class="zsi-breadcrumb-box d-flex justify-content-lg-end">
                        <ol class="zsi-breadcrumb shadow-sm">
                            <li class="zsi-breadcrumb-item">
                                <a href="{{ url('/') }}">
                                    <i class="fas fa-home"></i>
                                    {{ __('messages.home') }}
                                </a>
                            </li>
                            <li class="zsi-breadcrumb-item active">
                               {{ fixed('Sitemap','साइट मैप')}}
                            </li>
                        </ol>
                    </nav>
                </div>

            </div>

        </div>

    </section>


    <section class="zsi-sitemap-section py-5">

        <div class="container">

            <div class="zsi-sitemap-card shadow-lg" data-aos="zoom-in">
                {!! loadSitemap() !!}
            </div>
        </div>
    </section>
 
@endsection