1st push

pages/index.js

@@ -0,0 +1,30 @@
+import { Box, Center, Flex, Heading, Text } from "@chakra-ui/react"
+import React, { useEffect } from "react"
+
+function App() {
+  const [isloaded, setIsLoaded] = React.useState(false)
+
+  useEffect(() => {
+    if (!isloaded) {
+      console.log("isloaded called")
+
+      setIsLoaded(true)
+    }
+  })
+
+  return (
+    <Center bg="gray.200" height="100vh">
+      <Box textAlign="center">
+        <Heading size="4xl" color={"blue.500"}>
+          Coming Soon
+        </Heading>
+        <Text fontSize="2xl" mt="4">
+          ⚠ We are working on it! ⚠
+        </Text>
+        <Flex justifyContent="center" mt="8"></Flex>
+      </Box>
+    </Center>
+  )
+}
+
+export default App