diff --git a/src/components/dashboard/change-password/index.jsx b/src/components/dashboard/change-password/index.jsx
index ae74de6..a69a969 100644
--- a/src/components/dashboard/change-password/index.jsx
+++ b/src/components/dashboard/change-password/index.jsx
@@ -1,5 +1,5 @@
 import CenterLayout from "@/layouts/CenterLayout";
-import DashboardLayouts from "@/layouts/dashboardLayouts";
+import DashboardLayouts from "@/layouts/DashboardLayout";
 import {Button, Container, Paper, Stack, Typography,} from "@mui/material";
 import {Formik} from "formik";
 import * as Yup from "yup";
diff --git a/src/components/dashboard/edit-profile/index.jsx b/src/components/dashboard/edit-profile/index.jsx
index 3018aa3..394a7b0 100644
--- a/src/components/dashboard/edit-profile/index.jsx
+++ b/src/components/dashboard/edit-profile/index.jsx
@@ -1,6 +1,6 @@
 import StyledForm from "@/core/components/StyledForm";
 import CenterLayout from "@/layouts/CenterLayout";
-import DashboardLayouts from "@/layouts/dashboardLayouts";
+import DashboardLayouts from "@/layouts/DashboardLayout";
 import useUser from "@/lib/app/hooks/useUser";
 import {Box, Container, Grid, Paper, Stack, TextField, Typography,} from "@mui/material";
 import * as Yup from "yup";
