diff --git a/packages/website/pages/[lang]/about.tsx b/packages/website/pages/[lang]/about.tsx
index 7db933b..fc0750d 100644
--- a/packages/website/pages/[lang]/about.tsx
+++ b/packages/website/pages/[lang]/about.tsx
@@ -3,23 +3,34 @@ import Layout from '../../components/Layout';
 import About from '~/components/section/About.mdx';
 import withLocale from '../../src/hocs/withLocale';
 import { GetstaticProps } from '../../src/types/next';
-import locales from '../../src/translations/locales'
+import locales from '../../src/translations/locales';
 import useTranslation from '../../src/hooks/useTranslation';
+import { PageMeta } from '../../src/PageMeta';
+
+const AboutPage = () => {
+  const { t, locale } = useTranslation();
+  const commonKeyworks = ['wefox'];
+
+  const meta: PageMeta = {
+    title: 'About WeFox Technology',
+    keywords: [...commonKeyworks, 'technical consulting', 'Technical Adviser'],
+    description: 'Professional technical consulting and consulting services',
+    zh: {
+      title: '关于微狐科技',
+      keywords: [...commonKeyworks, '微狐', '微狐科技', '技术咨询', '技术顾问'],
+      description: '专业的技术咨询、顾问服务',
+    },
+  };
 
-
-const AboutPage = () =>{
- const {t} =   useTranslation()
-
- return (
-  <Layout title={t('inc.name')}>
-    <About />
-  </Layout>
-);
-} 
+  return (
+    <Layout meta={meta}>
+      <About />
+    </Layout>
+  );
+};
 
 export default withLocale(AboutPage);
 
-
 export async function unstable_getStaticPaths() {
   return {
     paths: ['en', 'zh'].map(l => ({ params: { lang: l } })),
@@ -31,7 +42,7 @@ export const unstable_getStaticProps: GetstaticProps = async ({ params }) => {
 
   return {
     props: {
-      locale:  lang,
+      locale: lang,
       translations: locales[lang]['common'],
     },
   };