diff --git a/resources/views/livewire/frontend/header.blade.php b/resources/views/livewire/frontend/header.blade.php
index e1f57ca4..aadb4e1e 100644
--- a/resources/views/livewire/frontend/header.blade.php
+++ b/resources/views/livewire/frontend/header.blade.php
@@ -79,197 +79,14 @@
                 <div class="-my-6 divide-y divide-gray-500/10">
                     <div class="space-y-2 py-6">
 
-                        <div x-data="{ open: false }" class="-mx-3">
-                            <button type="button"
-                                    class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                    aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                    x-bind:aria-expanded="open.toString()">
-                                {{ __('News') }}
-                                <svg class="h-5 w-5 flex-none"
-                                     x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                     x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd"
-                                          d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                          clip-rule="evenodd"></path>
-                                </svg>
-                            </button>
-                            <div class="mt-2 space-y-2"
-                                 x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
-                                 x-show="open" style="display: none;" x-cloak>
-                                <a href="{{ route('article.overview') }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('News Article') }}</a>
-                                <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Manage content creators') }}</a>
-                            </div>
-                        </div>
-
-                        <div x-data="{ open: false }" class="-mx-3">
-                            <button type="button"
-                                    class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                    aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                    x-bind:aria-expanded="open.toString()">
-                                {{ __('Meetups') }}
-                                <svg class="h-5 w-5 flex-none"
-                                     x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                     x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd"
-                                          d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                          clip-rule="evenodd"></path>
-                                </svg>
-                            </button>
-                            <div class="mt-2 space-y-2"
-                                 x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
-                                 x-show="open" style="display: none;" x-cloak>
-                                <a href="{{ route('meetup.world', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('World map') }}</a>
-                                <a href="{{ route('meetup.table.meetup', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Meetups') }}</a>
-                                <a href="{{ route('meetup.table.meetupEvent', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Meetup dates') }}</a>
-                            </div>
-                        </div>
-
-                        <div x-data="{ open: false }" class="-mx-3">
-                            <button type="button"
-                                    class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                    aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                    x-bind:aria-expanded="open.toString()">
-                                {{ __('Events') }}
-                                <svg class="h-5 w-5 flex-none"
-                                     x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                     x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd"
-                                          d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                          clip-rule="evenodd"></path>
-                                </svg>
-                            </button>
-                            <div class="mt-2 space-y-2"
-                                 x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
-                                 x-show="open" style="display: none;" x-cloak>
-                                <a href="{{ route('bitcoinEvent.table.bitcoinEvent', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Events') }}</a>
-                            </div>
-                        </div>
-
-                        <div x-data="{ open: false }" class="-mx-3">
-                            <button type="button"
-                                    class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                    aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                    x-bind:aria-expanded="open.toString()">
-                                {{ __('Courses') }}
-                                <svg class="h-5 w-5 flex-none"
-                                     x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                     x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd"
-                                          d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                          clip-rule="evenodd"></path>
-                                </svg>
-                            </button>
-                            <div class="mt-2 space-y-2"
-                                 x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
-                                 x-show="open" style="display: none;" x-cloak>
-                                <a href="{{ route('school.table.city', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('City search') }}</a>
-                                <a href="{{ route('school.table.course', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Courses') }}</a>
-                                <a href="{{ route('school.table.venue', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Venues') }}</a>
-                                <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Lecturers') }}</a>
-                                <a href="{{ route('school.table.event', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Course Events') }}</a>
-                            </div>
-                        </div>
-
-                        <div x-data="{ open: false }" class="-mx-3">
-                            <button type="button"
-                                    class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                    aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                    x-bind:aria-expanded="open.toString()">
-                                {{ __('Library') }}
-                                <svg class="h-5 w-5 flex-none"
-                                     x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                     x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd"
-                                          d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                          clip-rule="evenodd"></path>
-                                </svg>
-                            </button>
-                            <div class="mt-2 space-y-2"
-                                 x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
-                                 x-show="open" style="display: none;" x-cloak>
-                                <a href="{{ route('library.table.libraryItems', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Search') }}</a>
-                                @auth
-                                    <a href="{{ route('library.table.lecturer', ['country' => $country]) }}"
-                                       class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Library for lecturers') }}</a>
-                                @endauth
-                            </div>
-                        </div>
-
-                        <div x-data="{ open: false }" class="-mx-3">
-                            <button type="button"
-                                    class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                    aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                    x-bind:aria-expanded="open.toString()">
-                                {{ __('Bookcases') }}
-                                <svg class="h-5 w-5 flex-none"
-                                     x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                     x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                     viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd"
-                                          d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                          clip-rule="evenodd"></path>
-                                </svg>
-                            </button>
-                            <div class="mt-2 space-y-2"
-                                 x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
-                                 x-show="open" style="display: none;" x-cloak>
-                                <a href="{{ route('bookCases.table.city', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('City search') }}</a>
-                                <a href="{{ route('bookCases.table.bookcases', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Bookcases') }}</a>
-                                <a href="{{ route('bookCases.world', ['country' => $country]) }}"
-                                   class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('World map') }}</a>
-                                @auth
-                                    <a href="{{ route('bookCases.highScoreTable', ['country' => $country]) }}"
-                                       class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Highscore Table') }}</a>
-                                @endauth
-                            </div>
-                        </div>
-
-                        @auth
-                            <div x-data="{ open: false }" class="-mx-3">
-                                <button type="button"
-                                        class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
-                                        aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
-                                        x-bind:aria-expanded="open.toString()">
-                                    {{ __('My profile') }}
-                                    <svg class="h-5 w-5 flex-none"
-                                         x-description="Expand/collapse icon, toggle classes based on menu open state."
-                                         x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
-                                         viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                        <path fill-rule="evenodd"
-                                              d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
-                                              clip-rule="evenodd"></path>
-                                    </svg>
-                                </button>
-                                <div class="mt-2 space-y-2"
-                                     x-description="'Product' sub-menu, show/hide based on menu state."
-                                     id="disclosure-1"
-                                     x-show="open" style="display: none;" x-cloak>
-                                    <a href="{{ route('profile.show') }}"
-                                       class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('My profile') }}</a>
-                                    <a href="{{ route('profile.wallet') }}"
-                                       class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Change lightning wallet/pubkey') }}</a>
-                                </div>
-                            </div>
-                        @endauth
+                        @include('livewire.frontend.navigation_mobile.news')
+                        @include('livewire.frontend.navigation_mobile.meetups')
+                        @include('livewire.frontend.navigation_mobile.events')
+                        @include('livewire.frontend.navigation_mobile.courses')
+                        @include('livewire.frontend.navigation_mobile.library')
+                        @include('livewire.frontend.navigation_mobile.bookcases')
+                        @include('livewire.frontend.navigation_mobile.association')
+                        @include('livewire.frontend.navigation_mobile.profile')
 
                     </div>
                     <div class="py-6">
