diff --git a/src/App.tsx b/src/App.tsx
index 4760783..6c97892 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -10,8 +10,9 @@ import type { MenuProps } from 'antd';
 import { Breadcrumb, Layout, Menu, theme } from 'antd';
 import { AppRouter } from './router';
 import './App.scss';
+import PageFooter from './components/PageFooter';
 
-const { Content, Footer, Sider } = Layout;
+const { Content, Sider } = Layout;
 
 type MenuItem = Required<MenuProps>['items'][number];
 
@@ -137,9 +138,7 @@ const AppLayout: FC<{ router: JSX.Element }> = (props) => {
             <div>{props.router}</div>
           </div>
         </Content>
-        <Footer style={{ textAlign: 'center' }}>
-          EVA-Notify Admin Page &copy; {new Date().getFullYear()} EVA Tech
-        </Footer>
+        <PageFooter />
       </Layout>
     </Layout>
   );
diff --git a/src/components/PageFooter.tsx b/src/components/PageFooter.tsx
new file mode 100644
index 0000000..9820d8c
--- /dev/null
+++ b/src/components/PageFooter.tsx
@@ -0,0 +1,21 @@
+import { Layout } from 'antd';
+
+const { Footer } = Layout;
+
+const PageFooter: React.FC = () => {
+  const startYear = 2024;
+  const curYear = new Date().getFullYear();
+  let yearStr = '';
+  if (startYear === curYear) {
+    yearStr = curYear.toString();
+  } else {
+    yearStr = startYear.toString() + ' - ' + curYear.toString();
+  }
+  return (
+    <Footer style={{ textAlign: 'center' }}>
+      EVA-Notify Admin Page &copy; {yearStr} EVA Tech
+    </Footer>
+  );
+};
+
+export default PageFooter;