jaanvi/bulk-email
1
0
Fork 0
Code Issues Pull requests 1 Actions Packages Projects Releases Wiki Activity

Minor changes in Landing Page

Browse source
This commit is contained in:
jaanvi 2025-04-03 18:26:44 +05:30
parent 9fd914e3a4
commit 3a103a4b36
2 changed files with 84 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/MenuContent/index.tsx
View file

@ -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 />,

120
src/pages/LandingPage/index.tsx
View file

@ -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>
);