diff --git a/resources/views/livewire/frontend/navigation/association.blade.php b/resources/views/livewire/frontend/navigation/association.blade.php
index 519dad8e..c1796fe4 100644
--- a/resources/views/livewire/frontend/navigation/association.blade.php
+++ b/resources/views/livewire/frontend/navigation/association.blade.php
@@ -29,7 +29,7 @@
 
                             <a href="{{ route('project.table.projectFunding', ['country' => $country]) }}"
                                class="flex gap-x-4 py-2 text-sm font-semibold leading-6 text-gray-900">
-                                <i class="fa-thin fa-search flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
+                                <i class="fa-thin fa-rectangle-history flex-none text-gray-400 w-6 h-5 mr-2 -ml-1"></i>
                                 {{ __('Submitted projects') }}
                             </a>
 
diff --git a/resources/views/livewire/frontend/navigation_mobile/association.blade.php b/resources/views/livewire/frontend/navigation_mobile/association.blade.php
new file mode 100644
index 00000000..9bd8ab4a
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/association.blade.php
@@ -0,0 +1,24 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('Association') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('project.table.projectFunding', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Submitted projects') }}</a>
+        <a href="{{ route('project.projectProposal.form', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Submit project for funding') }}</a>
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/bookcases.blade.php b/resources/views/livewire/frontend/navigation_mobile/bookcases.blade.php
new file mode 100644
index 00000000..30505897
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/bookcases.blade.php
@@ -0,0 +1,32 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('Bookcases') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('bookCases.table.city', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('City search') }}</a>
+        <a href="{{ route('bookCases.table.bookcases', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Bookcases') }}</a>
+        <a href="{{ route('bookCases.world', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('World map') }}</a>
+        @auth
+            <a href="{{ route('bookCases.highScoreTable', ['country' => $country]) }}"
+               class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Highscore Table') }}</a>
+        @endauth
+        <a href="https://openbookcase.de/" target="_blank"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Submit new book case') }}</a>
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/courses.blade.php b/resources/views/livewire/frontend/navigation_mobile/courses.blade.php
new file mode 100644
index 00000000..9878a269
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/courses.blade.php
@@ -0,0 +1,30 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('Courses') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('school.table.city', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('City search') }}</a>
+        <a href="{{ route('school.table.course', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Courses') }}</a>
+        <a href="{{ route('school.table.venue', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Venues') }}</a>
+        <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Lecturers') }}</a>
+        <a href="{{ route('school.table.event', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Course Events') }}</a>
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/events.blade.php b/resources/views/livewire/frontend/navigation_mobile/events.blade.php
new file mode 100644
index 00000000..a131a8da
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/events.blade.php
@@ -0,0 +1,24 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('Events') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('bitcoinEvent.table.bitcoinEvent', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Events') }}</a>
+        <a href="{{ route('bitcoinEvent.form') }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Register event') }}</a>
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/library.blade.php b/resources/views/livewire/frontend/navigation_mobile/library.blade.php
new file mode 100644
index 00000000..50ec1750
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/library.blade.php
@@ -0,0 +1,26 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('Library') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('library.table.libraryItems', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Search') }}</a>
+        @auth
+            <a href="{{ route('library.table.lecturer', ['country' => $country]) }}"
+               class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Library for lecturers') }}</a>
+        @endauth
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/meetups.blade.php b/resources/views/livewire/frontend/navigation_mobile/meetups.blade.php
new file mode 100644
index 00000000..3fe7c08d
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/meetups.blade.php
@@ -0,0 +1,26 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('Meetups') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('meetup.world', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('World map') }}</a>
+        <a href="{{ route('meetup.table.meetup', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Meetups') }}</a>
+        <a href="{{ route('meetup.table.meetupEvent', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Meetup dates') }}</a>
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/news.blade.php b/resources/views/livewire/frontend/navigation_mobile/news.blade.php
new file mode 100644
index 00000000..1b9f0e9f
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/news.blade.php
@@ -0,0 +1,26 @@
+<div x-data="{ open: false }" class="-mx-3">
+    <button type="button"
+            class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+            aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+            x-bind:aria-expanded="open.toString()">
+        {{ __('News') }}
+        <svg class="h-5 w-5 flex-none"
+             x-description="Expand/collapse icon, toggle classes based on menu open state."
+             x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+             viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd"
+                  d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                  clip-rule="evenodd"></path>
+        </svg>
+    </button>
+    <div class="mt-2 space-y-2"
+         x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
+         x-show="open" style="display: none;" x-cloak>
+        <a href="{{ route('article.overview') }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('News Article') }}</a>
+        <a href="{{ route('authors.overview') }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Authors') }}</a>
+        <a href="{{ route('school.table.lecturer', ['country' => $country]) }}"
+           class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Manage content creators') }}</a>
+    </div>
+</div>
diff --git a/resources/views/livewire/frontend/navigation_mobile/profile.blade.php b/resources/views/livewire/frontend/navigation_mobile/profile.blade.php
new file mode 100644
index 00000000..b9262485
--- /dev/null
+++ b/resources/views/livewire/frontend/navigation_mobile/profile.blade.php
@@ -0,0 +1,27 @@
+@auth
+    <div x-data="{ open: false }" class="-mx-3">
+        <button type="button"
+                class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
+                aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
+                x-bind:aria-expanded="open.toString()">
+            {{ __('My profile') }}
+            <svg class="h-5 w-5 flex-none"
+                 x-description="Expand/collapse icon, toggle classes based on menu open state."
+                 x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
+                 viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                <path fill-rule="evenodd"
+                      d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
+                      clip-rule="evenodd"></path>
+            </svg>
+        </button>
+        <div class="mt-2 space-y-2"
+             x-description="'Product' sub-menu, show/hide based on menu state."
+             id="disclosure-1"
+             x-show="open" style="display: none;" x-cloak>
+            <a href="{{ route('profile.show') }}"
+               class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('My profile') }}</a>
+            <a href="{{ route('profile.wallet') }}"
+               class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Change lightning wallet/pubkey') }}</a>
+        </div>
+    </div>
+@endauth