From 86e3867609c0bd31628ca2f968187b137eba4743 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Tue, 10 Mar 2026 11:42:57 -0500
Subject: [PATCH] fix: hero overlapping with large logo nav bar

---
 frontend/src/views/LandingView.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/LandingView.vue b/frontend/src/views/LandingView.vue
index e7d6638..fa53a94 100644
--- a/frontend/src/views/LandingView.vue
+++ b/frontend/src/views/LandingView.vue
@@ -296,7 +296,7 @@ const scrollToInstall = () =>
 .hero {
   position: relative; min-height: 100svh;
   display: flex; align-items: flex-end;
-  padding: 88px 24px 72px;
+  padding: 180px 24px 72px; /* Increased top padding from 88px to 180px */
   overflow: hidden;
 }
 
@@ -445,15 +445,15 @@ const scrollToInstall = () =>
 /* Mobile */
 @media (max-width: 767px) {
   /* Nav */
-  .nav  { padding: 0 18px; height: 80px; }
+  .nav  { padding: 0 18px; height: 100px; }
   .nav--solid { border-bottom: 1px solid var(--border); height: 70px; }
-  .nav__logo  { height: 75px; }
+  .nav__logo  { height: 85px; }
   .nav--solid .nav__logo { height: 60px; }
   .btn-install { display: none; }
   .btn-cta--sm { font-size: .82rem; padding: 8px 14px; border-radius: 8px; }
 
   /* Hero */
-  .hero { padding: 72px 20px 56px; }
+  .hero { padding: 120px 20px 56px; }
   .hero__title { font-size: clamp(2.1rem, 10.5vw, 3rem); }
   .hero__desc  { font-size: .9rem; margin-bottom: 28px; }
   .hero__btns  { flex-direction: column; }