update

src/App.css

@@ -179,11 +179,11 @@
 
 @keyframes text {
   0% {
-    color: #0b0b27;
+    color: #DE858E;
     /* margin-bottom: -40px; */
   }
   30% {
-    letter-spacing: 15px;
+    letter-spacing: 10px;
     /* margin-bottom: -40px; */
   }
   85% {

src/Components/DataTable/DataTable.jsx

@@ -5,7 +5,7 @@ import EmptySearchList from "../EmptySearchList";
 const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
   const columnWidth = data && data[0] ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%` : "auto";
   return (
-    <TableContainer className="h-auto mb-3 w-100">
+    <TableContainer overflowX={"hidden"} className="h-auto mb-3 w-100">
       {data?.length === 0 ? (
         <EmptySearchList message={emptyMessage} />
       ) : (

src/Layout/DefaultLayout.jsx

@@ -274,7 +274,7 @@ const DashboardLayout = () => {
       </aside>
 
       <main
-        className={`h-100 ${isDrawerOpen || openDrawerClick ? "ps-3" : "ps-3"}`}
+        className={`h-100   ${path === "/" ? "ps-0" : "ps-3" }  `}
         style={{
           width: `calc(100% - ${isDrawerOpen || openDrawerClick ? 225 : 78}px)`,
           transition: "width 0.3s ease-in-out",

src/Pages/BlogsAndArticles/BlogsAndArticles.jsx

@@ -143,7 +143,7 @@ const BlogsAndArticles = () => {
   // ====================================================[Table Setup]================================================================
   const tableHeadRow = [
     "Auther Name",
-    "Discription",
+    // "Discription",
     "Summary",
     "Tags",
     "Active",
@@ -175,22 +175,22 @@ const BlogsAndArticles = () => {
           </span>
         </RouterLink>
       ),
-      Discription: (
-        <Tooltip
-          className="rounded-2 web-text-xsmall"
-          width={"fit-content"}
-          placement="top"
-          hasArrow
-          label={item?.meta_description}
-          bg="blue.200"
-        >
-          <Box display={"flex"} alignItems={"center"} w={200}>
-            <Text as={"span"} isTruncated={true}>
-              {item?.meta_description}
-            </Text>
-          </Box>
-        </Tooltip>
-      ),
+      // Discription: (
+      //   <Tooltip
+      //     className="rounded-2 web-text-xsmall"
+      //     width={"fit-content"}
+      //     placement="top"
+      //     hasArrow
+      //     label={item?.meta_description}
+      //     bg="blue.200"
+      //   >
+      //     <Box display={"flex"} alignItems={"center"} w={200}>
+      //       <Text as={"span"} isTruncated={true}>
+      //         {item?.meta_description}
+      //       </Text>
+      //     </Box>
+      //   </Tooltip>
+      // ),
       Summary: (
         <Tooltip
           className="rounded-2 web-text-xsmall"
@@ -200,7 +200,7 @@ const BlogsAndArticles = () => {
           label={item?.summary}
           bg="blue.200"
         >
-          <Box display={"flex"} alignItems={"center"} w={200}>
+          <Box display={"flex"} alignItems={"center"} w={400}>
             <Text as={"span"} isTruncated={true}>
               {item?.summary}
             </Text>

src/Pages/WelcomePage.jsx

@@ -1,27 +1,46 @@
-import { Box, Text } from '@chakra-ui/react'
-import React from 'react'
+import { Box, Text } from "@chakra-ui/react";
+import React from "react";
+import welcome from '../Images/welcomeBanner.gif'
 
 const WelcomePage = () => {
   return (
     <Box
-    display={'flex'}
-    justifyContent={'center'}
-    alignItems={'center'} 
-    w={"100%"}
-    h={'100%'}
-    // bgGradient='linear(to-l, #000000, #0B0B27)'   
-    >
-        <Text className='text-animate'
-//   bgGradient='linear(to-l, #BB171C, #D01548)'
-  bgGradient='linear(to-l, #130f40, #FF0080)'
-  bgClip='text'
-  fontSize='8xl'
-  fontWeight='800'
->
-  Welcome to rubix
-</Text>
-    </Box>
-  )
-}
+      display={"flex"}
+      justifyContent={"center"}
+      alignItems={"center"}
+      w={"100%"}
+      h={"100%"}
+      // bgGradient='linear(to-l, #A43429, #EBC755)'
 
-export default WelcomePage
+
+      
+      bgImage={welcome}
+      bgSize="cover"
+      bgPosition="center"
+    >
+      <Box
+      backdropFilter="blur(3px)"
+        boxShadow={
+          "rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset"
+        }
+        // backgroundColor={"#fff"}
+        as="span"
+        className="d-flex align-items-center ps-5 pe-5 pt-3"
+        rounded={"md"}
+      >
+        <Text
+          className="text-animate"
+          //   bgGradient='linear(to-l, #BB171C, #D01548)'
+          bgGradient="linear(to-l, #DE858E, #DE858E)"
+          bgClip="text"
+          fontSize="8xl"
+          fontWeight="800"
+        >
+          Welcome to rubix
+        </Text>
+      </Box>
+    </Box>
+  );
+};
+
+export default WelcomePage;

src/Routes/Nav.js

@@ -15,11 +15,11 @@ import { MdOutlineSettingsApplications } from "react-icons/md";
 import { MdOutlineUnsubscribe } from "react-icons/md";
 
 export const nav = [
-  {
-    title: "Home",
-    path: "/",
-    Icon: FiHome,
-  },
+  // {
+  //   title: "Home",
+  //   path: "/",
+  //   Icon: FiHome,
+  // },
   {
     title: "CONTENT MANAGEMENT",
     path: null,