From bcb729c017d6d30f1f25d257876c864df588d342 Mon Sep 17 00:00:00 2001
From: matt <matt@harborsmith.co>
Date: Fri, 19 Sep 2025 11:10:09 +0200
Subject: [PATCH] Add scroll-to-top functionality on logo/title click

- Made navbar brand (logo + title) clickable with cursor pointer
- Added scrollToTop function to smoothly scroll to page top
- Especially useful on mobile devices for quick navigation

Users can now tap the Harbor Smith logo or title to return to top.
---
 apps/website/components/AppNavbar.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/website/components/AppNavbar.vue b/apps/website/components/AppNavbar.vue
index ca4c484..84f3915 100644
--- a/apps/website/components/AppNavbar.vue
+++ b/apps/website/components/AppNavbar.vue
@@ -4,7 +4,7 @@
     :class="['voyage-nav', { scrolled: isScrolled }]"
   >
     <div class="nav-container">
-      <div class="nav-brand">
+      <div class="nav-brand" @click="scrollToTop" style="cursor: pointer;">
         <img
           :src="navLogo"
           :alt="logoAlt"
@@ -71,6 +71,10 @@ const handleSmoothScroll = (event: Event, href: string) => {
   target.scrollIntoView({ behavior: 'smooth', block: 'start' })
 }
 
+const scrollToTop = () => {
+  window.scrollTo({ top: 0, behavior: 'smooth' })
+}
+
 onMounted(() => {
   handleScroll()
   window.addEventListener('scroll', handleScroll, { passive: true })