moved from tailwind css to chakraui and banner dir added to ui

Author: ScreenTechnicals

tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

ui/banner/BlankRasaBanner1.tsx

@@ -21,7 +21,7 @@ const BlankRasaBanner1 = () => {
   return (
     <Box
       bg={ bg }
-      boxShadow={{ base: 'none', lg: bgBoxShadowDesktop }}
+      boxShadow={ bgBoxShadowDesktop }
       borderRadius="md"
       pt={ 5 }
       px={ 5 }

ui/banner/BlankRasaBanner2.tsx

@@ -26,7 +26,7 @@ const BlankRasaBanner2 = () => {
       borderRadius="md"
       p={ 5 }
       display="flex"
-      alignItems={ [ 'center' ] }
+      alignItems={ [ '', 'center' ] }
       justifyContent="space-between"
       flexDirection={ [ 'column', 'row' ] }
     >
@@ -42,7 +42,7 @@ const BlankRasaBanner2 = () => {
           alt="logo2"
           filter={ imgColor }
         />
-        <Box w={ [ '100%', '60%', '50%' ] }>
+        <Box w={ [ '100%', '50%' ] }>
           <Heading as="h2" size="md" mb={ 2 } fontWeight="bold">
             Blank Rasa
           </Heading>