import * as React from "react";
import Container from "@mui/material/Container";
import Typography from "@mui/material/Typography";
import Link from "@mui/material/Link";
import Grid from "@mui/material/Grid";
import { Facebook, Instagram, Twitter } from "@mui/icons-material";
import { Box } from "@mui/material";

export default function Footer(){
    return(
        <>
         <Box
            sx={{
                backgroundColor: (theme) =>
                theme.palette.mode === "light"
                    ? theme.palette.grey[200]
                    : theme.palette.grey[800],
                p: 6,
               padding:'30px'
            }}
            component="footer"
            >
            <Container maxWidth="sm">
                <Typography variant="body2" color="text.secondary" align="center">
                {"Copyright © "}
                {/* <Link color="inherit" href="https://www.sonymusic.com//" target="_blank" rel="noopener noreferrer"> */}
                <Link color="inherit" href="#" target="_blank" rel="noopener noreferrer">
                    In motion joint and spine center
                </Link>{" "}
                {new Date().getFullYear()}
                {"."}
                </Typography>
            </Container>
            </Box>
        </>
    )
}