docs: add a resource page

Author: tianzhou

src/App.jsx

@@ -0,0 +1,8 @@
+import Resources from './pages/Resources';
+
+// Inside your Routes component
+<Routes>
+  // ... existing routes ...
+  <Route path="/resources" element={<Resources />} />
+  // ... existing routes ...
+</Routes>;

src/app/[locale]/resources/page.tsx

@@ -0,0 +1,24 @@
+import getMetadata from '@/utils/get-metadata';
+
+import SEO_DATA from '@/lib/seo-data';
+
+export const metadata = getMetadata(SEO_DATA.RESOURCES);
+
+export default function ResourcesPage() {
+  return (
+    <>
+      <section className="bg-pricing-hero pb-20 pt-[64px] lg:pb-16 md:pb-[54px] md:pt-24 sm:pb-11">
+        <div className="container max-w-[1396px] 2xl:max-w-full">
+          <header className="text-center">
+            <h1 className="sr-only">Bytebase resources page</h1>
+            <section className="container flex flex-col items-center">
+              <h2 className="max-w-3xl text-center font-title text-56 font-semibold leading-none xl:max-w-2xl xl:text-56 md:max-w-lg md:text-48 sm:text-40">
+                Resources
+              </h2>
+            </section>
+          </header>
+        </div>
+      </section>
+    </>
+  );
+}

src/components/shared/footer/footer.tsx

@@ -51,6 +51,7 @@ const FOOTER_MENU = [
   {
     name: 'RESOURCES',
     items: [
+      { name: 'Resources', linkUrl: Route.RESOURCES },
       { name: 'Documentation', linkUrl: Route.DOCS },
       { name: 'Changelog', linkUrl: Route.CHANGELOG },
       { name: 'Schema Migration', linkUrl: Route.SCHEMA_MIGRATION },

src/lib/route.ts

@@ -2,6 +2,7 @@ const Route = {
   INDEX: '/',
   ABOUT: '/about',
   PRICING: '/pricing',
+  RESOURCES: '/resources',
   BRAND: '/about#brand-kit',
   SCHEMA_MIGRATION: '/schema-migration',
   SQL_EDITOR: '/sql-editor',

src/lib/seo-data.ts

@@ -46,6 +46,12 @@ const SEO_DATA = {
       'Schema migration and database security for developer, security, DBA, and platform engineering teams.',
     pathname: `${Route.PRICING}/`,
   },
+  RESOURCES: {
+    title: 'Bytebase Resources',
+    description:
+      'Schema migration and database security for developer, security, DBA, and platform engineering teams.',
+    pathname: `${Route.RESOURCES}/`,
+  },
   CHANGELOG: {
     title: 'Changelog',
     description:

src/pages/Resources.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const Resources = () => {
+  return <div className="resources-container">{/* Empty content as requested */}</div>;
+};
+
+export default Resources;