From 4d0beac4626cc50ad4c13ceb4c7e9b9cafa4aa1d Mon Sep 17 00:00:00 2001
From: ihechi <ihechibethel5@gmail.com>
Date: Sat, 25 Apr 2026 21:10:12 +0200
Subject: [PATCH 1/2] Fix header overlap by adding top spacing to Landing
 layout

---
 src/components/Website/Landing/Landing.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Website/Landing/Landing.tsx b/src/components/Website/Landing/Landing.tsx
index 24b6f123..c0dd361d 100644
--- a/src/components/Website/Landing/Landing.tsx
+++ b/src/components/Website/Landing/Landing.tsx
@@ -19,7 +19,7 @@ export function Landing({ lang }: { lang: Lang }) {
   const screenType = useScreenType();
   const isBurgerMenu = screenType === ScreenTypes.MOBILE;
   return (
-    <AppContainer id="app-container">
+    <AppContainer id="app-container" style={{ paddingTop: "80px" }}>
       <Header
         logo={<N4DLogo />}
         isBurgerMenu={isBurgerMenu}

From 85bf4e433570e082f5499229ff21a33ddf107ce0 Mon Sep 17 00:00:00 2001
From: ihechi <ihechibethel5@gmail.com>
Date: Wed, 29 Apr 2026 21:17:15 +0200
Subject: [PATCH 2/2] Refactor header spacing to use responsive CSS variable

---
 src/components/Website/Landing/Landing.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Website/Landing/Landing.tsx b/src/components/Website/Landing/Landing.tsx
index c0dd361d..dc302321 100644
--- a/src/components/Website/Landing/Landing.tsx
+++ b/src/components/Website/Landing/Landing.tsx
@@ -18,8 +18,9 @@ import { Hero } from "./Hero";
 export function Landing({ lang }: { lang: Lang }) {
   const screenType = useScreenType();
   const isBurgerMenu = screenType === ScreenTypes.MOBILE;
+
   return (
-    <AppContainer id="app-container" style={{ paddingTop: "80px" }}>
+    <AppContainer id="app-container" style={{ paddingTop: "var(--layout-static-page-header-height)" }}>
       <Header
         logo={<N4DLogo />}
         isBurgerMenu={isBurgerMenu}