Update App.tsx

src/App.tsx

@@ -4,6 +4,7 @@ import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
 import Link from '@mui/material/Link';
 import ProTip from './ProTip';
+import Tabs from './Tabs';
 
 function Copyright() {
   return (
@@ -21,10 +22,17 @@ export default function App() {
   return (
     <Container maxWidth="sm">
       <Box sx={{ my: 4 }}>
-        <Typography variant="h4" component="h1" gutterBottom>
+        <Container component="main" sx={{ mt: 8, mb: 2 }} maxWidth="sm">
+        <Typography variant="h2" component="h1" gutterBottom>
           Nofated
         </Typography>
-        <ProTip />
+        <Typography variant="h5" component="h2" gutterBottom>
+          {'Forever you will be in my heart.'}
+          {'The footer will move as the main element of the page grows.'}
+        </Typography>
+        <Typography variant="body1">Sticky footer placeholder.</Typography>
+      </Container>
+        <Tabs />
         <Copyright />
       </Box>
     </Container>