From 9f0d44028838d0248af2b51dd712c0764c5d8e9d Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sun, 2 Feb 2025 18:57:38 +0100
Subject: [PATCH] update to say Atitlan Lightning Directory and format

---
 src/components/layout/Navbar.vue | 40 ++++++++++----------------------
 1 file changed, 12 insertions(+), 28 deletions(-)

diff --git a/src/components/layout/Navbar.vue b/src/components/layout/Navbar.vue
index 83ac925..d3e534a 100644
--- a/src/components/layout/Navbar.vue
+++ b/src/components/layout/Navbar.vue
@@ -25,23 +25,18 @@ const toggleMenu = () => {
           <div class="flex flex-shrink-0 items-center">
             <!-- Replace with your logo -->
             <router-link to="/" class="text-xl font-bold text-card-foreground">
-              ⚡️ Lightning Directory
+              ⚡️ Atitlan Lightning Directory
             </router-link>
           </div>
-          
+
           <!-- Desktop Navigation -->
           <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
-            <router-link
-              v-for="item in navigation"
-              :key="item.name"
-              :to="item.href"
-              class="inline-flex items-center px-1 pt-1 text-sm font-medium"
-              :class="[
+            <router-link v-for="item in navigation" :key="item.name" :to="item.href"
+              class="inline-flex items-center px-1 pt-1 text-sm font-medium" :class="[
                 $route.path === item.href
                   ? 'border-b-2 border-primary text-card-foreground'
                   : 'text-muted-foreground hover:border-b-2 hover:border-muted hover:text-card-foreground'
-              ]"
-            >
+              ]">
               {{ item.name }}
             </router-link>
           </div>
@@ -54,11 +49,9 @@ const toggleMenu = () => {
 
         <!-- Mobile menu button -->
         <div class="flex items-center sm:hidden">
-          <button
-            type="button"
+          <button type="button"
             class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500"
-            @click="toggleMenu"
-          >
+            @click="toggleMenu">
             <span class="sr-only">Open main menu</span>
             <Menu v-if="!isOpen" class="block h-6 w-6" aria-hidden="true" />
             <X v-else class="block h-6 w-6" aria-hidden="true" />
@@ -68,26 +61,17 @@ const toggleMenu = () => {
     </div>
 
     <!-- Mobile menu -->
-    <div
-      :class="[isOpen ? 'block' : 'hidden']"
-      class="sm:hidden"
-    >
+    <div :class="[isOpen ? 'block' : 'hidden']" class="sm:hidden">
       <div class="space-y-1 pb-3 pt-2">
-        <router-link
-          v-for="item in navigation"
-          :key="item.name"
-          :to="item.href"
-          class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium"
-          :class="[
+        <router-link v-for="item in navigation" :key="item.name" :to="item.href"
+          class="block border-l-4 py-2 pl-3 pr-4 text-base font-medium" :class="[
             $route.path === item.href
               ? 'border-primary bg-primary/10 text-primary'
               : 'border-transparent text-gray-500 hover:border-gray-300 hover:bg-gray-50 hover:text-gray-700'
-          ]"
-          @click="isOpen = false"
-        >
+          ]" @click="isOpen = false">
           {{ item.name }}
         </router-link>
       </div>
     </div>
   </nav>
-</template> 
\ No newline at end of file
+</template>