feat(ui): add /ai (#494)

apps/blog/app/ai/layout.tsx

@@ -0,0 +1,11 @@
+import Header from '@duyet/components/Header';
+import * as React from 'react';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <Header />
+      {children}
+    </>
+  );
+}

apps/blog/app/ai/page.tsx

@@ -0,0 +1,24 @@
+import Container from '@duyet/components/Container';
+
+export const metadata = {
+  title: 'AI',
+  description: 'How I use AI.',
+};
+
+export default function AI() {
+  return (
+    <div className="mb-16 space-y-6 leading-loose">
+      <Container className="mb-8 max-w-2xl md:mb-16">
+        <h1 className="my-10 text-6xl font-bold lg:text-7xl">AI</h1>
+        <p>
+          None of the contents in my blog was written by an AI tool. I have used
+          AI for English sentences correction, ChatGPT and Claude 3.
+        </p>
+
+        <p>
+          I use different LLM tools for coding, mostly Github Copilot + NeoVim.
+        </p>
+      </Container>
+    </div>
+  );
+}

packages/components/Footer.tsx

@@ -52,7 +52,7 @@ const navigation = {
       name: "Rust Tiếng Việt (Book)",
       href: "https://rust-tieng-viet.github.io/?utm_source=blog&utm_medium=footer&utm_campaign=rust_tieng_viet",
     },
-    { name: "pageview.js", href: "https://pageview.duyet.net" },
+    { name: "/ai", href: `${BLOG_URL}/ai` },
     { name: "/archives", href: `${BLOG_URL}/archives` },
     { name: "/insights", href: INSIGHTS_URL },
   ],