diff --git a/pos-frontend/app/inventory/page.tsx b/pos-frontend/app/inventory/page.tsx
new file mode 100644
index 0000000..255657e
--- /dev/null
+++ b/pos-frontend/app/inventory/page.tsx
@@ -0,0 +1,49 @@
+import { Container } from '@mantine/core'
+import { Flex, Button } from '@mantine/core'
+import React from "react"
+
+const NavLink = (props: any) =>
+  <li className="nav-item">
+    <a className="nav-link" href={props.href}>
+      {props.children}
+    </a>
+  </li>
+
+const Text = (props: any) =>
+  <p>{props.children}</p>
+
+export default function InventoryPage() {
+  const demoProps = {
+    bg: 'var(--mantine-color-blue-light)',
+    h: 50,
+    mt: 'md',
+  }
+
+  return (
+    <>
+      <Container {...demoProps}>Default Container</Container>
+
+      <Container size="xs" {...demoProps}>
+        xs Container
+      </Container>
+
+      <Container px={0} size="30rem" {...demoProps}>
+        30rem Container without padding
+      </Container>
+
+      <Flex
+        mih={50}
+        bg="rgba(0, 0, 0, .3)"
+        gap="md"
+        justify="flex-start"
+        align="flex-start"
+        direction="row"
+        wrap="wrap"
+      >
+        <Button>Button 1</Button>
+        <Button>Button 2</Button>
+        <Button>Button 3</Button>
+      </Flex>
+    </>
+  )
+}
diff --git a/pos-frontend/babel.config.js b/pos-frontend/babel.config.js
deleted file mode 100644
index ae0b3eb..0000000
--- a/pos-frontend/babel.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  presets: [
-    ['@babel/preset-env', { targets: { node: 'current' } }],
-    '@babel/preset-typescript',
-  ],
-}
\ No newline at end of file