diff --git a/apps/cns-website/src/app/app.component.html b/apps/cns-website/src/app/app.component.html
index 67e7bd4cd6..01df798d2e 100644
--- a/apps/cns-website/src/app/app.component.html
+++ b/apps/cns-website/src/app/app.component.html
@@ -1 +1,3 @@
+<cns-header />
 <router-outlet />
+<cns-footer />
diff --git a/apps/cns-website/src/app/app.component.ts b/apps/cns-website/src/app/app.component.ts
index 41d220380b..b27ddae948 100644
--- a/apps/cns-website/src/app/app.component.ts
+++ b/apps/cns-website/src/app/app.component.ts
@@ -2,13 +2,15 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { BaseApplicationComponent } from '@hra-ui/application';
 import { HraCommonModule } from '@hra-ui/common';
+import { HeaderComponent } from './components/header/header.component';
+import { FooterComponent } from './components/footer/footer.component';
 
 /**
  * Main application component
  */
 @Component({
   selector: 'cns-website',
-  imports: [HraCommonModule, RouterModule],
+  imports: [HraCommonModule, RouterModule, HeaderComponent, FooterComponent],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
diff --git a/apps/cns-website/src/app/pages/landing-page.component.html b/apps/cns-website/src/app/pages/landing-page.component.html
index ccb79f10ea..9285b12860 100644
--- a/apps/cns-website/src/app/pages/landing-page.component.html
+++ b/apps/cns-website/src/app/pages/landing-page.component.html
@@ -1,2 +1 @@
-<cns-header />
-<cns-footer />
+<!-- Landing page content will go here -->
diff --git a/apps/cns-website/src/styles.scss b/apps/cns-website/src/styles.scss
index d3218a487f..3df1001995 100644
--- a/apps/cns-website/src/styles.scss
+++ b/apps/cns-website/src/styles.scss
@@ -6,6 +6,10 @@
   @include theming.theme(cns.$theme);
 }
 
+html {
+  scroll-padding-top: 3.5rem;
+}
+
 body {
   height: 100vh;
 }