Files
user-front/src/components/first/FooterDetails.jsx
2023-11-13 16:16:08 +03:30

44 lines
2.1 KiB
JavaScript

import {Box, Button, Container, Grid, Stack, Typography} from "@mui/material";
import LinkRouting from "@/core/components/LinkRouting";
import {useTranslations} from "next-intl";
const FooterDetails = () => {
const t = useTranslations();
return(
<Box sx={{backgroundColor : 'black', color : 'white'}}>
<Container sx={{py : 3}} maxWidth="xl">
<Grid container sx={{py : 2}}>
<Grid item xs={12} md={8}>
<Button disabled startIcon={<img src='/icons/logoLandingPage.png' width={50} alt="Your Alt Text" />}>
<Typography color={'white'}>کلیه حقوق محفوظ و متعلق به شرکت ویرا ارتباطات یکتا تلفن می باشد</Typography>
</Button>
</Grid>
<Grid item xs={12} md={4}>
<Stack direction="row" alignItems="center" justifyContent="center">
<LinkRouting
sx={{margin: 0.5, fontSize: "20px", color : "white"}}
href={process.env.NEXT_PUBLIC_POWERED_BY_URL}
target="_blank"
underline="hover"
>
{t("powered_by_witel")}
</LinkRouting>
</Stack>
<Stack direction="row" alignItems="center" justifyContent="center">
<Typography variant={"caption"}
sx={{
color: 'white',
fontFamily: 'Arial',
fontWeight: 'bold'
}}
>
v{process.env.NEXT_PUBLIC_API_VERSION}
</Typography>
</Stack>
</Grid>
</Grid>
</Container>
</Box>
)
}
export default FooterDetails