diff --git a/src/App.css b/src/App.css
index 428484b..469f23d 100644
--- a/src/App.css
+++ b/src/App.css
@@ -23,7 +23,8 @@
 }
 
 .active{
-  background-color: #e2e8f086;
+  /* background-color: #e2e8f086; */
+  background-color: #e2e8f01c;
 }
 
 .link {
@@ -33,11 +34,13 @@
 }
 
 .link:hover {
-  background-color: #e2e8f065 !important;
+  /* background-color: #e2e8f065 !important; */
+  background-color: #e2e8f01c !important;
 }
 
 .active:hover {
-  background-color: #e2e8f065;
+  /* background-color: #e2e8f065; */
+  background-color: #e2e8f01c !important;
 }
 
 .web-text-small{
diff --git a/src/Components/Banner/AddBanner.jsx b/src/Components/Banner/AddBanner.jsx
index 2a94ecb..0150a34 100644
--- a/src/Components/Banner/AddBanner.jsx
+++ b/src/Components/Banner/AddBanner.jsx
@@ -356,7 +356,7 @@ const AddBanner = ({ createApi, navigateLink, title }) => {
               isLoading={isLoading}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Components/Banner/BannerEdit.jsx b/src/Components/Banner/BannerEdit.jsx
index 4123458..539cdb5 100644
--- a/src/Components/Banner/BannerEdit.jsx
+++ b/src/Components/Banner/BannerEdit.jsx
@@ -408,7 +408,7 @@ const BannerEdit = ({isLoading, data, updateBanner, navigateTo}) => {
             isLoading={isLoadingEdit}
             spinner={<Loader01 />}
             color={'whitesmoke'}
-            backgroundColor={'purple.700'}
+            backgroundColor={'purple.900'}
             _hover={{
               backgroundColor: "purple.800",
             }}
diff --git a/src/Components/Banner/BannerTable.jsx b/src/Components/Banner/BannerTable.jsx
index bc9bff9..0282675 100644
--- a/src/Components/Banner/BannerTable.jsx
+++ b/src/Components/Banner/BannerTable.jsx
@@ -210,7 +210,7 @@ const BannerCommunity = ({
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Components/BannerStack.jsx b/src/Components/BannerStack.jsx
index 2c7475f..b5023df 100644
--- a/src/Components/BannerStack.jsx
+++ b/src/Components/BannerStack.jsx
@@ -21,7 +21,7 @@ const BannerStack = ({
         alignItems={"center"}
         pe={1}
       >
-        <Text as={"span"} color={"teal.800"} className="web-text-large fw-bold">
+        <Text as={"span"} color={"purple.900"} className="web-text-large fw-bold">
           {stackTitle}
         </Text>
 
@@ -29,7 +29,7 @@ const BannerStack = ({
           <Button
             variant="ghost"
             rightIcon={<ArrowForwardIcon />}
-            colorScheme={"teal"}
+            colorScheme={"purple"}
             size="sm"
           >
             View all
diff --git a/src/Components/ChipSelector/ChipSelector.jsx b/src/Components/ChipSelector/ChipSelector.jsx
index f249e16..f84b6b8 100644
--- a/src/Components/ChipSelector/ChipSelector.jsx
+++ b/src/Components/ChipSelector/ChipSelector.jsx
@@ -49,7 +49,7 @@ const ChipSelector = ({chips, setChips}) => {
         gap={2}
         >
           {chips?.map((chip, i) => (
-            <Tag key={i} size="sm" rounded="sm" variant='solid' colorScheme='teal'>
+            <Tag key={i} size="sm" ps={3} pe={3} pt={0.5} pb={0.5} rounded="full" variant='solid' backgroundColor={'#565263'}>
               <TagLabel className="text-uppercase">{chip}</TagLabel>
               <TagCloseButton onClick={() => removeChip(i)} />
             </Tag>
diff --git a/src/Components/DataTable/DataTable.jsx b/src/Components/DataTable/DataTable.jsx
index feb299e..5ef1227 100644
--- a/src/Components/DataTable/DataTable.jsx
+++ b/src/Components/DataTable/DataTable.jsx
@@ -11,7 +11,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
       ) : (
         <Table   size="sm">
         <TableCaption>Rubix v1.0.0</TableCaption>
-          <Thead   backgroundColor="gray.50">
+          <Thead   backgroundColor="purple.50">
             <Tr>
               {tableHeadRow.map((heading, index) => (
                 <Th key={index} p={3} w={columnWidth}>
@@ -35,7 +35,7 @@ const DataTable = ({ data, isLoading, tableHeadRow, emptyMessage }) => {
               : data?.map((item, index) => (
                   <Tr key={index}>
                     {tableHeadRow.map((heading, i) => (
-                      <Td key={i} style={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }} className="web-text-small" >
+                      <Td color={"gray.600"} key={i} style={{ whiteSpace: "nowrap", textOverflow: "ellipsis" }} className="web-text-small" >
                         {item[heading]}
                       </Td>
                     ))}
diff --git a/src/Components/Header.jsx b/src/Components/Header.jsx
index cc7ea0d..e681f3d 100644
--- a/src/Components/Header.jsx
+++ b/src/Components/Header.jsx
@@ -18,7 +18,7 @@ const Header = ({ link, btnTitle, title }) => {
     >
       {/* <span className="fs-5">Community</span> */}
 
-      <Text as={"span"} color={"teal.800"} className="fs-6 ">
+      <Text as={"span"} fontWeight={'bold'} color={"puple.800"} className="fs-6 ">
         {title}
       </Text>
 
@@ -32,7 +32,7 @@ const Header = ({ link, btnTitle, title }) => {
         <Link to={link}>
           <Button
             leftIcon={<AddIcon />}
-            backgroundColor={"purple.700"}
+            backgroundColor={"purple.900"}
             _hover={{
               backgroundColor: "purple.800",
             }}
diff --git a/src/Layout/DefaultLayout.jsx b/src/Layout/DefaultLayout.jsx
index 9b037b6..0253900 100644
--- a/src/Layout/DefaultLayout.jsx
+++ b/src/Layout/DefaultLayout.jsx
@@ -118,6 +118,7 @@ const DashboardLayout = () => {
         width: "100vw",
         position: "relative",
         overflow: "hidden",
+        // backgroundColor:"#101015"
         // backgroundColor:"#000000"
       }}
       className="d-flex"
@@ -131,7 +132,7 @@ const DashboardLayout = () => {
           transition: "width 0.3s ease-in-out", // Smooth transition for width change
           overflow: "hidden", // Hide overflow to prevent content overflow during transition
           // backgroundColor:"#FAFBFC"
-          backgroundColor:"#F7FAFC"
+          backgroundColor:"#0B0B27"
         }}
       >
         <div className="d-flex justify-content-start p-3 pt-3 pb-4 position-relative">
@@ -156,7 +157,9 @@ const DashboardLayout = () => {
 
         <div className="p-2 ">
           {nav.map(({ title, path, Icon }, index) => (
-            <div key={index} className=" mb-1  rubix-text-dark w-100 d-flex ">
+            <Box 
+            color={'whitesmoke'}
+            key={index} className=" mb-1 w-100 d-flex ">
               {path ? (
                 <NavLink
                   style={{
@@ -189,18 +192,16 @@ const DashboardLayout = () => {
                 </NavLink>
               ) : (
                 <span 
-                style={{
-                  display:  "none",}}
-                className="web-text-xxsmall fw-600 mt-1 text-secondary">
+                className="web-text-xxsmall fw-600 mt-1 text-secondary fw-bold">
                   {title}
                 </span>
               )}
-            </div>
+            </Box>
           ))}
         </div>
 
         <section
-          className="d-flex justify-content-center border-top p-2 "
+          className="d-flex justify-content-center border-top border-secondary p-2 "
           style={{
             position: "absolute",
             left: 0,
@@ -238,12 +239,14 @@ const DashboardLayout = () => {
                   name="Dan Abrahmov"
                   src="https://bit.ly/dan-abramov"
                 />
-              <Box style={{
+              <Box 
+              color={'whitesmoke'}
+              style={{
                 opacity:isDrawerOpen || openDrawerClick ? 1 : 0,
                 display:isDrawerOpen || openDrawerClick ? "flex" : "none",
                 transition: "opacity 0.3s ease-in-out",
               }} className=" overflow-hidden ms-3  flex-column ">
-                  <Text as={"span"} className="web-text-small">
+                  <Text  as={"span"} className="web-text-small">
                     Hello, developer admin
                   </Text>
                   <Text as={"span"} className="web-text-xsmall">
@@ -267,7 +270,11 @@ const DashboardLayout = () => {
         }}
       >
         <Button
-          colorScheme="teal"
+          backgroundColor={'#DE858E'}
+          _hover={{
+            backgroundColor: "pink.400",
+          }}
+          color={'whitesmoke'}
           rounded={'sm'}
           // onMouseOver={() => setIsDrawerOpen(true)}
           // onMouseLeave={() => setIsDrawerOpen(false)}
diff --git a/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx b/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
index 5bf7c6c..85f3024 100644
--- a/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
+++ b/src/Pages/BlogsAndArticles/BlogsAndArticles.jsx
@@ -165,7 +165,7 @@ const BlogsAndArticles = () => {
           <span className="d-flex flex-column">
             <Text
               as={"span"}
-              color={"teal.700"}
+              color={"gray.600"}
               className="d-flex fw-bold align-items-center web-text-small"
             >
               {item?.author_name}
@@ -212,12 +212,12 @@ const BlogsAndArticles = () => {
         <Box
           display={"flex"}
           flexWrap={"wrap"}
-          gap={2}
+          gap={1}
           alignItems={"center"}
           w={200}
         >
           {item?.tags?.map(({ id, tag }) => (
-            <Badge key={id} variant="solid" colorScheme="teal" size={"sm"}>
+            <Badge rounded={'full'} key={id} variant="solid"  size={"sm"} ps={3} pe={3} pt={0.5} pb={0.5}  backgroundColor={'#565263'}>
               {tag}
             </Badge>
           ))}
@@ -233,7 +233,7 @@ const BlogsAndArticles = () => {
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Pages/Community/AddComunity.jsx b/src/Pages/Community/AddComunity.jsx
index a545dca..d05089f 100644
--- a/src/Pages/Community/AddComunity.jsx
+++ b/src/Pages/Community/AddComunity.jsx
@@ -343,7 +343,7 @@ const AddComunity = () => {
               isLoading={isLoading}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Pages/Community/Community.jsx b/src/Pages/Community/Community.jsx
index 7891471..c37ed67 100644
--- a/src/Pages/Community/Community.jsx
+++ b/src/Pages/Community/Community.jsx
@@ -224,7 +224,7 @@ const Community = () => {
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Pages/Community/CommunityBannerCard.jsx b/src/Pages/Community/CommunityBannerCard.jsx
index ca4e6a6..6fd6c3b 100644
--- a/src/Pages/Community/CommunityBannerCard.jsx
+++ b/src/Pages/Community/CommunityBannerCard.jsx
@@ -32,19 +32,24 @@ const CommunityBannerCard = ({
       h={"100%"}
       size={"md"}
       // boxShadow="md"
-      overflow={"hidden"}
+      // overflow={"hidden"}
       position={"relative"}
-      rounded={"lg"}
+      // rounded={"lg"}
       boxShadow={
         " rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px"
       }
+      
+      borderRadius={8.5}
     >
       <CardBody
         position={"absolute"}
         h={"100%"}
         w={"100%"}
         bottom={0}
-        backgroundColor={"#ffffff"}
+        // border={"1px solid #9B4651"}
+        borderRadius={8}
+        overflow={"hidden"}
+        backgroundColor={"#101015"}
         // backgroundColor={status ? "#ffe5ea": '#ffffff'}
         backdropFilter="blur(1px)"
       >
@@ -97,7 +102,7 @@ const CommunityBannerCard = ({
                 alignItems={"center"}
                 w={"100%"}
               >
-                <Text as={"span"} isTruncated={true}>
+                <Text color={"#DE858E"} as={"span"} isTruncated={true}>
                   {heading}
                 </Text>
               </Box>
@@ -121,26 +126,29 @@ const CommunityBannerCard = ({
                   className="web-text-medium"
                   as={"span"}
                   isTruncated={true}
+                  color={'whitesmoke'}
                 >
                   {subHeading}
                 </Text>
               </Tooltip>
             </Box>
             <Button
-              fontWeight={"bold"}
+              fontWeight={"normal"}
               className="web-text-xsmall"
               ps={3}
               pe={3}
               pt={1}
               pb={1}
               mt={2}
-              // color={"#ffffff"}
+              color={"#ffffff"}
               // bg={'#1E114B'}
-              // bgGradient="linear(to-r, #1E114B, #1E114B)"
+              bgGradient="linear(to-r, #1E114B, purple)"
               variant={"outline"}
-              colorScheme="teal"
+              // colorScheme="purple"
               rounded={"md"}
               size={"xs"}
+              border={'none'}
+              
             >
               {ctoBtnTitle}
             </Button>
diff --git a/src/Pages/Community/ComunityEditPage.jsx b/src/Pages/Community/ComunityEditPage.jsx
index 24a8d17..bf866ed 100644
--- a/src/Pages/Community/ComunityEditPage.jsx
+++ b/src/Pages/Community/ComunityEditPage.jsx
@@ -394,7 +394,7 @@ const ComunityEditPage = () => {
             isLoading={isLoadingEdit}
             spinner={<Loader01 />}
             color={'whitesmoke'}
-            backgroundColor={'purple.700'}
+            backgroundColor={'purple.900'}
             _hover={{
               backgroundColor: "purple.800",
             }}
diff --git a/src/Pages/Events/EditEvents.jsx b/src/Pages/Events/EditEvents.jsx
index a61b7b1..9d88a5e 100644
--- a/src/Pages/Events/EditEvents.jsx
+++ b/src/Pages/Events/EditEvents.jsx
@@ -543,7 +543,7 @@ const EditEvents = () => {
                 isLoading={isLoadingEdit}
                 spinner={<Loader01 />}
                 color={"whitesmoke"}
-                backgroundColor={"purple.700"}
+                backgroundColor={"purple.900"}
                 _hover={{
                   backgroundColor: "purple.800",
                 }}
diff --git a/src/Pages/Events/Events.jsx b/src/Pages/Events/Events.jsx
index f392bb8..d82bd2b 100644
--- a/src/Pages/Events/Events.jsx
+++ b/src/Pages/Events/Events.jsx
@@ -161,7 +161,7 @@ const Events = () => {
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Pages/News/EditNews.jsx b/src/Pages/News/EditNews.jsx
index eaaca32..79e1112 100644
--- a/src/Pages/News/EditNews.jsx
+++ b/src/Pages/News/EditNews.jsx
@@ -402,7 +402,7 @@ const EditNews = () => {
               isLoading={isLoadingEdit}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Pages/News/News.jsx b/src/Pages/News/News.jsx
index 8e011b9..08b2e97 100644
--- a/src/Pages/News/News.jsx
+++ b/src/Pages/News/News.jsx
@@ -164,7 +164,7 @@ const News = () => {
         </Tooltip>
       ),
       "Release Data": (
-        <Text as={"span"} color={"teal.600"} className=" fw-bold">
+        <Text as={"span"} color={"gray.600"} className=" fw-bold">
           {formatDate(item?.release_date)}
         </Text>
       ),
@@ -178,7 +178,7 @@ const News = () => {
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Pages/Videos/AddVideos.jsx b/src/Pages/Videos/AddVideos.jsx
index a3bf7a6..f9effe3 100644
--- a/src/Pages/Videos/AddVideos.jsx
+++ b/src/Pages/Videos/AddVideos.jsx
@@ -340,7 +340,7 @@ const AddVideos = () => {
               isLoading={isLoading}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Pages/Videos/EditVideos.jsx b/src/Pages/Videos/EditVideos.jsx
index 3245d2f..e2e5984 100644
--- a/src/Pages/Videos/EditVideos.jsx
+++ b/src/Pages/Videos/EditVideos.jsx
@@ -403,7 +403,7 @@ const EditVideos = () => {
               isLoading={isLoadingEdit}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Pages/Videos/Videos.jsx b/src/Pages/Videos/Videos.jsx
index 215c79a..289d3f2 100644
--- a/src/Pages/Videos/Videos.jsx
+++ b/src/Pages/Videos/Videos.jsx
@@ -123,7 +123,7 @@ const Videos = () => {
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Pages/Whitepapers/AddWhitepapers.jsx b/src/Pages/Whitepapers/AddWhitepapers.jsx
index 36fdf35..825a901 100644
--- a/src/Pages/Whitepapers/AddWhitepapers.jsx
+++ b/src/Pages/Whitepapers/AddWhitepapers.jsx
@@ -307,7 +307,7 @@ const AddWhitepapers = () => {
               isLoading={isLoading}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Pages/Whitepapers/EditWhitepaper.jsx b/src/Pages/Whitepapers/EditWhitepaper.jsx
index 55fa953..8894ede 100644
--- a/src/Pages/Whitepapers/EditWhitepaper.jsx
+++ b/src/Pages/Whitepapers/EditWhitepaper.jsx
@@ -333,7 +333,7 @@ const EditWhitepaper = () => {
               isLoading={isLoadingEdit}
               spinner={<Loader01 />}
               color={"whitesmoke"}
-              backgroundColor={"purple.700"}
+              backgroundColor={"purple.900"}
               _hover={{
                 backgroundColor: "purple.800",
               }}
diff --git a/src/Pages/Whitepapers/Whitepapers.jsx b/src/Pages/Whitepapers/Whitepapers.jsx
index daad6c1..1d68e33 100644
--- a/src/Pages/Whitepapers/Whitepapers.jsx
+++ b/src/Pages/Whitepapers/Whitepapers.jsx
@@ -119,7 +119,7 @@ const Whitepapers = () => {
       ),
       "Created At": (
         <span className="d-flex justify-content-between align-items-center">
-          <Text as={"span"} color={"teal.600"} className=" fw-bold">
+          <Text as={"span"} color={"gray.600"} className=" fw-bold">
             {formatDate(item?.createdAt)}
           </Text>
           <Menu>
diff --git a/src/Routes/Nav.js b/src/Routes/Nav.js
index ca0cde8..f0ee11c 100644
--- a/src/Routes/Nav.js
+++ b/src/Routes/Nav.js
@@ -10,14 +10,19 @@ import { AiOutlineIdcard } from "react-icons/ai";
 
 export const nav = [
   {
-    title: "Banners",
+    title: "Home",
     path: "/",
-    Icon: AiOutlineIdcard,
+    Icon: FiHome,
   },
   {
     title: "CONTENT MANAGEMENT",
     path: null,
   },
+  {
+    title: "Banners",
+    path: "/banner",
+    Icon: AiOutlineIdcard,
+  },
   {
     title: "Blogs",
     path: "/blogs-articles",
diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js
index 8cad6ac..b62b453 100644
--- a/src/Routes/Routes.js
+++ b/src/Routes/Routes.js
@@ -4,7 +4,7 @@ import Community from "../Pages/Community/Community";
 import ComunityEditPage from "../Pages/Community/ComunityEditPage";
 import ComunityViewPage from "../Pages/Community/ComunityViewPage";
 import Events from "../Pages/Events/Events";
-import Home from "../Pages/Banners/Banner";
+import Banner from "../Pages/Banners/Banner";
 import Videos from "../Pages/Videos/Videos";
 import Whitepapers from "../Pages/Whitepapers/Whitepapers";
 import BannerCommunity from "../Pages/Banners/BannerCommunity/BannerCommunity";
@@ -48,7 +48,8 @@ import ViewVideos from "../Pages/Videos/ViewVideos";
 import EditVideos from "../Pages/Videos/EditVideos";
 
 export const RouteLink = [
-  { path: "/", Component: Home },
+  { path: "/", Component: UnderConstruction },
+  { path: "/banner", Component: Banner },
   { path: "/help-and-support", Component: HelpAndSupport },
 
   // =============[ Videos ]================
diff --git a/src/Validations/Validations.js b/src/Validations/Validations.js
index bb0ef5b..e0e5dd1 100644
--- a/src/Validations/Validations.js
+++ b/src/Validations/Validations.js
@@ -85,7 +85,7 @@ export const addBlogSchema = Yup.object().shape({
   author_name: Yup.string().required("Author is required"),
   author_designation: Yup.string().required("Author designation is required"),
   title: Yup.string().required("Title is required"),
-  // meta_description: Yup.string().required("Description is required"),
+  meta_description: Yup.string().required("Description is required"),
   content: Yup.string(),
   summary: Yup.string().required("Summary is required"),
 });
diff --git a/src/assets/logo.png b/src/assets/logo.png
index 1ac5022..a03ea38 100644
Binary files a/src/assets/logo.png and b/src/assets/logo.png differ
diff --git a/src/assets/logo2.png b/src/assets/logo2.png
new file mode 100644
index 0000000..1ac5022
Binary files /dev/null and b/src/assets/logo2.png differ