diff --git a/libs/website/layouts/base.tsx b/libs/website/layouts/base.tsx
new file mode 100644
index 00000000..4b3a70f8
--- /dev/null
+++ b/libs/website/layouts/base.tsx
@@ -0,0 +1,23 @@
+import { FOOTER_CONSTANTS, FooterPresenter, NAVBAR_CONSTANTS, NavbarPresenter } from '@website/shared/ui/navigation'
+import React from 'react'
+import { ClientOnly } from 'remix-utils/client-only'
+
+export function Layout({ children }) {
+  return (
+    <>
+      <ClientOnly>
+        {() => (
+          <NavbarPresenter
+            links={NAVBAR_CONSTANTS.LINKS}
+            logo={NAVBAR_CONSTANTS.LOGO}
+            socials={NAVBAR_CONSTANTS.SOCIALS}
+            hamburger={NAVBAR_CONSTANTS.HAMBURGER}
+          />
+        )}
+      </ClientOnly>
+
+      <div className="mt-10">{children}</div>
+      <FooterPresenter logo={FOOTER_CONSTANTS.LOGO} socials={FOOTER_CONSTANTS.SOCIALS} />
+    </>
+  )
+}