diff --git a/messages/en.json b/messages/en.json
index 430bbdb..2bb7d69 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -21,7 +21,7 @@
   "nav": {
     "label1": "Home",
     "label2": "Example",
-    "label3": "Home 2"
+    "label3": "Doc"
   },
   "home": {
     "name": "Iceberg Server",
diff --git a/messages/fr.json b/messages/fr.json
index 5f532bd..fc0452a 100644
--- a/messages/fr.json
+++ b/messages/fr.json
@@ -21,7 +21,7 @@
   "nav": {
     "label1": "Accueil",
     "label2": "Exemple",
-    "label3": "Accueil 2"
+    "label3": "Doc"
   },
   "home": {
     "name": "Iceberg Server",
diff --git a/src/app/[locale]/doc/page.tsx b/src/app/[locale]/doc/page.tsx
new file mode 100644
index 0000000..e4a8b2a
--- /dev/null
+++ b/src/app/[locale]/doc/page.tsx
@@ -0,0 +1,33 @@
+// 'use client'
+
+// import { useEffect, useState } from 'react'
+
+// export default function AboutPage() {
+//   const [data, setData] = useState<any>(null)
+//   const [loading, setLoading] = useState(true)
+
+//   useEffect(() => {
+//     fetch((process.env.NEXT_PUBLIC_API_URL as string) + "/docs.json")
+//       .then((res) => res.json())
+//       .then((result) => {
+//         setData(result)
+//         setLoading(false)
+//       })
+//       .catch((err) => {
+//         console.error(err)
+//         setLoading(false)
+//       })
+//   }, [])
+
+//   return (
+//     <div className="p-6">
+//       <h1>About</h1>
+
+//       {loading && <p>Loading...</p>}
+
+//       {!loading && data && (
+//         <pre>{JSON.stringify(data, null, 2)}</pre>
+//       )}
+//     </div>
+//   )
+// }
diff --git a/src/app/[locale]/example/page.tsx b/src/app/[locale]/example/page.tsx
deleted file mode 100644
index 218e605..0000000
--- a/src/app/[locale]/example/page.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-export default function AboutPage() {
-  return (
-    <div className="p-6">
-      <h1>About</h1>
-      <p>This is an example</p>
-    </div>
-  );
-}
diff --git a/src/components/layout/Navbar.tsx b/src/components/layout/Navbar.tsx
index cea6eff..4dcf980 100644
--- a/src/components/layout/Navbar.tsx
+++ b/src/components/layout/Navbar.tsx
@@ -31,7 +31,7 @@ export default function Navbar() {
   const links = [
     { to: '/', label: t('label1') },
     { to: '/example', label: t('label2') },
-    { to: '/3', label: t('label3') },
+    { to: '/doc', label: t('label3') },
   ];
 
   useEffect(() => {