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 />, icon: <ManageAccountsOutlinedIcon />,
url: "/panel/admin-list", 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" && { userRole === "superadmin" && {
text: "Roles", text: "Roles",
icon: <AnalyticsOutlinedIcon />, 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"; import SearchIcon from "@mui/icons-material/Search";
const LandingPage = () => { const LandingPage = () => {
const navigate = useNavigate(); // Initialize useNavigate const navigate = useNavigate();
const handleLoginClick = () => { const handleLoginClick = () => {
navigate("/login"); // Redirect to the login page navigate("/login");
}; };
return ( return (
<Box <Box
sx={{ 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%), background: `
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%)`, 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", color: "white",
minHeight: "100vh", minHeight: "100vh",
fontFamily: "Inter", fontFamily: "Inter",
@ -71,7 +73,6 @@ const LandingPage = () => {
</Button> </Button>
</Box> </Box>
</Box> </Box>
{/* Hero Section */} {/* Hero Section */}
<Container <Container
sx={{ sx={{
@ -170,56 +171,83 @@ const LandingPage = () => {
</Grid> </Grid>
</Grid> </Grid>
</Container> </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 container spacing={4} textAlign="center">
{" "} <Grid item xs={12} md={3}>
<Grid item xs={12} md={4}>
{" "}
<Typography <Typography
variant="h3" variant="h3"
fontWeight="bold" color="#52ACDF"
color="#1e88e5" fontWeight={600}
fontSize={"80px"}
lineHeight={"100px"}
fontFamily={"Inter"}
> >
{" "} 50+
50+{" "} </Typography>
</Typography>{" "} <Typography variant="body2" color="#FFFFFF">
<Typography variant="body2" color="gray"> Successful Digital Transformations
{" "} </Typography>
Successful Digital Transformations{" "} </Grid>
</Typography>{" "} <Grid item xs={12} md={3}>
</Grid>{" "}
<Grid item xs={12} md={4}>
{" "}
<Typography <Typography
variant="h3" variant="h3"
fontWeight="bold" color="#52ACDF"
color="#1e88e5" fontWeight={600}
fontSize={"80px"}
lineHeight={"100px"}
fontFamily={"Inter"}
> >
{" "} 100%
100%{" "} </Typography>
</Typography>{" "} <Typography variant="body2" color="#FFFFFF">
<Typography variant="body2" color="gray"> Client Satisfaction
{" "} </Typography>
Client Satisfaction{" "} </Grid>
</Typography>{" "} <Grid item xs={12} md={3}>
</Grid>{" "}
<Grid item xs={12} md={4}>
{" "}
<Typography <Typography
variant="h3" variant="h3"
fontWeight="bold" color="#52ACDF"
color="#1e88e5" fontWeight={600}
fontSize={"80px"}
lineHeight={"100px"}
fontFamily={"Inter"}
> >
{" "} 20+
20+{" "} </Typography>
</Typography>{" "} <Typography variant="body2" color="#FFFFFF">
<Typography variant="body2" color="gray"> Global Partnerships
{" "} </Typography>
Global Partnerships{" "} </Grid>
</Typography>{" "} {/* New Statistic */}
</Grid>{" "} <Grid item xs={12} md={3}>
</Grid>{" "} <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> </Container>
</Box> </Box>
); );