restructuring folders

app/components/Info/Copyright/index.tsx

@@ -0,0 +1,41 @@
+import React, { Component } from 'react';
+import { COMPANY_NAME, COMPANY_URL } from '@/app/lib/constants';
+import Typography from '@mui/material/Typography';
+import MuiLink from '@mui/material/Link';
+import styles from './styles.module.css'
+import Link from 'next/link'
+import styled from '@emotion/styled'
+
+
+export default class Copyright extends Component {
+  render() {
+    return (
+      <CopyStyled>
+        <div className="copyright">&copy;&nbsp; {new Date().getFullYear()} {' '}
+          <Link href={COMPANY_URL}>
+            <a>{COMPANY_NAME}</a>
+          </Link>{' '}
+          <span>All Rights Reserved.</span>
+        </div>
+      </CopyStyled>
+
+    )
+  }
+}
+
+const CopyStyled = styled.div`
+    .copyright {
+      background:  #4c5c3f;
+      font-size:.80em;
+      text-transform: uppercase;
+      color:#FFF;
+      display: block;
+      width:100%;
+      text-align:center;
+
+        a {
+          color:#FFF;
+          text-decoration:none;
+        }
+    }
+`