diff --git a/src/components/dashboard/first/index.jsx b/src/components/dashboard/first/index.jsx
index ee4f80a..1785a67 100644
--- a/src/components/dashboard/first/index.jsx
+++ b/src/components/dashboard/first/index.jsx
@@ -1,4 +1,4 @@
-import DashboardLayouts from "@/layouts/dashboardLayouts";
+import DashboardLayouts from "@/layouts/DashboardLayout";
 
 const DashboardFirstComponent = () => {
     return <DashboardLayouts></DashboardLayouts>;
diff --git a/src/layouts/dashboardLayouts/breadcrumbs/BreadcrumbItem.jsx b/src/components/layouts/Dashboard/Breadcrumbs/BreadcrumbItem.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/breadcrumbs/BreadcrumbItem.jsx
rename to src/components/layouts/Dashboard/Breadcrumbs/BreadcrumbItem.jsx
diff --git a/src/layouts/dashboardLayouts/breadcrumbs/index.jsx b/src/components/layouts/Dashboard/Breadcrumbs/index.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/breadcrumbs/index.jsx
rename to src/components/layouts/Dashboard/Breadcrumbs/index.jsx
diff --git a/src/components/layouts/Dashboard/CallWidget/CallWidgetButton.jsx b/src/components/layouts/Dashboard/CallWidget/CallWidgetButton.jsx
new file mode 100644
index 0000000..416e5c8
--- /dev/null
+++ b/src/components/layouts/Dashboard/CallWidget/CallWidgetButton.jsx
@@ -0,0 +1,13 @@
+import PermPhoneMsgIcon from '@mui/icons-material/PermPhoneMsg';
+import StyledFab from "@/core/components/StyledFab";
+
+const CallWidgetButton = ({setOpen}) => {
+    return (
+        <StyledFab color="primary" aria-label="open-dialog"
+                   onClick={() => setOpen(true)}>
+            <PermPhoneMsgIcon/>
+        </StyledFab>
+    )
+}
+
+export default CallWidgetButton
\ No newline at end of file
diff --git a/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/index.jsx b/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/index.jsx
new file mode 100644
index 0000000..77ed57d
--- /dev/null
+++ b/src/components/layouts/Dashboard/CallWidget/CallWidgetDialog/index.jsx
@@ -0,0 +1,24 @@
+import {Dialog} from "@mui/material";
+import {DialogTransition} from "@/core/components/DialogTransition";
+
+const CallWidgetDialog = ({open, setOpen}) => {
+
+    const handleClose = () => {
+        setOpen(false);
+    };
+
+    return (
+        <>
+            <Dialog
+                fullScreen
+                open={open}
+                onClose={handleClose}
+                TransitionComponent={DialogTransition}
+            >
+                
+            </Dialog>
+        </>
+    )
+}
+
+export default CallWidgetDialog
\ No newline at end of file
diff --git a/src/components/layouts/Dashboard/CallWidget/index.jsx b/src/components/layouts/Dashboard/CallWidget/index.jsx
new file mode 100644
index 0000000..4d871b2
--- /dev/null
+++ b/src/components/layouts/Dashboard/CallWidget/index.jsx
@@ -0,0 +1,15 @@
+import CallWidgetButton from "@/components/layouts/Dashboard/CallWidget/CallWidgetButton";
+import CallWidgetDialog from "@/components/layouts/Dashboard/CallWidget/CallWidgetDialog";
+import {useState} from "react";
+
+const CallWidget = () => {
+    const [open, setOpen] = useState(false)
+    return (
+        <>
+            <CallWidgetButton setOpen={setOpen}/>
+            <CallWidgetDialog open={open} setOpen={setOpen}/>
+        </>
+    )
+}
+
+export default CallWidget
\ No newline at end of file
diff --git a/src/layouts/dashboardLayouts/header/ProfileData.jsx b/src/components/layouts/Dashboard/Header/ProfileData.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/header/ProfileData.jsx
rename to src/components/layouts/Dashboard/Header/ProfileData.jsx
diff --git a/src/layouts/dashboardLayouts/header/ProfileMenu.jsx b/src/components/layouts/Dashboard/Header/ProfileMenu.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/header/ProfileMenu.jsx
rename to src/components/layouts/Dashboard/Header/ProfileMenu.jsx
diff --git a/src/layouts/dashboardLayouts/header/ProfileOptionLogOut.jsx b/src/components/layouts/Dashboard/Header/ProfileOptionLogOut.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/header/ProfileOptionLogOut.jsx
rename to src/components/layouts/Dashboard/Header/ProfileOptionLogOut.jsx
diff --git a/src/layouts/dashboardLayouts/header/ProfileOptions.jsx b/src/components/layouts/Dashboard/Header/ProfileOptions.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/header/ProfileOptions.jsx
rename to src/components/layouts/Dashboard/Header/ProfileOptions.jsx
diff --git a/src/layouts/dashboardLayouts/header/index.jsx b/src/components/layouts/Dashboard/Header/index.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/header/index.jsx
rename to src/components/layouts/Dashboard/Header/index.jsx
diff --git a/src/layouts/dashboardLayouts/sidebar/SidebarDrawer.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarDrawer.jsx
similarity index 93%
rename from src/layouts/dashboardLayouts/sidebar/SidebarDrawer.jsx
rename to src/components/layouts/Dashboard/Sidebar/SidebarDrawer.jsx
index f155dce..33348a5 100644
--- a/src/layouts/dashboardLayouts/sidebar/SidebarDrawer.jsx
+++ b/src/components/layouts/Dashboard/Sidebar/SidebarDrawer.jsx
@@ -14,7 +14,7 @@ const SidebarDrawer = ({handleDrawerToggle}) => {
                         {t("app_short_name")}
                     </Typography>
                     <Typography variant="caption">
-                        {user.name} | {user.position}
+                        {user.full_name} | {user.position}
                     </Typography>
                 </Stack>
             </Toolbar>
diff --git a/src/layouts/dashboardLayouts/sidebar/SidebarList.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarList.jsx
similarity index 98%
rename from src/layouts/dashboardLayouts/sidebar/SidebarList.jsx
rename to src/components/layouts/Dashboard/Sidebar/SidebarList.jsx
index 12d268d..040b455 100644
--- a/src/layouts/dashboardLayouts/sidebar/SidebarList.jsx
+++ b/src/components/layouts/Dashboard/Sidebar/SidebarList.jsx
@@ -18,7 +18,6 @@ function reducer(state, action) {
         case "SELECTED":
             return state.map((itemsArr) =>
                 itemsArr.map((item) => {
-                        console.log(item)
                         if (item.type === "page") {
                             if (action.route === item.route)
                                 return {...item, selected: true}
diff --git a/src/layouts/dashboardLayouts/sidebar/SidebarListItem.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarListItem.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/sidebar/SidebarListItem.jsx
rename to src/components/layouts/Dashboard/Sidebar/SidebarListItem.jsx
diff --git a/src/layouts/dashboardLayouts/sidebar/SidebarListSubItem.jsx b/src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/sidebar/SidebarListSubItem.jsx
rename to src/components/layouts/Dashboard/Sidebar/SidebarListSubItem.jsx
diff --git a/src/layouts/dashboardLayouts/sidebar/index.jsx b/src/components/layouts/Dashboard/Sidebar/index.jsx
similarity index 100%
rename from src/layouts/dashboardLayouts/sidebar/index.jsx
rename to src/components/layouts/Dashboard/Sidebar/index.jsx
diff --git a/src/layouts/dashboardLayouts/index.jsx b/src/components/layouts/Dashboard/index.jsx
similarity index 78%
rename from src/layouts/dashboardLayouts/index.jsx
rename to src/components/layouts/Dashboard/index.jsx
index fae51d2..3ee24c6 100644
--- a/src/layouts/dashboardLayouts/index.jsx
+++ b/src/components/layouts/Dashboard/index.jsx
@@ -1,13 +1,13 @@
-import {useState} from "react";
-import FullPageLayout from "../FullPageLayout";
-import Header from "./header";
-import Sidebar from "./sidebar";
+import Header from "src/components/layouts/Dashboard/Header";
+import Sidebar from "src/components/layouts/Dashboard/Sidebar";
+import FullPageLayout from "@/layouts/FullPageLayout";
 import {Toolbar} from "@mui/material";
-import BreadCrumbs from "./breadcrumbs";
+import BreadCrumbs from "src/components/layouts/Dashboard/Breadcrumbs";
+import {useState} from "react";
 
 const drawerWidth = 240;
 
-const DashboardLayouts = (props) => {
+const Dashboard = (props) => {
     const {window} = props;
     const [mobileOpen, setMobileOpen] = useState(false);
     const container =
@@ -39,7 +39,7 @@ const DashboardLayouts = (props) => {
                 </FullPageLayout>
             </FullPageLayout>
         </FullPageLayout>
-    );
-};
+    )
+}
 
-export default DashboardLayouts;
+export default Dashboard
\ No newline at end of file
diff --git a/src/core/components/DialogTransition.jsx b/src/core/components/DialogTransition.jsx
new file mode 100644
index 0000000..d94765f
--- /dev/null
+++ b/src/core/components/DialogTransition.jsx
@@ -0,0 +1,6 @@
+import {forwardRef} from "react";
+import {Slide} from "@mui/material";
+
+export const DialogTransition = forwardRef(function DialogTransition(props, ref) {
+    return <Slide direction="up" ref={ref} {...props}/>;
+});
diff --git a/src/core/components/StyledFab.jsx b/src/core/components/StyledFab.jsx
new file mode 100644
index 0000000..dd935cc
--- /dev/null
+++ b/src/core/components/StyledFab.jsx
@@ -0,0 +1,11 @@
+import {Fab, styled} from "@mui/material";
+
+const StyledFab = styled(Fab)`
+    position: absolute;
+    bottom: 16px;
+    /* @noflip */
+    left: 16px;
+    z-index: 1500;
+`;
+
+export default StyledFab;
diff --git a/src/layouts/DashboardLayout.jsx b/src/layouts/DashboardLayout.jsx
new file mode 100644
index 0000000..40b722d
--- /dev/null
+++ b/src/layouts/DashboardLayout.jsx
@@ -0,0 +1,14 @@
+import CallWidget from "src/components/layouts/Dashboard/CallWidget";
+import Dashboard from "src/components/layouts/Dashboard";
+
+const DashboardLayouts = (props) => {
+
+    return (
+        <>
+            <Dashboard {...props}/>
+            <CallWidget/>
+        </>
+    );
+};
+
+export default DashboardLayouts;