diff --git a/components/Footer.tsx b/components/Footer.tsx
index c26ae3f..2605bfe 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,88 +1,31 @@
 import { observer } from 'mobx-react';
 import { useContext } from 'react';
-import { Col, Container, Nav, Row } from 'react-bootstrap';
+import { Image } from 'react-bootstrap';
 
-import { ContactEmail, GitHubURL, WeChatURL } from '../models/configuration';
 import { I18nContext } from '../models/Translation';
 
 export const Footer = observer(() => {
   const { t } = useContext(I18nContext);
+  const currentYear = new Date().getFullYear();
 
   return (
-    <footer className="bg-dark text-light py-4">
-      <Container fluid="xl" className="px-3">
-        <Row>
-          <Col md={4} className="mb-3 mb-md-0">
-            <h5 className="fw-bold mb-3">{t('open_source_bazaar')}</h5>
-            <p className="text-light opacity-75 lh-base">{t('footer_description')}</p>
-            <div className="mt-3">
-              <a
-                href={GitHubURL}
-                className="text-light text-decoration-none me-3 hover-opacity"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                🐱 GitHub
-              </a>
-              <a
-                href={WeChatURL}
-                className="text-light text-decoration-none me-3 hover-opacity"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                💬 WeChat
-              </a>
-            </div>
-          </Col>
-          <Col md={3} className="mb-3 mb-md-0">
-            <h5 className="fw-bold mb-3">{t('quick_links_footer')}</h5>
-            <Nav className="flex-column">
-              <Nav.Link
-                href="/open-library/books"
-                className="text-light px-0 py-1 text-decoration-none"
-              >
-                📖 {t('catalog_footer')}
-              </Nav.Link>
-              <Nav.Link
-                href="/open-library/how-to-borrow"
-                className="text-light px-0 py-1 text-decoration-none"
-              >
-                ℹ️ {t('how_to_borrow')}
-              </Nav.Link>
-            </Nav>
-          </Col>
-          <Col md={5}>
-            <h5 className="fw-bold mb-3">{t('contact')}</h5>
-            <ul className="list-unstyled d-flex flex-column gap-2 text-light opacity-75 mb-0">
-              <li>📍 {t('community_name')}</li>
-              <li>📌 {t('community_location')}</li>
-              <li>
-                ✉️{' '}
-                <a className="text-light" href={`mailto:${ContactEmail}`}>
-                  {ContactEmail}
-                </a>
-              </li>
-              <li>
-                💬{' '}
-                <a
-                  className="text-light"
-                  href={WeChatURL}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  {t('community_name')}
-                </a>
-              </li>
-            </ul>
-          </Col>
-        </Row>
-
-        <hr className="mt-4 mb-3 border-secondary opacity-25" />
-
-        <div className="text-center text-light opacity-75 py-2">
-          &copy; {new Date().getFullYear()} {t('open_source_bazaar')}. {t('all_rights_reserved')}
-        </div>
-      </Container>
+    <footer className="mw-100 bg-dark text-white">
+      <p className="text-center my-0 py-3">
+        <span className="pr-3">
+          © 2021{currentYear === 2021 ? '' : `-${currentYear}`} {t('open_source_bazaar')}
+        </span>
+        <a
+          className="flex-fill d-flex justify-content-center align-items-center"
+          href="https://vercel.com/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Powered by
+          <span className="mx-2">
+            <Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
+          </span>
+        </a>
+      </p>
     </footer>
   );
 });
diff --git a/components/open-library/Footer.tsx b/components/open-library/Footer.tsx
new file mode 100644
index 0000000..121f7b0
--- /dev/null
+++ b/components/open-library/Footer.tsx
@@ -0,0 +1,88 @@
+import { observer } from 'mobx-react';
+import { useContext } from 'react';
+import { Col, Container, Nav, Row } from 'react-bootstrap';
+
+import { ContactEmail, GitHubURL, WeChatURL } from '../../models/configuration';
+import { I18nContext } from '../../models/Translation';
+
+export const OpenLibraryFooter = observer(() => {
+  const { t } = useContext(I18nContext);
+
+  return (
+    <footer className="bg-dark text-light py-4">
+      <Container fluid="xl" className="px-3">
+        <Row>
+          <Col md={4} className="mb-3 mb-md-0">
+            <h5 className="fw-bold mb-3">{t('open_source_bazaar')}</h5>
+            <p className="text-light opacity-75 lh-base">{t('footer_description')}</p>
+            <div className="mt-3">
+              <a
+                href={GitHubURL}
+                className="text-light text-decoration-none me-3 hover-opacity"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                🐱 GitHub
+              </a>
+              <a
+                href={WeChatURL}
+                className="text-light text-decoration-none me-3 hover-opacity"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                💬 WeChat
+              </a>
+            </div>
+          </Col>
+          <Col md={3} className="mb-3 mb-md-0">
+            <h5 className="fw-bold mb-3">{t('quick_links_footer')}</h5>
+            <Nav className="flex-column">
+              <Nav.Link
+                href="/open-library/books"
+                className="text-light px-0 py-1 text-decoration-none"
+              >
+                📖 {t('catalog_footer')}
+              </Nav.Link>
+              <Nav.Link
+                href="/open-library/how-to-borrow"
+                className="text-light px-0 py-1 text-decoration-none"
+              >
+                ℹ️ {t('how_to_borrow')}
+              </Nav.Link>
+            </Nav>
+          </Col>
+          <Col md={5}>
+            <h5 className="fw-bold mb-3">{t('contact')}</h5>
+            <ul className="list-unstyled d-flex flex-column gap-2 text-light opacity-75 mb-0">
+              <li>📍 {t('community_name')}</li>
+              <li>📌 {t('community_location')}</li>
+              <li>
+                ✉️{' '}
+                <a className="text-light" href={`mailto:${ContactEmail}`}>
+                  {ContactEmail}
+                </a>
+              </li>
+              <li>
+                💬{' '}
+                <a
+                  className="text-light"
+                  href={WeChatURL}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  {t('community_name')}
+                </a>
+              </li>
+            </ul>
+          </Col>
+        </Row>
+
+        <hr className="mt-4 mb-3 border-secondary opacity-25" />
+
+        <div className="text-center text-light opacity-75 py-2">
+          &copy; {new Date().getFullYear()} {t('open_source_bazaar')}. {t('all_rights_reserved')}
+        </div>
+      </Container>
+    </footer>
+  );
+});
diff --git a/pages/_app.tsx b/pages/_app.tsx
index d3cae06..52b79ca 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -8,6 +8,7 @@ import Head from 'next/head';
 
 import { Footer } from '../components/Footer';
 import { MainNavigator } from '../components/Navigator/MainNavigator';
+import { OpenLibraryFooter } from '../components/open-library/Footer';
 import { LibraryNavbar } from '../components/open-library/Navbar';
 import { PageContent } from '../components/PageContent';
 import { isServer } from '../models/configuration';
@@ -90,7 +91,7 @@ export default class CustomApp extends App<I18nProps> {
         ) : (
           this.renderSiteFrame(isArticlePage)
         )}
-        <Footer />
+        {isOpenLibraryPath ? <OpenLibraryFooter /> : <Footer />}
       </I18nContext.Provider>
     );
   }