diff --git a/index.html b/index.html
index 20dce0f..9a34773 100644
--- a/index.html
+++ b/index.html
@@ -32,5 +32,8 @@ const craftedMsg = "Crafted with ❤️ by WDI Team for a better web.";
   }
 </script>
 <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
+
   </body>
 </html>
diff --git a/src/Components/FormField.jsx b/src/Components/FormField.jsx
index 5d28bb5..6136a90 100644
--- a/src/Components/FormField.jsx
+++ b/src/Components/FormField.jsx
@@ -480,7 +480,7 @@ const FormField = ({
               maxLength={maxLength}
               // defaultValue={type === "date" && "2023-07-26" : undefined}
               // defaultValue={value}
-              // defaultValue={dateValue}
+              // value={dateValue}
               
             />
           );
diff --git a/src/Pages/IO_Management/CreateIO/IODetails.jsx b/src/Pages/IO_Management/CreateIO/IODetails.jsx
index a7178ee..ce2cd1b 100644
--- a/src/Pages/IO_Management/CreateIO/IODetails.jsx
+++ b/src/Pages/IO_Management/CreateIO/IODetails.jsx
@@ -195,7 +195,7 @@ const IODetails = ({ enableNextTab, index, data }) => {
         descriptionEnglish: IObyID?.data?.descriptionEnglish,
         descriptionArabic: IObyID?.data?.descriptionArabic,
         goalAmount: IObyID?.data?.goalAmount,
-        closingDate: IObyID?.data?.closingDate,
+        closingDate: formatDatee(IObyID?.data?.closingDate),
         holdingPeriod: IObyID?.data?.holdingPeriod,
         ISIN: IObyID?.data?.ISIN,
         comment: IObyID?.data?.comment,
@@ -294,8 +294,8 @@ const IODetails = ({ enableNextTab, index, data }) => {
       isRequired: true,
       section: " ",
       width: "32.3%",
-      // dateValue:IObyID?.data?.closingDate,
-      helperText: IObyID && `Current closing date is : ${formatDate(IObyID?.data?.closingDate)}`
+      dateValue:formatDatee(IObyID?.data?.closingDate),
+      // helperText: IObyID && `Current closing date is : ${formatDate(IObyID?.data?.closingDate)}`
     },
     {
       label: "Holding Period",
diff --git a/src/Pages/Welcome.jsx b/src/Pages/Welcome.jsx
new file mode 100644
index 0000000..23aad05
--- /dev/null
+++ b/src/Pages/Welcome.jsx
@@ -0,0 +1,57 @@
+import React from 'react';
+import welcome from '../assets/welcome.avif';
+import welcome2 from '../assets/welcome2.avif';
+import welcome3 from '../assets/welcome3.avif';
+import welcome4 from '../assets/welcome4.avif';
+import { Box, Button } from '@chakra-ui/react';
+
+const Welcome = () => {
+  return (
+    <Box position="relative" h="100vh">
+      <div id="carouselExampleSlidesOnly" className="carousel slide" data-bs-ride="carousel">
+        <div className="carousel-inner">
+          <div className="carousel-item active" data-bs-interval="3000">
+            <img src={welcome2} className="d-block w-100" alt="Welcome 2" />
+          </div>
+          <div className="carousel-item" data-bs-interval="3000">
+            <img src={welcome3} className="d-block w-100" alt="Welcome 3" />
+          </div>
+          <div className="carousel-item" data-bs-interval="3000">
+            <img src={welcome4} className="d-block w-100" alt="Welcome 4" />
+          </div>
+        </div>
+        <a className="carousel-control-prev" href="#carouselExampleSlidesOnly" role="button" data-bs-slide="prev">
+          <span className="carousel-control-prev-icon" aria-hidden="true"></span>
+          <span className="visually-hidden">Previous</span>
+        </a>
+        <a className="carousel-control-next" href="#carouselExampleSlidesOnly" role="button" data-bs-slide="next">
+          <span className="carousel-control-next-icon" aria-hidden="true"></span>
+          <span className="visually-hidden">Next</span>
+        </a>
+      </div>
+      <Box 
+        opacity={1}
+        // bgGradient="linear(to-b, rgba(0, 0, 0, 0.5), #0047178e 80%)" 
+        zIndex={999} 
+        position="absolute" 
+        top={0} 
+        left={0} 
+        w="100%" 
+        h="100%"
+      >
+        <Box 
+          position="absolute" 
+          bottom={12} 
+          right={0} 
+          p={4} // Adjust padding as needed
+        >
+          <Button color={'#004717'} size={'lg'} bg="white" variant="solid">
+            Let's get started
+          </Button>
+        </Box>
+      </Box>
+    </Box>
+  );
+}
+
+export default Welcome;
diff --git a/src/Routes/Routes.js b/src/Routes/Routes.js
index eead7b0..785a2a9 100644
--- a/src/Routes/Routes.js
+++ b/src/Routes/Routes.js
@@ -31,12 +31,13 @@ import InvestmentType from "../Pages/Master/InvestmentType/InvestmentType";
 import DepositRequest from "../Pages/Deposit/DepositRequest/DepositRequest";
 import EditBankDetails from "../Pages/Admin/BankDetails/EditBankDetails";
 import ExchangeHistory from "../Pages/Master/ExchangeRate/ExchangeHistroy";
+import Welcome from "../Pages/Welcome";
 
 export const RouteLink = [
   // =============[ Tanami ]================
   // ===============[ Management]===============
   
-  { path: "/", Component: Sponser },
+  { path: "/", Component: Welcome },
   { path: "/sponser", Component: Sponser },
   { path: "/sponser/add-sponser/:id", Component: AddSponser },
   { path: "/sponser/add-sponser", Component: AddSponser },
diff --git a/src/assets/welcome.avif b/src/assets/welcome.avif
new file mode 100644
index 0000000..d9806e4
Binary files /dev/null and b/src/assets/welcome.avif differ
diff --git a/src/assets/welcome2.avif b/src/assets/welcome2.avif
new file mode 100644
index 0000000..ad27134
Binary files /dev/null and b/src/assets/welcome2.avif differ
diff --git a/src/assets/welcome3.avif b/src/assets/welcome3.avif
new file mode 100644
index 0000000..dd41735
Binary files /dev/null and b/src/assets/welcome3.avif differ
diff --git a/src/assets/welcome4.avif b/src/assets/welcome4.avif
new file mode 100644
index 0000000..75f9fc5
Binary files /dev/null and b/src/assets/welcome4.avif differ
diff --git a/src/main.jsx b/src/main.jsx
index 5fff7b9..138be1d 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,6 +1,9 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.jsx";
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap/dist/js/bootstrap.bundle.min';
+
 // import { persistor, store } from "./Redux/Store.js";
 
 import { Provider } from "react-redux";