diff --git a/src/components/MenuContent/index.tsx b/src/components/MenuContent/index.tsx
index 6260a79..c0fd04c 100644
--- a/src/components/MenuContent/index.tsx
+++ b/src/components/MenuContent/index.tsx
@@ -35,6 +35,16 @@ export default function MenuContent({ hidden }: PropType) {
 			icon: <ManageAccountsOutlinedIcon />,
 			url: "/panel/admin-list",
 		},
+		userRole === "superadmin" && {
+			text: "Manager",
+			icon: <ManageAccountsOutlinedIcon />,
+			url: "/panel/manager-list",
+		},
+		userRole === "superadmin" && {
+			text: "User",
+			icon: <ManageAccountsOutlinedIcon />,
+			url: "/panel/user-list",
+		},
 		userRole === "superadmin" && {
 			text: "Roles",
 			icon: <AnalyticsOutlinedIcon />,
diff --git a/src/pages/LandingPage/index.tsx b/src/pages/LandingPage/index.tsx
index 152299a..a7434d5 100644
--- a/src/pages/LandingPage/index.tsx
+++ b/src/pages/LandingPage/index.tsx
@@ -4,18 +4,20 @@ import { useNavigate } from "react-router-dom"; // Import useNavigate for naviga
 import SearchIcon from "@mui/icons-material/Search";
 
 const LandingPage = () => {
-	const navigate = useNavigate(); // Initialize useNavigate
+	const navigate = useNavigate(); 
 
 	const handleLoginClick = () => {
-		navigate("/login"); // Redirect to the login page
+		navigate("/login"); 
 	};
 
 	return (
 		<Box
 			sx={{
-				background: `radial-gradient(circle at top left, rgba(125,121,87,0.992) 10%, rgba(67,92,106,0.8) 40%, rgba(55,47,65,1) 70%), 
-                     radial-gradient(circle at center, rgba(109, 102, 102, 0.7) 0%, rgba(67,92,106,0.6) 50%, rgba(55,47,65,0.9) 70%), 
-                     radial-gradient(circle at top right, rgba(61,42,87,1) 30%, rgba(55,47,65,1) 60%, rgba(40,40,40,0.8) 70%)`,
+	
+				background: `
+      linear-gradient(135deg, #0D0D0D 20%, #1C1E22 80%), 
+      radial-gradient(circle at  30%, rgb(241, 201, 119) 100%, rgba(255, 204, 102, 0) 50%)
+    `,
 				color: "white",
 				minHeight: "100vh",
 				fontFamily: "Inter",
@@ -71,7 +73,6 @@ const LandingPage = () => {
 					</Button>
 				</Box>
 			</Box>
-
 			{/* Hero Section */}
 			<Container
 				sx={{
@@ -170,56 +171,83 @@ const LandingPage = () => {
 					</Grid>
 				</Grid>
 			</Container>
-			<Container maxWidth="lg">
-				{" "}
+
+			<Container
+				maxWidth="lg"
+				
+				sx={{
+					position: "relative",
+					boxShadow: "0px 8px 20px rgba(166, 210, 235, 0.5)", // Bluish box shadow
+					background:
+						"linear-gradient(135deg, rgba(82, 172, 223, 0.2), rgba(0,0,0,0.3))", 
+					borderRadius: "16px", 
+					py: 4, 
+					px: 3, 
+				}}
+			>
 				<Grid container spacing={4} textAlign="center">
-					{" "}
-					<Grid item xs={12} md={4}>
-						{" "}
+					<Grid item xs={12} md={3}>
 						<Typography
 							variant="h3"
-							fontWeight="bold"
-							color="#1e88e5"
+							color="#52ACDF"
+							fontWeight={600}
+							fontSize={"80px"}
+							lineHeight={"100px"}
+							fontFamily={"Inter"}
 						>
-							{" "}
-							50+{" "}
-						</Typography>{" "}
-						<Typography variant="body2" color="gray">
-							{" "}
-							Successful Digital Transformations{" "}
-						</Typography>{" "}
-					</Grid>{" "}
-					<Grid item xs={12} md={4}>
-						{" "}
+							50+
+						</Typography>
+						<Typography variant="body2" color="#FFFFFF">
+							Successful Digital Transformations
+						</Typography>
+					</Grid>
+					<Grid item xs={12} md={3}>
 						<Typography
 							variant="h3"
-							fontWeight="bold"
-							color="#1e88e5"
+							color="#52ACDF"
+							fontWeight={600}
+							fontSize={"80px"}
+							lineHeight={"100px"}
+							fontFamily={"Inter"}
 						>
-							{" "}
-							100%{" "}
-						</Typography>{" "}
-						<Typography variant="body2" color="gray">
-							{" "}
-							Client Satisfaction{" "}
-						</Typography>{" "}
-					</Grid>{" "}
-					<Grid item xs={12} md={4}>
-						{" "}
+							100%
+						</Typography>
+						<Typography variant="body2" color="#FFFFFF">
+							Client Satisfaction
+						</Typography>
+					</Grid>
+					<Grid item xs={12} md={3}>
 						<Typography
 							variant="h3"
-							fontWeight="bold"
-							color="#1e88e5"
+							color="#52ACDF"
+							fontWeight={600}
+							fontSize={"80px"}
+							lineHeight={"100px"}
+							fontFamily={"Inter"}
 						>
-							{" "}
-							20+{" "}
-						</Typography>{" "}
-						<Typography variant="body2" color="gray">
-							{" "}
-							Global Partnerships{" "}
-						</Typography>{" "}
-					</Grid>{" "}
-				</Grid>{" "}
+							20+
+						</Typography>
+						<Typography variant="body2" color="#FFFFFF">
+							Global Partnerships
+						</Typography>
+					</Grid>
+					{/* New Statistic */}
+					<Grid item xs={12} md={3}>
+						<Typography
+							variant="h3"
+							color="#52ACDF"
+							fontWeight={600}
+							fontSize={"80px"}
+							lineHeight={"100px"}
+							fontFamily={"Inter"}
+						>
+							10+
+						</Typography>
+						<Typography variant="body2" color="#FFFFFF">
+							Years of Innovation
+						</Typography>
+					</Grid>
+				</Grid>
 			</Container>
 		</Box>
 	);