feat: Add new design closer to gremiumhub landing

legalconsenthub/app/pages/index.vue

@@ -4,6 +4,9 @@
       <UDashboardNavbar :title="$t('common.home')" :ui="{ right: 'gap-3' }">
         <template #leading>
           <UDashboardSidebarCollapse />
+          <div class="header-logo-accent w-8 h-8 rounded-lg flex items-center justify-center ml-2">
+            <UIcon name="i-lucide-file-text" class="size-5 text-white" />
+          </div>
         </template>
 
         <template #right>
@@ -21,7 +24,13 @@
           />
 
           <UTooltip :text="$t('notifications.tooltip')" :shortcuts="['N']">
-            <UButton color="neutral" variant="ghost" square @click="isNotificationsSlideoverOpen = true">
+            <UButton
+              color="neutral"
+              variant="ghost"
+              square
+              class="hover:bg-teal-50 dark:hover:bg-teal-950/50 transition-colors"
+              @click="isNotificationsSlideoverOpen = true"
+            >
               <UChip :show="hasUnread" color="error" inset>
                 <UIcon name="i-lucide-bell" class="size-5 shrink-0" />
               </UChip>
@@ -34,11 +43,7 @@
             to="/create"
             :disabled="!canWriteApplicationForms"
             size="xl"
-            variant="outline"
-            color="neutral"
-            :ui="{
-              leadingIcon: 'text-primary'
-            }"
+            class="bg-gradient-to-br from-teal-500 to-cyan-500 text-white font-semibold rounded-xl shadow-lg shadow-teal-500/25 hover:from-cyan-500 hover:to-violet-500 hover:shadow-xl hover:shadow-violet-500/30 transition-all duration-200"
           />
         </template>
       </UDashboardNavbar>