diff --git a/src/components/layout/page.tsx b/src/components/layout/page.tsx
index 7118ced..76d3e16 100644
--- a/src/components/layout/page.tsx
+++ b/src/components/layout/page.tsx
@@ -1,7 +1,5 @@
 import * as React from 'react'
 
-import { Footer } from '~/components/common/footer'
-import { Header } from '~/components/common/header'
 import { CUSTOM_EASE, DURATION, ScrollSmoother } from '~/lib/gsap'
 
 type Props = {
@@ -14,9 +12,7 @@ const ContentMemo = React.memo(({ children, extras }: Props) => {
   return (
     <>
       {extras}
-      <Header />
       <main>{children}</main>
-      <Footer />
     </>
   )
 })
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index dc92f1a..b870879 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -5,6 +5,8 @@ import { AppProps } from 'next/app'
 import { RealViewportProvider } from 'next-real-viewport'
 import * as React from 'react'
 
+import { Footer } from '~/components/common/footer'
+import { Header } from '~/components/common/header'
 import { AnimationContextProvider } from '~/context/animation'
 import { basementLog, isProd } from '~/lib/constants'
 import { FontsReadyScript } from '~/lib/font-scripts'
@@ -56,7 +58,9 @@ const App = ({ Component, pageProps, ...rest }: AppProps) => {
       <AnimationContextProvider>
         {/* <GAScripts /> */}
         <FontsReadyScript />
+        <Header />
         {getLayout({ Component, pageProps, ...rest })}
+        <Footer />
       </AnimationContextProvider>
     </RealViewportProvider>
   )