diff --git a/components.d.ts b/components.d.ts
index cc49984..737c80a 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -31,12 +31,15 @@ declare module 'vue' {
     BNavbarToggle: typeof import('bootstrap-vue-next')['BNavbarToggle']
     BNavItem: typeof import('bootstrap-vue-next')['BNavItem']
     BNavText: typeof import('bootstrap-vue-next')['BNavText']
+    BOffcanvas: typeof import('bootstrap-vue-next')['BOffcanvas']
     BPlaceholder: typeof import('bootstrap-vue-next')['BPlaceholder']
     BPlaceholderCard: typeof import('bootstrap-vue-next')['BPlaceholderCard']
     BPlaceholderWrapper: typeof import('bootstrap-vue-next')['BPlaceholderWrapper']
     BRow: typeof import('bootstrap-vue-next')['BRow']
     BSkeleton: typeof import('bootstrap-vue-next')['BSkeleton']
     BSkeletonWrapper: typeof import('bootstrap-vue-next')['BSkeletonWrapper']
+    ClubItem: typeof import('./src/components/club/ClubItem.vue')['default']
+    ClubList: typeof import('./src/components/club/ClubList.vue')['default']
     ContentItem: typeof import('./src/components/ContentItem.vue')['default']
     EventItem: typeof import('./src/components/events/EventItem.vue')['default']
     EventList: typeof import('./src/components/events/EventList.vue')['default']
diff --git a/src/components/FilterSidebar.vue b/src/components/FilterSidebar.vue
index 860efc1..221e5e2 100644
--- a/src/components/FilterSidebar.vue
+++ b/src/components/FilterSidebar.vue
@@ -1,22 +1,14 @@
-<script setup lang="ts">
-
-</script>
-
-
 <template>
-    <aside>
-
-        <div id="filterbox">
-            <p>[filtern]</p>
-        </div>
-
-    </aside>
+  <BButton @click="click">Show OffCanvas</BButton>
+  <BOffcanvas v-model="show" />
 </template>
 
+<script setup lang="ts">
+import {ref} from 'vue'
 
+const show = ref(false)
 
-
-<style scoped>
-
-
-</style>
\ No newline at end of file
+const click = () => {
+  show.value = !show.value
+}
+</script>
\ No newline at end of file
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 99537ce..0ee73b5 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="row justify-content-center align-items-center g-2">
     <div class="col">
-      <div class="mb-3">
         <BInputGroup>
           <template #append>
             <BButton>Suche</BButton>
@@ -13,7 +12,6 @@
             @input="input => { emit('searchQuery', input) }"
           />
         </BInputGroup>
-      </div>
     </div>
   </div>
 </template>
diff --git a/src/views/ClubListView.vue b/src/views/ClubListView.vue
new file mode 100644
index 0000000..b14f55a
--- /dev/null
+++ b/src/views/ClubListView.vue
@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import FilterSidebar from '@/components/FilterSidebar.vue'
+import SearchBar from '@/components/SearchBar.vue'
+import type { BRow } from 'bootstrap-vue-next'
+import { ref } from 'vue'
+
+const searchQuery = ref('')
+const entries = ref([ "test", '1234', '567'])
+
+</script>
+
+<template>
+
+<BContainer>
+  <BRow>
+    <BCol>
+      <FilterSidebar />
+    </BCol >
+      <!-- <BCol>
+        <SearchBar :searchQuery="searchQuery" @searchQuery="searchQuery = $event" />
+    </BCol> -->
+    <!-- <BCol>
+    icon
+    </BCol > -->
+  </BRow>
+  <BRow lg = "12">
+<HomeContent :entries="entries" :foundEntry="searchQuery" />
+  </BRow>
+</BContainer>
+
+</template>
\ No newline at end of file