diff --git a/themes/infra/components/Layout.tsx b/themes/infra/components/Layout.tsx
new file mode 100644
index 0000000..b73f10f
--- /dev/null
+++ b/themes/infra/components/Layout.tsx
@@ -0,0 +1,11 @@
+import { ReactNode, FunctionComponent } from 'react';
+
+type Props = {
+  children?: ReactNode;
+};
+
+const Layout: FunctionComponent = ({ children }: Props) => (
+  <div className="lg:px-32 md:px-16 px-4 py-4">{children}</div>
+);
+
+export default Layout;
diff --git a/themes/infra/package.json b/themes/infra/package.json
new file mode 100644
index 0000000..26073a3
--- /dev/null
+++ b/themes/infra/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "@themes/infra",
+  "private": true,
+  "version": "0.0.0",
+  "author": "Vojtech Mares <iam@vojtechmares.com>",
+  "devDependencies": {
+    "@types/react": "^17.0.34",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "tailwindcss": "^3.0.8",
+    "typescript": "^4.4.4"
+  }
+}