        
            <aside class="app-sidebar" id="sidebar">
                <div class="container mx-auto lg:p-6 !p-0">
                    <!-- Start::main-sidebar -->
                    <div class="main-sidebar">
                    <!-- Start::nav -->
                    <nav class="main-menu-container nav nav-pills flex-column sub-open">
                        <div class="landing-logo-container my-auto hidden lg:block">
                        <div class="responsive-logo">
                            <a class="responsive-logo-light" href="{{url('index')}}" aria-label="Brand"><img
                                src="{{asset('build/assets/img/brand-logos/desktop-logo.png')}}" alt="logo" class="mx-auto"></a>
                            <a class="responsive-logo-dark" href="{{url('index')}}" aria-label="Brand"><img
                                src="{{asset('build/assets/img/brand-logos/desktop-dark.png')}}" alt="logo" class="mx-auto"></a>
                        </div>
                        </div>
                        <div class="slide-left" id="slide-left">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24">
                            <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path>
                        </svg>
                        </div>
                        <ul class="main-menu ltr:!ml-auto rtl:!mr-auto">
                        <!-- Start::slide -->
                        <li class="slide">
                            <a class="side-menu__item" href="#home">
                            <span class="side-menu__label">Home</span>
                            </a>
                        </li>
                        <!-- End::slide -->

                        <!-- Start::slide -->
                        <li class="slide">
                            <a href="#services" class="side-menu__item">
                            <span class="side-menu__label">Services</span>
                            </a>
                        </li>
                        <!-- End::slide -->

                        <!-- Start::slide -->
                        <li class="slide has-sub">
                            <a href="javascript:void(0);" class="side-menu__item forparent">
                            <span class="side-menu__label">More</span>
                            <i class="ri ri-arrow-right-s-line side-menu__angle"></i>
                            </a>
                            <ul class="slide-menu child1">
                            <li class="slide">
                                <a href="#about" class="side-menu__item">Mobile View</a>
                            </li>
                            <li class="slide">
                                <a href="#our-mission" class="side-menu__item">Responsive</a>
                            </li>
                            <li class="slide">
                                <a href="#features" class="side-menu__item">features</a>
                            </li>
                            <li class="slide">
                                <a href="#statistics" class="side-menu__item">Statistics</a>
                            </li>
                            <li class="slide">
                                <a href="#testimonials" class="side-menu__item">Testimonials</a>
                            </li>
                            <li class="slide has-sub">
                                <a href="javascript:void(0);" class="side-menu__item">Level-2
                                <i class="ri ri-arrow-right-s-line side-menu__angle"></i></a>
                                <ul class="slide-menu child2">
                                <li class="slide">
                                    <a href="javascript:void(0);" class="side-menu__item">Level-2-1</a>
                                </li>
                                <li class="slide has-sub">
                                    <a href="javascript:void(0);" class="side-menu__item">Level-2-2
                                    <i class="ri ri-arrow-right-s-line side-menu__angle"></i></a>
                                    <ul class="slide-menu child3">
                                    <li class="slide">
                                        <a href="javascript:void(0);" class="side-menu__item">Level-2-2-1</a>
                                    </li>
                                    <li class="slide has-sub">
                                        <a href="javascript:void(0);" class="side-menu__item">Level-2-2-2</a>
                                    </li>
                                    </ul>
                                </li>
                                </ul>
                            </li>
                            </ul>
                        </li>
                        <!-- End::slide -->

                        <!-- Start::slide -->
                        <li class="slide">
                            <a href="#pricing" class="side-menu__item">
                            <span class="side-menu__label">Pricing</span>
                            </a>
                        </li>
                        <!-- End::slide -->

                        <!-- Start::slide -->
                        <li class="slide">
                            <a href="#team" class="side-menu__item">
                            <span class="side-menu__label">Team</span>
                            </a>
                        </li>
                        <!-- End::slide -->

                        <!-- Start::slide -->
                        <li class="slide">
                            <a href="#faq" class="side-menu__item">
                            <span class="side-menu__label">Faq's</span>
                            </a>
                        </li>
                        <!-- End::slide -->

                        <!-- Start::slide -->
                        <li class="slide">
                            <a href="#blogs" class="side-menu__item">
                            <span class="side-menu__label">Blogs</span>
                            </a>
                        </li>
                        <!-- End::slide -->
                        <!-- Start::slide -->
                        <li class="slide">
                            <a href="#contact" class="side-menu__item">
                            <span class="side-menu__label">Contact</span>
                            </a>
                        </li>
                        <!-- End::slide -->

                        </ul>
                        <div class="slide-right" id="slide-right">
                        <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24">
                            <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path>
                        </svg>
                        </div>
                        <div class="lg:flex hidden space-x-2 rtl:space-x-reverse">
                        <a href="{{url('signup')}}" class="ti-btn w-[6.375rem] ti-btn-dark m-0 p-2">Sign
                            Up</a>
                        <a href="{{url('signup')}}" class="ti-btn w-[6.375rem] m-0 p-2 ti-btn-primary">Get Started</a>
                        <a aria-label="anchor" href="javascript:void(0);" class="ti-btn m-0 p-2 px-3 ti-btn-secondary"
                            data-hs-overlay="#hs-overlay-switcher"><i class="ri-settings-2-line animate-spin"></i></a>
                        </div>
                    </nav>
                    <!-- End::nav -->

                    </div>
                    <!-- End::main-sidebar -->
                </div>
            </aside>