+ © Skynet Labs Inc. All rights reserved.
+
+);
diff --git a/packages/dashboard-v2/src/components/Footer/index.js b/packages/dashboard-v2/src/components/Footer/index.js
new file mode 100644
index 00000000..5fca53f7
--- /dev/null
+++ b/packages/dashboard-v2/src/components/Footer/index.js
@@ -0,0 +1 @@
+export * from "./Footer";
diff --git a/packages/dashboard-v2/src/components/Tabs/Tab.js b/packages/dashboard-v2/src/components/Tabs/Tab.js
index 467c08d8..1e7bd074 100644
--- a/packages/dashboard-v2/src/components/Tabs/Tab.js
+++ b/packages/dashboard-v2/src/components/Tabs/Tab.js
@@ -3,7 +3,7 @@ import PropTypes from "prop-types";
import styled from "styled-components";
export const StyledTab = styled.button.attrs(({ active, variant }) => ({
- className: `m-0 px-2 pb-2
+ className: `m-0 pr-2 pb-2
text-tab text-left font-sans
transition-colors hover:text-palette-500
${active ? "font-semibold text-palette-600" : "font-light text-palette-300"}
diff --git a/packages/dashboard-v2/src/layouts/DashboardLayout.js b/packages/dashboard-v2/src/layouts/DashboardLayout.js
new file mode 100644
index 00000000..61d57870
--- /dev/null
+++ b/packages/dashboard-v2/src/layouts/DashboardLayout.js
@@ -0,0 +1,57 @@
+import * as React from "react";
+import { Link } from "gatsby";
+
+import styled from "styled-components";
+import { DropdownMenu, DropdownMenuLink } from "../components/DropdownMenu";
+import { PageContainer } from "../components/PageContainer";
+import { CogIcon, SkynetLogoIcon, LockClosedIcon } from "../components/Icons";
+import { NavBar, NavBarLink, NavBarSection } from "../components/Navbar";
+import { Footer } from "../components/Footer";
+
+const Layout = styled.div.attrs({
+ className: "h-screen overflow-hidden",
+})`
+ background-image: url(/images/dashboard-bg.svg);
+ background-position: -300px -280px;
+
+ .navbar {
+ grid-template-columns: auto max-content 1fr;
+ }
+`;
+
+const DashboardLayout = ({ children }) => {
+ return (
+ <>
+