SEO Tweaks

src/lib/components/OnboardingFooter.svelte

@@ -28,20 +28,15 @@
 
 <footer class="ob-footer">
   <div class="ob-footer-inner">
-    <div class="ob-footer-identity">
-      <Icon name="fas fa-circle-check" />
-      <span>Signed in as <strong>{email}</strong></span>
-    </div>
+    <a href="https://goodwalk.co.nz" class="ob-footer-back">
+      <Icon name="fas fa-arrow-left" />
+      Back to main site
+    </a>
     <button class="ob-footer-logout" on:click={logout} disabled={loggingOut}>
       <Icon name="fas fa-right-from-bracket" />
       {loggingOut ? 'Signing out…' : 'Sign out'}
     </button>
   </div>
-  <div class="ob-footer-copyright">
-    <a href="https://goodwalk.co.nz">goodwalk.co.nz</a>
-    <span>&middot;</span>
-    <span>&copy; {new Date().getFullYear()} Goodwalk. All rights reserved.</span>
-  </div>
 </footer>
 
 <style>
@@ -61,17 +56,20 @@
     gap: 16px;
   }
 
-  .ob-footer-identity {
-    display: flex;
+  .ob-footer-back {
+    display: inline-flex;
     align-items: center;
     gap: 8px;
+    font-family: var(--font-head);
     font-size: 13px;
-    color: rgba(255, 255, 255, 0.6);
+    font-weight: 700;
+    color: rgba(255, 255, 255, 0.65);
+    text-decoration: none;
+    transition: color 0.15s;
   }
 
-  .ob-footer-identity strong {
-    color: rgba(255, 255, 255, 0.9);
-    font-weight: 600;
+  .ob-footer-back:hover {
+    color: #fff;
   }
 
   .ob-footer-logout {
@@ -95,39 +93,9 @@
     color: #fff;
   }
 
-  .ob-footer-copyright {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-    padding: 10px 28px;
-    border-top: 1px solid rgba(255, 255, 255, 0.06);
-    font-size: 11px;
-    color: rgba(255, 255, 255, 0.25);
-    flex-wrap: wrap;
-  }
-
-  .ob-footer-copyright a {
-    color: rgba(255, 255, 255, 0.35);
-    text-decoration: none;
-    font-weight: 600;
-  }
-
-  .ob-footer-copyright a:hover {
-    color: rgba(255, 255, 255, 0.6);
-  }
-
   @media (max-width: 768px) {
     .ob-footer-inner {
       padding: 0 18px;
     }
-
-    .ob-footer-identity span {
-      display: none;
-    }
-
-    .ob-footer-copyright {
-      padding: 10px 18px;
-    }
   }
 </style>