diff --git a/app/components/Copyright.tsx b/app/components/Copyright.tsx
deleted file mode 100644
index b3b1963..0000000
--- a/app/components/Copyright.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import * as React from 'react';
-import Typography from '@mui/material/Typography';
-import MuiLink from '@mui/material/Link';
-
-export default function Copyright() {
-  return (
-    <Typography
-      variant="body2"
-      align="center"
-      sx={{
-        color: 'text.secondary',
-      }}
-    >
-      {'Copyright © '}
-      <MuiLink color="inherit" href="https://mui.com/">
-        Your Website
-      </MuiLink>{' '}
-      {new Date().getFullYear()}.
-    </Typography>
-  );
-}
diff --git a/app/components/ProTip.tsx b/app/components/ProTip.tsx
deleted file mode 100644
index 7f07d59..0000000
--- a/app/components/ProTip.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import * as React from 'react';
-import Link from '@mui/material/Link';
-import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
-import Typography from '@mui/material/Typography';
-
-function LightBulbIcon(props: SvgIconProps) {
-  return (
-    <SvgIcon {...props}>
-      <path d="M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z" />
-    </SvgIcon>
-  );
-}
-
-export default function ProTip() {
-  return (
-    <Typography sx={{ mt: 6, mb: 3, color: 'text.secondary' }}>
-      <LightBulbIcon sx={{ mr: 1, verticalAlign: 'middle' }} />
-      {'Pro tip: See more '}
-      <Link href="https://mui.com/material-ui/getting-started/templates/">templates</Link>
-      {' in the Material UI documentation.'}
-    </Typography>
-  );
-}
diff --git a/app/routes.ts b/app/routes.ts
index 0b5b479..dc3bc1f 100644
--- a/app/routes.ts
+++ b/app/routes.ts
@@ -2,5 +2,4 @@ import { type RouteConfig, index, route } from '@react-router/dev/routes';
 
 export default [
   index('routes/home.tsx'),
-  route('/about', 'routes/about.tsx'),
 ] satisfies RouteConfig;
diff --git a/app/routes/about.tsx b/app/routes/about.tsx
deleted file mode 100644
index d6e6b58..0000000
--- a/app/routes/about.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import * as React from 'react';
-import Container from '@mui/material/Container';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import { Link as ReactRouterLink } from 'react-router';
-import ProTip from '~/components/ProTip';
-import Copyright from '~/components/Copyright';
-
-export function meta() {
-  return [
-    { title: 'About' },
-    {
-      name: 'description',
-      content: 'About the project',
-    },
-  ];
-}
-
-export default function About() {
-  return (
-    <Container maxWidth="lg">
-      <Box
-        sx={{
-          my: 4,
-          display: 'flex',
-          flexDirection: 'column',
-          justifyContent: 'center',
-          alignItems: 'center',
-        }}
-      >
-        <Typography variant="h4" component="h1" sx={{ mb: 2 }}>
-          Material UI - Next.js example in TypeScript
-        </Typography>
-        <Box sx={{ maxWidth: 'sm' }}>
-          <Button variant="contained" component={ReactRouterLink} to="/">
-            Go to the home page
-          </Button>
-        </Box>
-        <ProTip />
-        <Copyright />
-      </Box>
-    </Container>
-  );
-}