diff --git a/pos-frontend/app/about/page.tsx b/pos-frontend/app/about/page.tsx
index ec1b2e7..f651329 100644
--- a/pos-frontend/app/about/page.tsx
+++ b/pos-frontend/app/about/page.tsx
@@ -1,13 +1,15 @@
 'use client'
 
-import React from "react"
 import { Box } from '@chakra-ui/react'
 
-export default function Page() {
-  (
+export default function About() {
+  return (
     <Box color={"black"}>
       About
       The stuff is here
+      <Box bg='tomato' w='100%' p={4} color='white'>
+        This is the Box
+      </Box>
     </Box>
   )
 }
\ No newline at end of file
diff --git a/pos-frontend/app/layout.tsx b/pos-frontend/app/layout.tsx
index ea29154..ee87267 100644
--- a/pos-frontend/app/layout.tsx
+++ b/pos-frontend/app/layout.tsx
@@ -1,5 +1,8 @@
 import { Providers } from './providers'
 import { fonts } from './fonts'
+import { Inter } from 'next/font/google'
+
+const inter = Inter({ subsets: ['latin'] })
 
 export default function RootLayout({
   children,
diff --git a/pos-frontend/app/page.tsx b/pos-frontend/app/page.tsx
index 47316e7..703eaf3 100644
--- a/pos-frontend/app/page.tsx
+++ b/pos-frontend/app/page.tsx
@@ -1,11 +1,18 @@
 'use client'
 
 import { Link } from '@chakra-ui/next-js'
+import { Box, Flex } from '@chakra-ui/react'
 
 export default function Page() {
   return (
-    <Link href='/about' color='blue.400' _hover={{ color: 'blue.500' }}>
-      About
-    </Link>
+    <Flex>
+      <Box>
+        Flex
+      </Box>
+
+      <Link href='/about' color='blue.400' _hover={{ color: 'blue.500' }}>
+        About
+      </Link>
+    </Flex>
   )
 }
\ No newline at end of file
diff --git a/pos-frontend/app/providers.tsx b/pos-frontend/app/providers.tsx
index 2d9170c..b41d61e 100644
--- a/pos-frontend/app/providers.tsx
+++ b/pos-frontend/app/providers.tsx
@@ -1,7 +1,8 @@
 'use client'
 
 import { ChakraProvider } from '@chakra-ui/react'
+import { CacheProvider } from '@chakra-ui/next-js'
 
 export function Providers({ children }: { children: React.ReactNode }) {
-  return <ChakraProvider>{children}</ChakraProvider>
+  return (<CacheProvider><ChakraProvider>{children}</ChakraProvider></CacheProvider>)
 }
diff --git a/pos-frontend/app/x/page.tsx b/pos-frontend/app/x/page.tsx
new file mode 100644
index 0000000..95fc2ce
--- /dev/null
+++ b/pos-frontend/app/x/page.tsx
@@ -0,0 +1,7 @@
+export default function Page() {
+  return (
+    <>
+      Hi
+    </>
+  )
+}
\ No newline at end of file
diff --git a/pos-frontend/next.config.mjs b/pos-frontend/next.config.mjs
deleted file mode 100644
index 1d61478..0000000
--- a/pos-frontend/next.config.mjs
+++ /dev/null
@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {}
-
-export default nextConfig
diff --git a/pos-frontend/tsconfig.json b/pos-frontend/tsconfig.json
index 6c04cdd..68d0f03 100644
--- a/pos-frontend/tsconfig.json
+++ b/pos-frontend/tsconfig.json
@@ -21,11 +21,6 @@
         "name": "next"
       }
     ],
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    }
   },
   "include": [
     "next-env.d.ts",