borbad.s5l.ru/vue/app/temp.pug

div(id="app" class="min-h-screen bg-white dark:bg-gray-900 transition-colors duration-300")
    //- Header
    header(class="bg-white dark:bg-gray-800 shadow-sm sticky top-0 z-50")
        div(class="container mx-auto px-4")
            div(class="flex justify-between items-center py-4")
                //- Logo
                div(class="flex items-center space-x-4")
                    router-link(to="/" class="text-2xl font-bold text-gray-800 dark:text-white")
                        | Кохи Борбад
                    


                //- Navigation
                nav(class="hidden md:flex space-x-8")
                    app-link(to="/" class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors") Главная
                    app-link(to="/events" class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors") Мероприятия
                    app-link(to="/blog" class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors") Блог
                    app-link(to="/products" class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors") Магазин
                    app-link(to="/about" class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors") О нас
                    app-link(to="/contacts" class="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors") Контакты

                //- Theme Toggle and Mobile Menu
                div(class="flex items-center space-x-4")
                    
                    multilevelmenu
                    //- Language Switcher
                    language-switcher
                    themetoggle

    //- Main Content
    main(class="flex-grow")
        //- Loading State
        div(v-if="appState.loading" class="container mx-auto px-4 py-8")
            div(class="flex justify-center items-center py-12")
                div(class="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600")
        
        //- Error State
        div(v-else-if="appState.error" class="container mx-auto px-4 py-8")
            div(class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded")
                p {{ appState.error }}
        
        //- Router View
        div(v-else)
            router-view

    //- Footer
    footer(class="bg-gray-800 text-white mt-16")
        div(class="container mx-auto px-4 py-8")
            div(class="grid grid-cols-1 md:grid-cols-4 gap-8")
                //- About
                div
                    h3(class="text-lg font-semibold mb-4") О нас
                    p(class="text-gray-300") Концертный зал Борбад - культурный центр Душанбе, место встречи искусства и культуры.
                
                //- Quick Links
                div
                    h3(class="text-lg font-semibold mb-4") Быстрые ссылки
                    ul(class="space-y-2")
                        li: app-link(to="/events" class="text-gray-300 hover:text-white transition-colors") Мероприятия
                        li: app-link(to="/blog" class="text-gray-300 hover:text-white transition-colors") Блог
                        li: app-link(to="/products" class="text-gray-300 hover:text-white transition-colors") Магазин
                        li: app-link(to="/about" class="text-gray-300 hover:text-white transition-colors") О нас
                
                //- Contact Info
                div
                    h3(class="text-lg font-semibold mb-4") Контакты
                    div(class="text-gray-300 space-y-2")
                        p г. Душанбе, пр. Рудаки 22
                        p +992 37 123-45-67
                        p info@borbad.s5l.ru
                
                //- Social Links
                div
                    h3(class="text-lg font-semibold mb-4") Мы в соцсетях
                    div(class="flex space-x-4")
                        a(href="#" class="text-gray-300 hover:text-white transition-colors") Facebook
                        a(href="#" class="text-gray-300 hover:text-white transition-colors") Instagram
                        a(href="#" class="text-gray-300 hover:text-white transition-colors") Twitter
            
            //- Copyright
            div(class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-300")
                p © 2024 Кохи Борбад. Все права защищены.

    //- Modal Window
    div(v-if="modalState.isVisible" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4")
        div(class="bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-2xl w-full max-h-90vh overflow-auto")
            component(
                :is="modalState.component"
                v-bind="modalState.props"
                @close="closeModal"
            )