using a simplegrid created a resebalence of a calender.

2021-11-14 15:19:46 -06:00
parent a38b91a1da
commit 11c10d87e5
2 changed files with 41 additions and 4 deletions
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,12 +1,17 @@
 import React from "react";
 import { Box, Heading } from "@chakra-ui/react";
+import Calender from "../component/calender";

 const IndexPage = (): JSX.Element => {
  return (
-    <Box textAlign="center" w="100%" h="auto" py="10vh">
-      <Heading as="h1" size="2xl">
-        Hello World
-      </Heading>
+    <Box textAlign="center" w="100%" h="auto" pt="50px" pb="10vh">
+      {Calender ? (
+        <Calender />
+      ) : (
+        <Heading as="h1" size="2xl">
+          Hello World
+        </Heading>
+      )}
    </Box>
  );
 };