diff --git a/index.html b/index.html
index b8c162d..b51fa0e 100644
--- a/index.html
+++ b/index.html
@@ -9,10 +9,10 @@
     <link rel="icon" href="/favicon.ico" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
     <link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF">
-    <title>Atitlán Directory</title>
+    <title>Ariège Hub</title>
     <link rel="apple-touch-icon" href="/pwa-192x192.png">
     <link rel="apple-touch-startup-image" href="/splash.png">
-    <meta name="apple-mobile-web-app-title" content="Atitlán">
+    <meta name="apple-mobile-web-app-title" content="Ariège">
   </head>
   <body>
     <div id="app"></div>
diff --git a/package-lock.json b/package-lock.json
index 662e308..5b2c2b1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,7 @@
       "name": "aio-shadcn-vite",
       "version": "0.0.0",
       "dependencies": {
+        "@tanstack/vue-table": "^8.21.2",
         "@types/qrcode": "^1.5.5",
         "@vueuse/components": "^12.5.0",
         "@vueuse/core": "^12.5.0",
@@ -3301,6 +3302,19 @@
         "vite": "^5.2.0 || ^6"
       }
     },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
+      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@tanstack/virtual-core": {
       "version": "3.13.2",
       "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.2.tgz",
@@ -3311,6 +3325,25 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
+    "node_modules/@tanstack/vue-table": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-table/-/vue-table-8.21.2.tgz",
+      "integrity": "sha512-KBgOWxha/x4m1EdhVWxOpqHb661UjqAxzPcmXR3QiA7aShZ547x19Gw0UJX9we+m+tVcPuLRZ61JsYW47QZFfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": ">=3.2"
+      }
+    },
     "node_modules/@tanstack/vue-virtual": {
       "version": "3.13.2",
       "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.2.tgz",
diff --git a/package.json b/package.json
index c5523e6..7374b84 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "analyze": "vite build --mode analyze"
   },
   "dependencies": {
+    "@tanstack/vue-table": "^8.21.2",
     "@types/qrcode": "^1.5.5",
     "@vueuse/components": "^12.5.0",
     "@vueuse/core": "^12.5.0",
diff --git a/src/App.vue b/src/App.vue
index 911e329..90e61b6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue'
+import { onMounted, onUnmounted } from 'vue'
 import Navbar from '@/components/layout/Navbar.vue'
 import Footer from '@/components/layout/Footer.vue'
 import ConnectionStatus from '@/components/nostr/ConnectionStatus.vue'
diff --git a/src/components/nostr/ConnectionStatus.vue b/src/components/nostr/ConnectionStatus.vue
index dad0f02..e7387d0 100644
--- a/src/components/nostr/ConnectionStatus.vue
+++ b/src/components/nostr/ConnectionStatus.vue
@@ -8,9 +8,10 @@ const props = defineProps<{
   error?: Error | null
 }>()
 
-function getStatusVariant() {
-  if (props.isConnecting) return 'warning'
-  return props.isConnected ? 'success' : 'destructive'
+function getStatusVariant(): 'default' | 'destructive' | 'outline' | 'secondary' {
+  if (!props.isConnected) return 'destructive'
+  if (props.isConnecting) return 'secondary'
+  return 'outline'
 }
 
 function getStatusText() {
diff --git a/src/composables/useEvents.ts b/src/composables/useEvents.ts
index a5d4c48..ea98ad1 100644
--- a/src/composables/useEvents.ts
+++ b/src/composables/useEvents.ts
@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue'
+import { computed } from 'vue'
 import { useAsyncState } from '@vueuse/core'
 import type { Event } from '@/lib/types/event'
 import { fetchEvents } from '@/lib/api/events'
@@ -16,8 +16,8 @@ export function useEvents() {
   const error = computed(() => {
     if (asyncError.value) {
       return {
-        message: asyncError.value instanceof Error 
-          ? asyncError.value.message 
+        message: asyncError.value instanceof Error
+          ? asyncError.value.message
           : 'An error occurred while fetching events'
       }
     }
@@ -25,21 +25,21 @@ export function useEvents() {
   })
 
   const sortedEvents = computed(() => {
-    return [...events.value].sort((a, b) => 
+    return [...events.value].sort((a, b) =>
       new Date(b.time).getTime() - new Date(a.time).getTime()
     )
   })
 
   const upcomingEvents = computed(() => {
     const now = new Date()
-    return sortedEvents.value.filter(event => 
+    return sortedEvents.value.filter(event =>
       new Date(event.event_start_date) > now
     )
   })
 
   const pastEvents = computed(() => {
     const now = new Date()
-    return sortedEvents.value.filter(event => 
+    return sortedEvents.value.filter(event =>
       new Date(event.event_end_date) < now
     )
   })
@@ -52,4 +52,4 @@ export function useEvents() {
     error,
     refresh,
   }
-} 
\ No newline at end of file
+} 
diff --git a/src/i18n/locales/es.ts b/src/i18n/locales/es.ts
index ee762e4..2923544 100644
--- a/src/i18n/locales/es.ts
+++ b/src/i18n/locales/es.ts
@@ -7,6 +7,7 @@ const messages: LocaleMessages = {
     directory: 'Directorio',
     faq: 'Preguntas Frecuentes',
     support: 'Soporte',
+    events: 'Eventos',
     login: 'Iniciar Sesión',
     logout: 'Cerrar Sesión'
   },
diff --git a/src/i18n/locales/fr.ts b/src/i18n/locales/fr.ts
index 795e77a..4fc6aae 100644
--- a/src/i18n/locales/fr.ts
+++ b/src/i18n/locales/fr.ts
@@ -7,6 +7,7 @@ const messages: LocaleMessages = {
     directory: 'Répertoire',
     faq: 'FAQ',
     support: 'Support',
+    events: 'Événements',
     login: 'Connexion',
     logout: 'Déconnexion'
   },
diff --git a/src/stores/nostr.ts b/src/stores/nostr.ts
new file mode 100644
index 0000000..feae8db
--- /dev/null
+++ b/src/stores/nostr.ts
@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useNostrStore = defineStore('nostr', () => {
+  const isConnected = ref(false)
+  const relayUrls = ref<string[]>([])
+
+  function setConnected(value: boolean) {
+    isConnected.value = value
+  }
+
+  function setRelayUrls(urls: string[]) {
+    relayUrls.value = urls
+  }
+
+  return {
+    isConnected,
+    relayUrls,
+    setConnected,
+    setRelayUrls,
+  }
+}) 
\ No newline at end of file
