new ui hero updated

src/components/layout.tsx

@@ -0,0 +1,22 @@
+import { Outlet } from '@tanstack/react-router'
+import {
+  Box,
+  Container,
+} from '@chakra-ui/react'
+
+import Header from './header'
+import Footer from './footer'
+
+function Layout() {
+  return (
+    <Container maxW="100vw" p={0} m={0} mt={0}>
+      <Header />
+      <Box position="relative">
+        <Outlet />
+      </Box>
+      <Footer />
+    </Container>
+  )
+}
+
+export default Layout