diff --git a/public/aio.png b/public/aio.png
deleted file mode 100644
index 2792717..0000000
Binary files a/public/aio.png and /dev/null differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index ad14f71..4801b8e 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/atitlanio.png b/public/atitlanio.png
deleted file mode 100644
index 354eea5..0000000
Binary files a/public/atitlanio.png and /dev/null differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 2434da4..ff8bfd5 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/pwa-192x192.png b/public/pwa-192x192.png
index f36842f..985d1a0 100644
Binary files a/public/pwa-192x192.png and b/public/pwa-192x192.png differ
diff --git a/public/pwa-512x512.png b/public/pwa-512x512.png
index e02041f..54f5910 100644
Binary files a/public/pwa-512x512.png and b/public/pwa-512x512.png differ
diff --git a/public/sd_lake_pyramids.webp b/public/sd_lake_pyramids.webp
deleted file mode 100644
index 462db23..0000000
Binary files a/public/sd_lake_pyramids.webp and /dev/null differ
diff --git a/public/splash.png b/public/splash.png
index 6aa828d..4a3abcd 100644
Binary files a/public/splash.png and b/public/splash.png differ
diff --git a/src/assets/logo-72px.png b/src/assets/logo-72px.png
new file mode 100644
index 0000000..93e107e
Binary files /dev/null and b/src/assets/logo-72px.png differ
diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index f9c61bf..db7cdab 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -5,7 +5,7 @@ import { useTheme } from '@/components/theme-provider'
 import { Button } from '@/components/ui/button'
 import { Badge } from '@/components/ui/badge'
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '@/components/ui/dropdown-menu'
-import { Zap, Sun, Moon, Menu, X, User, Key, LogOut } from 'lucide-vue-next'
+import { Sun, Moon, Menu, X, User, Key, LogOut } from 'lucide-vue-next'
 import LanguageSwitcher from '@/components/LanguageSwitcher.vue'
 import IdentityDialog from '@/components/nostr/IdentityDialog.vue'
 import { identity } from '@/composables/useIdentity'
@@ -48,7 +48,8 @@ const openIdentityDialog = () => {
       <!-- Logo and Desktop Navigation -->
       <div class="flex items-center gap-6">
         <router-link to="/" class="flex items-center gap-2 text-foreground hover:text-foreground/90">
-          <Zap class="h-6 w-6" :class="theme === 'dark' ? 'text-orange-400' : 'text-fuchsia-600'" />
+          <img src="@/assets/logo-72px.png" alt="Logo" class="h-14 -14" />
+          <!-- srcset="@/assets/logo-24px.png 1x, @/assets/logo-48px.png 2x, @/assets/logo-72px.png 3x" -->
           <span class="font-semibold">{{ t('nav.title') }}</span>
         </router-link>
 
@@ -91,7 +92,7 @@ const openIdentityDialog = () => {
               </DropdownMenuItem>
             </DropdownMenuContent>
           </DropdownMenu>
-          
+
           <Button v-else variant="outline" size="sm" @click="openIdentityDialog" class="gap-2">
             <User class="h-4 w-4" />
             Connect Identity
@@ -99,7 +100,7 @@ const openIdentityDialog = () => {
         </div>
 
         <!-- Hide theme toggle on mobile -->
-        <Button variant="ghost" size="icon" @click="toggleTheme" 
+        <Button variant="ghost" size="icon" @click="toggleTheme"
           class="hidden sm:inline-flex text-foreground hover:text-foreground/90 hover:bg-accent">
           <Sun v-if="theme === 'dark'" class="h-5 w-5" />
           <Moon v-else class="h-5 w-5" />
@@ -111,7 +112,7 @@ const openIdentityDialog = () => {
         </div>
 
         <!-- Mobile menu button -->
-        <Button variant="ghost" size="icon" @click="toggleMenu" 
+        <Button variant="ghost" size="icon" @click="toggleMenu"
           class="md:hidden text-foreground hover:text-foreground/90 hover:bg-accent">
           <span class="sr-only">Open main menu</span>
           <Menu v-if="!isOpen" class="h-5 w-5" />
@@ -126,7 +127,8 @@ const openIdentityDialog = () => {
       <div class="space-y-1 p-4">
         <!-- Identity in mobile menu -->
         <div class="mb-4 px-2">
-          <Button v-if="!identity.isAuthenticated.value" variant="outline" size="sm" @click="openIdentityDialog" class="w-full gap-2 min-h-[44px] touch-manipulation">
+          <Button v-if="!identity.isAuthenticated.value" variant="outline" size="sm" @click="openIdentityDialog"
+            class="w-full gap-2 min-h-[44px] touch-manipulation">
             <User class="h-4 w-4" />
             Connect Identity
           </Button>
@@ -141,7 +143,8 @@ const openIdentityDialog = () => {
                 <User class="h-4 w-4" />
                 Profile
               </Button>
-              <Button variant="ghost" size="sm" @click="identity.signOut(); isOpen = false" class="w-full justify-start gap-2 text-destructive">
+              <Button variant="ghost" size="sm" @click="identity.signOut(); isOpen = false"
+                class="w-full justify-start gap-2 text-destructive">
                 <LogOut class="h-4 w-4" />
                 Sign Out
               </Button>
diff --git a/src/i18n/locales/en.ts b/src/i18n/locales/en.ts
index 5f11bc7..19d3de3 100644
--- a/src/i18n/locales/en.ts
+++ b/src/i18n/locales/en.ts
@@ -2,8 +2,8 @@ import type { LocaleMessages } from '../types'
 
 const messages: LocaleMessages = {
   nav: {
-    title: 'Application Title',
     home: 'Home',
+    title: 'Virtual Realm',
     directory: 'Directory',
     faq: 'FAQ',
     support: 'Support',
diff --git a/src/pages/events.vue b/src/pages/events.vue
index fe38892..701ca3f 100644
--- a/src/pages/events.vue
+++ b/src/pages/events.vue
@@ -55,6 +55,7 @@ function handlePurchaseClick(event: {
       </div>
 
       <TabsContent value="upcoming">
+        {{ upcomingEvents }}
         <ScrollArea class="h-[600px] w-full pr-4" v-if="upcomingEvents.length">
           <div class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
             <Card v-for="event in upcomingEvents" :key="event.id" class="flex flex-col">
@@ -83,12 +84,8 @@ function handlePurchaseClick(event: {
                 </div>
               </CardContent>
               <CardFooter>
-                <Button 
-                  class="w-full" 
-                  variant="default" 
-                  :disabled="event.amount_tickets <= event.sold"
-                  @click="handlePurchaseClick(event)"
-                >
+                <Button class="w-full" variant="default" :disabled="event.amount_tickets <= event.sold"
+                  @click="handlePurchaseClick(event)">
                   Buy Ticket
                 </Button>
               </CardFooter>
@@ -137,10 +134,6 @@ function handlePurchaseClick(event: {
       </TabsContent>
     </Tabs>
 
-    <PurchaseTicketDialog
-      v-if="selectedEvent"
-      :event="selectedEvent"
-      v-model:is-open="showPurchaseDialog"
-    />
+    <PurchaseTicketDialog v-if="selectedEvent" :event="selectedEvent" v-model:is-open="showPurchaseDialog" />
   </div>
-</template> 
\ No newline at end of file
+</template>